![[前端] Three.js可视化企业实战WEBGL课(新增cesium+元宇宙)](https://mngjd.com/wp-content/uploads/2024/04/e7562eb92e664e9ab4636c8f465b4fa3.webp)
├── 01. 认识three.js与开发环境搭建
│ ├── 05.使用three.js渲染第一个场景和物体
│ └── …
├── 02 Three.js开发入门与调试设置
│ ├── 04.应用requestAnimationFrame
│ └── …
├── 03 全面认识threejs物体
│ ├── 02.BufferGeometry设置顶点创建矩形
│ └── …
├── 04 详解材质与纹理
│ ├── 01.初识材质与纹理
│ └── …
├── 05 详解PBR材质纹理
│ ├── 01.详解PBR物理渲染
│ └── …
├── 06 详解灯光与阴影
│ ├── 01.灯光与阴影的关系与设置
│ └── …
├── 07 精通粒子特效
│ ├── 01.初识Points与点材质
│ └── …
├── 08 详解光线投射与物体交互
│ └── 01.精讲投射光线实现3维物体交互
├── 09 打造3D全屏滚动官网
│ ├── 01.设置页面结构与样式
│ └── …
├── 10 应用物理引擎设置物体相互作用
│ ├── 02.使用物理引擎关联Threejs物体
│ └── …
├── 11 WEBGL与GPU渲染原理(难点)后期再消化亦可
│ ├── 01.渲染管线
│ └── …
├── 12 入门着色器编程
│ ├── 01.初识着色器语言
│ └── …
├── 13 进阶着色器编程
│ ├── 01.着色器编写各类型图案
│ └── …
├── 14 着色器打造烟雾水云效果
│ ├── 01.烟雾水效果介绍与代码准备
│ └── …
├── 15 着色器设置点材质
│ ├── 01.着色器设置点材质基本设置
│ └── …
├── 16 炫丽烟花交互项目案例
│ ├── 01.点着色器设置炫丽烟花项目案例01
│ └── …
├── 17 使用着色器加工材质
│ ├── 01.three框架材质原理与应用
│ └── …
├── 18 效果合成与后期处理
│ ├── 01.合成效果原理与设置
│ └── …
├── 19 HTML混合3D渲染
│ ├── 01.CSS2D渲染器基本使用
│ └── …
├── 20 曲线应用与轨迹运动
│ ├── 01.曲线使用与绘制流程
│ └── …
├── 21 智慧城市项目准备与模型生成
│ ├── 01.智慧城市和项目介绍
│ └── …
├── 22 智慧城市各类型特效
│ ├── 01.多层着色器特效合并与城市光圈扩散效果01
│ └── …
├── 23 智慧城市大屏互动
│ └── …
├── 24 blender基础
│ └── …
├── 25 blender操作教学
│ └── …
├── 26 blender建模
│ └── …
├── 27 blender修改器使用
│ └── …
├── 28 材质与原理化BSDF
│ └── …
├── 29 智慧园建模
│ └── …
├── 30 打造智慧园区
│ ├── 01.资产库打造智慧园区
│ └── …
├── 31 智慧园区动画与多种游览模式
│ └── …
├── 32 骨骼动画
│ └── …
├── 33 变形动画
│ └── …
├── 34 打造智慧工厂
│ ├── 01.根据户型图搭建户型结构墙体
│ └── …
├── 35 物体发光效果
│ └── …
├── 36 地理数据生成3D物体与地图
│ ├── 02.通过GEO数据生成3D地图
│ └── …
├── 37 附赠扩展:cesium入门
│ ├── 01.打造第一个cesium应用
│ └── …
├── 38 附赠扩展:cesium场景与物体
│ └── …
├── 39 附赠扩展:cesium精通物体材质与外观
│ └── …
├── 40 附赠扩展:cesium高级技巧-着色器编写材质与外观
│ ├── 01.fabric自定义着色器设置材质
│ └── …
└── 41 附赠扩展:cesium应用各类型地理数据
├── 01.加载渲染GEOJSON数据
└── …