Three.js是通过对WebGL接口的封装与简化而形成的一个易用的图形库。
实现步骤
- 构建一个三维空间
- Three中称之为场景(Scene)选择一个观察点,并确定观察方向/角度等
- Three中称之为相机(Camera)在场景中添加供观察的物体
- Three中的物体有很多种,包括Mesh,Line,Points等,它们都继承自Object3D类将观察到的场景渲染到屏幕上的指定区域
- Three中使用Renderer完成这一工作
概念解释
- Scene:场景是所有物体的容器,也对应着我们创建的三维世界。
- Camera 坐标系:Camera是三维世界中的观察者,为了观察这个世界,首先我们要描述空间中的位置。