{"id":277,"date":"2026-06-08T10:59:05","date_gmt":"2026-06-08T02:59:05","guid":{"rendered":"https:\/\/mitongxue.cn\/?p=277"},"modified":"2026-06-08T10:59:05","modified_gmt":"2026-06-08T02:59:05","slug":"threejs%e5%ae%9e%e7%8e%b0%e7%ab%8b%e6%96%b9%e4%bd%93%e7%9c%8b%e6%88%bf","status":"publish","type":"post","link":"https:\/\/mitongxue.cn\/index.php\/2026\/06\/08\/threejs%e5%ae%9e%e7%8e%b0%e7%ab%8b%e6%96%b9%e4%bd%93%e7%9c%8b%e6%88%bf\/","title":{"rendered":"ThreeJS\u5b9e\u73b0\u7acb\u65b9\u4f53\u770b\u623f"},"content":{"rendered":"\n<h2 class=\"wp-block-heading\">\u8d34\u56fe<\/h2>\n\n\n\n<pre class=\"wp-block-code\"><code>\/\/\u6750\u8d28-\u8d34\u56fe\nconst materials: THREE.MeshBasicMaterial&#91;] = &#91;];\nconst texture_right = new THREE.TextureLoader().load( '.\/images\/livingRoom\/living_r.jpg' );\nmaterials.push(new THREE.MeshBasicMaterial({ map: texture_right }));\n\nconst texture_left = new THREE.TextureLoader().load( '.\/images\/livingRoom\/living_l.jpg' );\nmaterials.push(new THREE.MeshBasicMaterial({ map: texture_left }));\n\nconst texture_up = new THREE.TextureLoader().load( '.\/images\/livingRoom\/living_u.jpg' );\nmaterials.push(new THREE.MeshBasicMaterial({ map: texture_up }));\n\nconst texture_down = new THREE.TextureLoader().load( '.\/images\/livingRoom\/living_d.jpg' );\nmaterials.push(new THREE.MeshBasicMaterial({ map: texture_down }));\n\nconst texture_front = new THREE.TextureLoader().load( '.\/images\/livingRoom\/living_f.jpg' );\nmaterials.push(new THREE.MeshBasicMaterial({ map: texture_front }));\n\nconst texture_back = new THREE.TextureLoader().load( '.\/images\/livingRoom\/living_b.jpg' );\nmaterials.push(new THREE.MeshBasicMaterial({ map: texture_back }));\n\n\/\/\u521b\u5efa\u7f51\u683c\nconst cube  = new THREE.Mesh( geometry, materials );<\/code><\/pre>\n\n\n\n<h2 class=\"wp-block-heading\">\u73b0\u5728\u5899\u7eb8\u8d34\u5728\u5916\u8fb9\u7684\uff0c\u9700\u8981\u8d34\u5230\u91cc\u9762<\/h2>\n\n\n\n<pre class=\"wp-block-code\"><code>cube.geometry.scale( 1, 1, -1 ); <\/code><\/pre>\n\n\n\n<h2 class=\"wp-block-heading\">\u8bbe\u7f6e\u76f8\u673a\u4f4d\u7f6e\uff0c\u8ba9\u89c6\u89c9\u5728\u5c4b\u5185<\/h2>\n\n\n\n<pre class=\"wp-block-code\"><code>\/\/\u8bbe\u7f6e\u76f8\u673a\u4f4d\u7f6e<br>\/\/camera.position.z = 30;<br>camera.position.set( 0, 0, 0.01 ); \/\/\u89c6\u89d2\u653e\u5230\u4e86\u76d2\u5b50\u91cc\u8fb9\u8f68\u9053\u4e0d\u80fd\u8bbe\u7f6e0<\/code><\/pre>\n\n\n\n<h2 class=\"wp-block-heading\">\u589e\u52a0\u4e8b\u4ef6<\/h2>\n\n\n\n<pre class=\"wp-block-code\"><code>\/\/\u4e8b\u4ef6\uff0c\u5904\u7406\u8c03\u8bd5\u6216\u8005\u7a97\u53e3\u53d8\u52a8\u540e\u91cd\u65b0\u6e32\u67d3\nwindow.addEventListener('resize', () => {\n  \/\/\u66f4\u65b0\u76f8\u673a\u5bbd\u9ad8\u6bd4\n  camera.aspect = window.innerWidth \/ window.innerHeight;\n  \/\/\u66f4\u65b0\u76f8\u673a\u6295\u5f71\u77e9\u9635\n  camera.updateProjectionMatrix();\n  \/\/\u66f4\u65b0\u6e32\u67d3\u5668\u5c3a\u5bf8\n  renderer.setSize(window.innerWidth, window.innerHeight);\n});<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u8d34\u56fe \u73b0\u5728\u5899\u7eb8\u8d34\u5728\u5916\u8fb9\u7684\uff0c\u9700\u8981\u8d34\u5230\u91cc\u9762 \u8bbe\u7f6e\u76f8\u673a\u4f4d..<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[16,11],"tags":[],"class_list":["post-277","post","type-post","status-publish","format-standard","hentry","category-js","category-front"],"featured_image_urls":{"full":"","thumbnail":"","medium":"","medium_large":"","large":"","1536x1536":"","2048x2048":""},"author_info":{"info":["\u9648 \u67d0\u4eba"]},"category_info":"<a href=\"https:\/\/mitongxue.cn\/index.php\/category\/front\/js\/\" rel=\"category tag\">JS<\/a> <a href=\"https:\/\/mitongxue.cn\/index.php\/category\/front\/\" rel=\"category tag\">\u524d\u7aef<\/a>","tag_info":"\u524d\u7aef","comment_count":"0","_links":{"self":[{"href":"https:\/\/mitongxue.cn\/index.php\/wp-json\/wp\/v2\/posts\/277","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mitongxue.cn\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/mitongxue.cn\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/mitongxue.cn\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/mitongxue.cn\/index.php\/wp-json\/wp\/v2\/comments?post=277"}],"version-history":[{"count":2,"href":"https:\/\/mitongxue.cn\/index.php\/wp-json\/wp\/v2\/posts\/277\/revisions"}],"predecessor-version":[{"id":279,"href":"https:\/\/mitongxue.cn\/index.php\/wp-json\/wp\/v2\/posts\/277\/revisions\/279"}],"wp:attachment":[{"href":"https:\/\/mitongxue.cn\/index.php\/wp-json\/wp\/v2\/media?parent=277"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/mitongxue.cn\/index.php\/wp-json\/wp\/v2\/categories?post=277"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/mitongxue.cn\/index.php\/wp-json\/wp\/v2\/tags?post=277"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}