【文件属性】:
文件名称: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