学习three.js

学习three.js要先了解以下内容；

1. 场景(Scene)：three.js中所有的元素都必须添加到一个场景中才能显示出来。
2. 相机(Camera)：相机决定了场景的视角和可视区域。three.js支持多种相机类型，包括透视相机(PerspectiveCamera)和正交相机(OrthographicCamera)。
3. 渲染器(Renderer)：渲染器将场景和相机结合起来，生成最终的图像。three.js支持多种渲染器类型，包括CanvasRenderer、WebGLRenderer和SVGRenderer。
4. 几何体(Geometry)：几何体是三维空间中的实体，由顶点(vertex)和面(face)组成。three.js中内置了多种几何体，如BoxGeometry、SphereGeometry和CylinderGeometry等，还支持自定义几何体。
5. 材质(Material)：材质决定了几何体表面的外观和属性，例如颜色、纹理、反射等。three.js中内置了多种材质，如MeshBasicMaterial、MeshLambertMaterial和MeshPhongMaterial等，还支持自定义材质。
6. 网格(Mesh)：网格是几何体和材质的结合体，是场景中显示的基本单位。three.js中的Mesh对象可以通过添加几何体和材质来创建。
7. 光源(Light)：光源决定了场景中的光照效果，例如颜色、强度、位置等。three.js支持多种光源类型，包括AmbientLight、PointLight和DirectionalLight等。
8. 动画(Animation)：动画让网格在场景中运动或变形。three.js支持多种动画类型，包括Tween和AnimationMixer等。
9. 控制器(Controller)：控制器可以用来操作相机和控制场景中的交互。three.js支持多种控制器类型，包括OrbitControls、TrackballControls和FlyControls等

想要语雀笔记的可以先通过下面的链接先申请访问权限，我看到会给你们通过的

https://www.yuque.com/g/taoli-zl7vk/dx48ww/collaborator/join?token=7PRTaeYQi3iGOA40# 《Three.js》