一。安装three.js
1.npm `npm install three@0.106.2` vscode
2.下载three.js文件拖入项目
3.在需要定义three对象的js文件头写入import * as THREE from '../js/three.module.js';路径为自己的three.module.js文件的路径,这样就可以自动提示three.js中的函数和方法
二。基本组件
1.场景var scene = new THREE.Scene()
2.相机
(1)正交相机和透视相机(近大远小)
(2)相机的属性
<1>fov(field of view),可视角
<2>近切面,远切面,相机视锥体的远近限制范围
<3>aspect,宽高比,相机切面的宽高比例 w/h
示例:
//定义一个相机
var scene = new THREE . Scene ( ) ; //场景
var camera = new THREE . PerspectiveCamera ( 75 , window . innerWidth / window . i
1