{"id":275,"date":"2025-02-08T10:37:00","date_gmt":"2025-02-08T02:37:00","guid":{"rendered":"https:\/\/mitongxue.cn\/?p=275"},"modified":"2026-06-08T10:40:41","modified_gmt":"2026-06-08T02:40:41","slug":"threejs%e8%bd%a8%e9%81%93%e6%8b%96%e6%8b%bd%e5%a4%b1%e6%95%88%ef%bc%8c%e5%be%ae%e5%b0%8f%e5%81%8f%e7%a7%bb-0-01-%e5%8d%b3%e5%8f%af%e8%a7%84","status":"publish","type":"post","link":"https:\/\/mitongxue.cn\/index.php\/2025\/02\/08\/threejs%e8%bd%a8%e9%81%93%e6%8b%96%e6%8b%bd%e5%a4%b1%e6%95%88%ef%bc%8c%e5%be%ae%e5%b0%8f%e5%81%8f%e7%a7%bb-0-01-%e5%8d%b3%e5%8f%af%e8%a7%84\/","title":{"rendered":"ThreeJS\u8f68\u9053\u62d6\u62fd\u5931\u6548\uff0c\u5fae\u5c0f\u504f\u79fb 0.01 \u5373\u53ef\u89c4"},"content":{"rendered":"\n<pre class=\"wp-block-code\"><code>camera.position.set( 0, 0, 0.01 ); \/\/\u89c6\u89d2\u653e\u5230\u4e86\u76d2\u5b50\u91cc\u8fb9\u8f68\u9053\u4e0d\u80fd\u8bbe\u7f6e0\uff0c\u9700\u89810.01<\/code><\/pre>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>\u76f8\u673a\u4e0e\u7269\u4f53\u5b8c\u5168\u91cd\u5408\uff0c\u8fdb\u5165\u7269\u4f53\u5185\u90e8 + \u9762\u5254\u9664<\/strong> \u4f60\u628a\u76f8\u673a\u653e\u5728\u6a21\u578b\u4e2d\u5fc3 <code>(0,0,0)<\/code>\uff0c\u76f8\u673a<strong>\u94bb\u8fdb\u6a21\u578b\u51e0\u4f55\u4f53\u5185\u90e8<\/strong>\u3002 Three.js \u9ed8\u8ba4<strong>\u80cc\u9762\u5254\u9664\uff08<code>side: FrontSide<\/code>\uff09<\/strong>\uff0c\u6a21\u578b\u5185\u4fa7\u9762\u7247\u4e0d\u6e32\u67d3\uff0c\u753b\u9762\u76f4\u63a5\u53d8\u9ed1 \/ \u770b\u4e0d\u5230\u5185\u5bb9\uff0c\u8f68\u9053\u770b\u4f3c \u201c\u4e0d\u80fd\u52a8\u201d\u3002 \u7ed9 <code>z=0.01<\/code> \u5fae\u5c0f\u504f\u79fb\uff0c\u76f8\u673a\u632a\u5230\u6a21\u578b\u5916\u4fa7\uff0c\u6b63\u5e38\u770b\u5230\u8868\u9762\u3002<\/li>\n\n\n\n<li><strong>\u8f68\u9053\u63a7\u5236\u5668 (OrbitControls) \u7126\u70b9\u4e0e\u76f8\u673a\u5750\u6807\u91cd\u5408<\/strong> OrbitControls \u9ed8\u8ba4\u770b\u5411 <code>(0,0,0)<\/code>\uff08\u76ee\u6807\u4e2d\u5fc3\u70b9\uff09\u3002<\/li>\n<\/ol>\n\n\n\n<ul class=\"wp-block-list\">\n<li>\u76f8\u673a\u5750\u6807 = \u76ee\u6807\u70b9 <code>(0,0,0)<\/code> \u2192 \u76f8\u673a\u548c\u65cb\u8f6c\u539f\u70b9\u91cd\u5408\uff0c<strong>\u65cb\u8f6c\u534a\u5f84\u4e3a 0<\/strong>\uff0c\u8f68\u9053\u63a7\u5236\u5668\u5931\u53bb\u65cb\u8f6c\u652f\u70b9\uff0c\u62d6\u62fd\u65e0\u53cd\u5e94\u3002<\/li>\n\n\n\n<li>\u504f\u79fb <code>0.01<\/code> \u540e\u4ea7\u751f\u5fae\u5c0f\u534a\u5f84\uff0c\u63a7\u5236\u5668\u6b63\u5e38\u65cb\u8f6c\u3002<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">\u4e8c\u3001\u5bf9\u5e94\u89e3\u51b3\u65b9\u6848\uff08\u5206\u573a\u666f\uff09<\/h3>\n\n\n\n<h4 class=\"wp-block-heading\">1. \u6807\u51c6\u5199\u6cd5\uff08\u63a8\u8350\uff0c\u5f7b\u5e95\u89e3\u51b3\uff0c\u4e0d\u7528\u786c\u5199 0.01\uff09<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">\u89c4\u8303\u76f8\u673a\u4f4d\u7f6e + \u8f68\u9053\u63a7\u5236\u5668\u76ee\u6807\uff0c\u5206\u79bb<strong>\u76f8\u673a\u4f4d\u7f6e<\/strong>\u548c<strong>\u89c2\u5bdf\u4e2d\u5fc3\u70b9<\/strong>\uff1a<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>\/\/ \u89c2\u5bdf\u76ee\u6807\uff1a\u6a21\u578b\u4e2d\u5fc3 (0,0,0)\nconst target = new THREE.Vector3(0, 0, 0);\n\/\/ \u76f8\u673a\u653e\u5728\u5916\u4fa7\uff0c\u8fdc\u79bb\u4e2d\u5fc3\u70b9\uff0c\u4e0d\u8981\u8d34\u8138\ncamera.position.set(0, 0, 2); \n\nconst controls = new THREE.OrbitControls(camera, renderer.domElement);\ncontrols.target.copy(target); \/\/ \u8f68\u9053\u56f4\u7ed5\u6a21\u578b\u4e2d\u5fc3\u65cb\u8f6c\ncontrols.update();\n<\/code><\/pre>\n\n\n\n<h4 class=\"wp-block-heading\">2. \u5c31\u60f3\u76f8\u673a\u8d34\u5f97\u5f88\u8fd1\uff08\u4fdd\u7559\u8fd1\u8ddd\u79bb\u89c6\u89d2\uff09<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">\u8c03\u4f4e\u76f8\u673a\u8fd1\u88c1\u526a\u9762\uff0c\u540c\u65f6\u5fae\u5c0f\u504f\u79fb\uff1a<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>\/\/ \u7f29\u5c0f\u8fd1\u88c1\u5207\u9762\uff0c\u5141\u8bb8\u6781\u8fd1\u8ddd\u79bb\u6e32\u67d3\ncamera.near = 0.001; \ncamera.position.set(0, 0, 0.01);\n<\/code><\/pre>\n\n\n\n<h4 class=\"wp-block-heading\">3. \u6a21\u578b\u9700\u8981\u5185\u90e8\u53ef\u89c6\uff08\u94bb\u8fdb\u6a21\u578b\u91cc\u770b\uff09<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">\u5173\u95ed\u80cc\u9762\u5254\u9664\uff0c\u8ba9\u6a21\u578b\u5185\u58c1\u53ef\u89c1\uff1a<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>\/\/ \u6750\u8d28\u8bbe\u7f6e\uff1a\u53cc\u9762\u6e32\u67d3\nconst material = new THREE.MeshBasicMaterial({\n  side: THREE.DoubleSide \n});<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u4e8c\u3001\u5bf9\u5e94\u89e3\u51b3\u65b9\u6848\uff08\u5206\u573a\u666f\uff09 1. \u6807\u51c6\u5199\u6cd5\uff08\u63a8\u8350\uff0c..<\/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-275","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\/275","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=275"}],"version-history":[{"count":1,"href":"https:\/\/mitongxue.cn\/index.php\/wp-json\/wp\/v2\/posts\/275\/revisions"}],"predecessor-version":[{"id":276,"href":"https:\/\/mitongxue.cn\/index.php\/wp-json\/wp\/v2\/posts\/275\/revisions\/276"}],"wp:attachment":[{"href":"https:\/\/mitongxue.cn\/index.php\/wp-json\/wp\/v2\/media?parent=275"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/mitongxue.cn\/index.php\/wp-json\/wp\/v2\/categories?post=275"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/mitongxue.cn\/index.php\/wp-json\/wp\/v2\/tags?post=275"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}