Quick Start

• Hello WebGL
• Hello ThreeJS
• Hello ThingJS

基本概念

• 相机 Camera
• 几何体 Geometry
• 材质 Material
• 网格 Mesh
• 动画 Animation
• 模型 Model
• 加载器 Loader
• 光照 Light
• 着色器 Shader

开发指南

• Chapter01 入门
1. 创建第一个3D场景
2. 查看几何体的线框模式
3. 实现简单的动画效果
4. 鼠标控制场景旋转和缩放
5. 常用基础几何体
6. 物体组合及辅助坐标系
7. 透视投影与相机位置

• Chapter02 基本组件
1. 场景 Scene
2. 物体 Mesh
3. 网格辅助 GridHelper

• Chapter03 加载模型
1. 加载不带材质的3mf模型
2. 加载带材质的3mf模型
3. 加载不带材质的obj模型
4. 加载带材质的obj模型
5. 加载带纹理和贴图的obj模型
6. 加载glTF模型
7. 加载带动画的glTF模型

ThreeJS 案例

• Infinitown
• Kodeclubs
• FF 91 VR
• 怪兽换装
• 元素周期表
• 水母
• 3D粮仓模型
• 3D涡轮模型

ThingJS 案例

• 智慧城市
• 建筑监控
• 生产车间
• 3D粮仓模型