
WebGL基础
webGL 被视为前端未来几年发展中比较大的增长点。许多团队在涉及到数字工业,农业,城市,园区,交通时最先想到的前端解决方案就是 WebGL。
一、组成 Threejs 应用的几个重要组件
场景
场景就是舞台,可以吧任何显示的东西放在场景中的任何位置
THREE.Scene = funciton();
相机
相机就是拍摄场景物体的镜头
- 透视相机
- 正投影相机(远处近处一样大,如 CAD 图纸)
THREE.PerspectiveCamera = function(fov,aspect,near,far);
- 视角 fov:眼睛查看世界的角度
- 近平面 near:近处裁面的距离
- aspect:宽高的比例
- far:远平面
渲染器
将场景的内容显示在屏幕上 THREE.WebGLRenderer()
几何体
几何体就是场景中现实的对象