three.js 学习之旅(一)
THREE.js学习 重要的3样东西: 场景(Scene)、相机(Camera)、渲染(Renderer) 1、首先新建一个场景(Scene)(ps:这里的场景类似flash的舞台) 2、然后新建一个相机(Camera),three.js里有很多不同的相机。官方示例里用的是--透视投影相机(PerspectiveCamera)。 1 PerspectiveCamera(fov, aspect, near, far) PerspectiveCamera构造函数接受4个参数。 -- fov 可视角度 -- aspect 宽高比(width/height),通常设置为canvas元素的宽高比 -- near 近端距离 -- far 远端距离 只有离相机的距离大于near值,小于far值,且在相机的可视角度之内,才能被相机投影到。 3、场景跟相机都生成以后,还需要摆放在场景里的物体。 用BoxGeometry生成一个立方体。 1 BoxGemetry(width, height, dept, widthSegments, heightSegments, depthSegments) -- width,height,dept分别是长宽高 -- widthSegments, heightSegments, deptSegments是对应长宽高的分段,在使用线模式({wireframe:true