# threejs 入门（一）

# 创建场景

# 必备组件：

• 相机： 决定哪些东西被显示在屏幕上
• 光源： 生成阴影与改变物体表面显示效果
• 物体： 相机透视图里主要的渲染对象

# 基本功能

scene.add() 在场景中添加物体 scene.remove() 在场景中移除物体 scene.children() 获取场景中所有子对象的列表 scene.getChildByName() 获得场景中所有对象的列表

# 属性

fog 通过该属性可以设置雾化效果 overrideMaterial 可以让场景中所有物体都使用相同材质

# 几何对象和网格对象

# 几何对象的属性和函数

THREE.Geometry 是所有几何对象的基类 （简称geom） geom.vertices 表示几何体的顶点，是一个数组 geom.faces 表示几何体的侧面

# 网格对象的属性和函数

position 决定该对象相对于父对象的位置 rotation 设置对象绕任何一个轴的旋转弧度 scale 沿 x y z轴缩放对象 translateX x 轴平移 translateY y 轴平移 translateZ z 轴平移

# 相机

# 光源

# 认识光源

• AmbientLight 环境光——基础光源，影响整个场景的光源
• PointLight 点光源——空间中的一个点，朝所有方向发射光源
• SpotLight 聚光灯——具有锥形效果的聚光光源
• DirectionalLight 平行光——无限光，模拟远处太阳的光源
• 高级光照效果——半球光、平面光、镜头眩光