Three.js是一个基于WebGL的JavaScript 3D图形库,用于在浏览器中创建和显示3D内容
Three.js中最基础的三个关键要素就是场景Scene、相机Camera、渲染器Renderer
通俗一点理解,场景就是我们生活中一个具体的场景,比如自然环境中的一栋建筑,环境和内容构成了一个场景,相机就类比于人类的眼睛,渲染器就好比我们的中枢神经视觉处理器
那我们的一个网页端3D场景就是把人类观察自然界的场景的几个要素搬到了WEB端
场景Scene
那接下来详细介绍网页中的场景要素Scene
利用threejs创建一个三维场景
const scene = new THREE.Scene();
就是这么简单,我们实例化了一个虚拟世界的三维场景
接下来我们用我们web世界的眼睛来观察这个场景
相机Camera
Threejs提供了正投影相机OrthographicCamera (opens new window)和透视