学习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》

猜你喜欢

转载自blog.csdn.net/w418856/article/details/130811133