Blender 建模导入网页实战

🎯 30章 · 从入门到部署
01 Blender基础入门
发展史应用场景下载安装界面布局
02 Blender核心操作
视图控制变换(移动/旋转/缩放)选择模式3D游标
03 基础建模（上）
基本体创建编辑模式入门点线面选择挤出(Extrude)
04 基础建模（下）
倒角环切合并/分离修改器(细分/镜像)
05 材质与着色器
材质面板颜色/粗糙度Principled BSDFUV展开基础
06 灯光与渲染
三点布光点光/聚光/面光Eevee vs Cycles输出设置
07 动画基础
关键帧插入曲线编辑器弹跳球动画摄像机动画
08 模型导出准备
模型清理(合并顶点/法线)单位缩放FBX/OBJ/glTF对比
09 glTF格式详解
glTF是什么为何选择glTF导出选项glb vs glTF
10 Three.js环境搭建
Node.js安装npm初始化引入Three.js第一个3D场景
11 Three.js核心概念
SceneCameraRendererGeometry/Material
12 加载glTF模型
GLTFLoader模型路径处理加载回调/错误添加到场景
13 模型交互（上）
鼠标点击选中Raycaster射线模型高亮
14 模型交互（下）
拖拽旋转(OrbitControls)缩放/平移双击复位视角
15 模型动画控制
加载带动画glTF播放/暂停切换动画片段混合动画
16 材质与纹理Web端
加载外部纹理PBR材质映射环境贴图(HDR)纹理压缩
17 光照在Web端
环境光/平行光/点光阴影设置光照与材质配合
18 性能优化（上）
模型减面(Decimate)LOD技术合并几何体
19 性能优化（下）
纹理压缩(KTX2)DRACO压缩InstancedMesh帧率监控
20 UI界面整合
HTML/CSS布局3D画布控制按钮信息面板响应式设计
21 多模型场景
加载多个glTF坐标管理Group分组场景切换
22 模型点击弹出信息
点击显示弹窗信息数据绑定关闭弹窗逻辑
23 模型爆炸图效果
拆分部件动画过渡部件标签重置功能
24 AR/VR基础
WebXR简介Three.js AR/VR手机查看模型AR放置模型
25 物理引擎集成
Cannon.js/Ammo.js刚体添加碰撞检测重力模拟
26 模型配置器（上）
颜色选择器材质切换(金属/塑料)实时预览
27 模型配置器（下）
部件可见性尺寸缩放滑块重置配置导出JSON
28 后端集成
Node.js+Express模型上传接口数据库存储路径
29 项目部署
Vercel/Netlify部署服务器部署Node.js域名与HTTPS
30 综合实战
Blender→Web全流程项目架构常见问题排查课程总结与展望
📘 · 专注资料整理