Three.js 进阶Demo
✅ 核心功能:
场景/相机/渲染器基础
多种几何体和材质
多种光源(环境光/方向光/点光源)
轨道控制器(交互控制)
动画循环(物体旋转)
坐标轴辅助线
GLTF 模型加载
点击交互(改变物体颜色)
动态添加/移除物体
天空盒环境贴图
粒子效果系统
🖱️ 操作方法:
左键拖拽:旋转视角
右键拖拽:平移视角
滚轮:缩放视角
点击物体:改变颜色
右侧按钮:添加/移除物体/切换环境/控制粒子
交互控制
添加随机物体
移除选中物体
显示/隐藏坐标轴
切换天空盒
开启/关闭粒子
粒子数量:
1000
粒子速度:
0.05
切换粒子效果