用途:在需要创建 3D 场景、交互式体验或视觉效果时使用,触发场景包括请求 3D 可视化、可探索场景、WebGL/Canvas 渲染、动画粒子特效,或明确提到 Three.js、WebGL、3D 渲染。
主要能力:提供系统化的 Three.js 开发流程,包括场景、相机、渲染器初始化;几何体选择(BoxGeometry、SphereGeometry、CylinderGeometry、PlaneGeometry、TorusGeometry、CapsuleGeometry);材质选择(MeshBasicMaterial、MeshStandardMaterial、MeshPhongMaterial、MeshLambertMaterial);灯光配置(环境光、方向光);动画循环(推荐 renderer.setAnimationLoop);窗口自适应;OrbitControls 与自定义相机控制;射线拾取对象选择;粒子系统;纹理加载;鼠标交互。
使用方式:通过 import map 或构建工具引入 Three.js,例如 import * as THREE from "three"; import { OrbitControls } from "three/addons/controls/OrbitControls.js";。按“定义场景→构建几何体→应用材质→添加灯光→实现动画循环→处理窗口缩放”的顺序组织代码。
适用场景:3D 数据可视化、可旋转/可探索的交互场景、粒子与视觉特效、WebGL 页面渲染。
限制与注意:使用受光材质时必须添加灯光;需处理窗口 resize;动画循环中必须调用 renderer.render();r152 后使用 outputColorSpace 而非 outputEncoding;r183 推荐 THREE.Timer 替代 THREE.Clock;粒子数量建议从 1000-5000 起步以维持 60fps;移除对象时需 dispose 几何体、材质与纹理。具体收费、平台支持与完整安装步骤暂未提供。