- 什么是3D网页
- WebGL与Three.js简介
- 3D坐标系与相机概念
- CSS3媒体查询
- 视口单位(vw/vh)
- Flexbox与3D画布适配
- 监听窗口resize
- 动态更新相机宽高比
- 渲染器尺寸自适应
- 触摸与鼠标事件统一
- 性能优化(像素比/面数)
- 移动端最佳实践
- 常见屏幕分辨率
- Chrome DevTools模拟
- 真机调试技巧
- Raycaster射线检测
- 鼠标点击拾取
- 高亮与选中反馈
- OrbitControls
- DragControls
- TransformControls
- TWEEN.js动画库
- GSAP与3D结合
- 缓动函数与曲线
- Points与PointsMaterial
- 粒子纹理
- 粒子动画
- GLTF/GLB格式
- GLTFLoader
- 模型优化与压缩
- UV映射原理
- TextureLoader
- 纹理重复/偏移/环境贴图
- GLSL基础
- 自定义ShaderMaterial
- 顶点/片元着色器
- EffectComposer
- Bloom辉光
- Film效果/抗锯齿
- 几何体合并
- LOD细节层次
- InstancedMesh
- WebXR API
- Three.js VR模式
- 简单AR体验
- Cannon.js与Three.js
- 刚体与碰撞检测
- 物理材质/摩擦力
- CSS2DRenderer
- HTML标签叠加
- 响应式UI布局
- Three.js绘制地球
- 经纬度转3D坐标
- 地图标记与弹窗
- 3D游戏场景搭建
- 角色控制(WASD+鼠标)
- 碰撞检测与简单AI
- AudioListener
- 视频纹理VideoTexture
- 3D空间音效
- WebGPU简介
- 与WebGL对比
- Three.js对WebGPU支持