官网:Javascript 3D library(JavaScript 3D 库)。Three.js是基于webGL的封装的一个易于使用且轻量级的3D库,Three.js对WebGL提供的接口进行了非常好的封装,简化了很多细节,大大降低了学习成本,极大地提高了性能,功能也非常强大,用户不需要详细地学习 WebGL,就能轻松创作出三维图形,是前端开发者研发3D绘图的主要工具。微信小游戏跳一跳也是在基于Three.js研发的,Threejs现在是独领风骚。
1、Three.js库引入的两种方式
通过CDN方式引入<script src="https://cdn.bootcss.com/three.js/92/three.js"></script>
2、或者把Three.js下载到本地,直接引入<script src="./three.js"></script>
3.three是一个三维坐标系因此three.js可以制作一些小游戏以及3D物体模型的展示还可以用来制作数据可视化以及VR效果
4.Thress.js 三大要素(核心):
场景(scene)、相机(camera)、渲染器(renderer)
相机获取到场景内显示的内容,然后再通过渲染器渲染到画布上面
场景
场景是一个三维空间,是存放所有物品的容器,可以把场景想象成一个空房间,房间里面可以放置要呈现的物体、相机、光源等。