WebGL_Three.js:关于WebGL和three.js库

时间:2021-02-01 04:46:14
【文件属性】:
文件名称:WebGL_Three.js:关于WebGL和three.js库
文件大小:41.54MB
文件格式:ZIP
更新时间:2021-02-01 04:46:14
javascript css learning threejs html5 一。安装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

网友评论