{"id":444,"date":"2022-08-26T17:46:49","date_gmt":"2022-08-26T09:46:49","guid":{"rendered":"http:\/\/gjweb.top\/?p=444"},"modified":"2022-08-26T17:47:43","modified_gmt":"2022-08-26T09:47:43","slug":"%e5%88%9b%e5%bb%ba%e5%9c%ba%e6%99%af","status":"publish","type":"post","link":"https:\/\/gjweb.top\/?p=444","title":{"rendered":"01.\u521b\u5efa\u573a\u666f"},"content":{"rendered":"\n

1. \u521b\u5efa\u573a\u666f<\/h2>\n\n\n\n
      import * as THREE from 'three';
      \/\/  \u573a\u666f
      const scene= new THREE.Scene();
      \/\/ \u76f8\u673a
      const camera = new THREE.PerspectiveCamera(
        75,
        window.innerWidth\/window.innerHeight,
        0.1,
        1000
      );
      \/\/ \u76f8\u673a\u4f4d\u7f6e
      camera.position.set(0,0,10);
      scene.add(camera)
\u200b
      \/\/ \u6dfb\u52a0\u7269\u4f53
      \/\/ \u521b\u5efa\u51e0\u4f55\u4f53
      const cubeGeometry = new THREE.BoxGe
      ometry();
      const subeMaterial = new THREE.MeshBasicMaterial({color:0xff0000})
      \/\/ \u6839\u636e\u51e0\u4f55\u4f53\u548c\u6750\u8d28\u521b\u5efa\u7269\u4f53
      const code = new THREE.Mesh(cubeGeometry,subeMaterial)
      \/\/ \u51e0\u4f55\u4f53\u51e0\u4f55\u4f53\u548c\u6750\u8d28\u653e\u5728\u573a\u666f\u4e2d
      scene.add(code)
    
      \/\/ \u521d\u59cb\u5316\u6e32\u67d3\u5668
      const renderer = new THREE.WebGLRenderer();
      \/\/ \u6e32\u67d3\u7684\u5c3a\u5bf8\u5927\u5c0f
      renderer.setSize(window.innerWidth,window.innerHeight);
      \/\/ \u5c06webGl\u6e32\u67d3\u7684canvas\u5185\u5bb9\u6e32\u67d3\u5230body
      document.body.appendChild(renderer.domElement)
\u200b
      \/\/ \u4f7f\u7528\u6e32\u67d3\u5668\u5c06\u573a\u666f\u6e32\u67d3
      renderer.render(scene,camera)<\/code><\/pre>\n\n\n\n
\n\n\n\n
2. \u521b\u5efa\u8f68\u9053\u5668<\/h2>\n\n\n\n
import {OrbitControls} from \"three\/examples\/jsm\/controls\/OrbitControls.js\"
\/*
* \u7b2c\u4e00\u4e2a\u53c2\u6570 \u4e3a\u76f8\u673a\u7684\u5b9e\u4f8b
* \u7b2c\u4e8c\u4e2a\u53c2\u6570 \u6e32\u67d3\u5668\u5143\u7d20
*\/
const controls = new OrbitControls(camera,renderer.domElement)
renderer.render(scene,camera)
\/\/ \u4e0b\u4e00\u5e27\u7684\u65f6\u5019\u8c03\u7528render\u51fd\u6570
requestAnimationFrame(this.render) \/\/ \u4f18\u5316\u7684API,\u7528\u6237\u8df3\u51fa\u8be5\u9875\u9762\u65f6\u4e0d\u8fdb\u884c\u6e32\u67d3
\/\/ \u63a7\u5236\u89c6\u89d2\u8303\u56f4
controls.maxPolarAngle = Math.PI \/ 2;
controls.minPolarAngle = 0;<\/code><\/pre>\n\n\n\n
\n\n\n\n
3. \u6dfb\u52a0\u5750\u6807\u8f85\u52a9\u5668<\/h2>\n\n\n\n
const axesHelper = new THREE.AxesHelper(5);
scene.add( axesHelper );<\/code><\/pre>\n\n\n\n
\n\n\n\n
4.\u7269\u4f53\u7684\u79fb\u52a8&\u65cb\u8f6c&\u7f29\u653e<\/h2>\n\n\n\n
\/\/ \u7269\u4f53\u79fb\u52a8
code.rotation.set(Math.PI\/4,0,0)
code.position.x += 0.01;
\/\/ \u7269\u4f53\u7f29\u653e
scale
\/\/ \u65cb\u8f6c
rotation<\/code><\/pre>\n\n\n\n
\n\n\n\n
5. \u6e32\u67d3\u5668\u4f18\u5316<\/h2>\n\n\n\n
enderer = new THREE.WebGLRenderer({ antialias: true });
renderer.logarithmicDepthBuffer = true; \/\/ \u5f00\u542f\u6df1\u5ea6\u4f18\u5316
renderer.physicallyCorrectLights = true; \/\/ \u5f00\u542f\u7269\u7406\u5149\u7167(\u6027\u80fd\u4f18\u5316)<\/code><\/pre>\n","protected":false},"excerpt":{"rendered":"
1. \u521b\u5efa\u573a\u666f 2. \u521b\u5efa\u8f68\u9053\u5668 3. \u6dfb\u52a0\u5750\u6807\u8f85\u52a9\u5668 4.\u7269\u4f53\u7684\u79fb\u52a8&\u65cb\u8f6c&\u7f29\u653e 5. \u6e32\u67d3 […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[53],"tags":[],"class_list":["post-444","post","type-post","status-publish","format-standard","hentry","category-three"],"_links":{"self":[{"href":"https:\/\/gjweb.top\/index.php?rest_route=\/wp\/v2\/posts\/444","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/gjweb.top\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/gjweb.top\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/gjweb.top\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/gjweb.top\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=444"}],"version-history":[{"count":2,"href":"https:\/\/gjweb.top\/index.php?rest_route=\/wp\/v2\/posts\/444\/revisions"}],"predecessor-version":[{"id":446,"href":"https:\/\/gjweb.top\/index.php?rest_route=\/wp\/v2\/posts\/444\/revisions\/446"}],"wp:attachment":[{"href":"https:\/\/gjweb.top\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=444"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/gjweb.top\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=444"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/gjweb.top\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=444"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}