threejs - 使用Three.js构建3D Web应用
使用WebGL/WebGPU库构建沉浸式3D网页体验，包括场景、相机、几何体、材质和动画
标签
更新于: 2026-02-23能力
典型输入
典型输出
该技能可以做什么
- 创建3D场景
- 添加几何体和材质
- 配置灯光和相机
- 加载3D资源
- 应用后期处理效果
- 创建动画
- 实现相机控制
- 编写自定义着色器
输入
- 3D模型（GLTF、FBX、OBJ）
- 纹理
- 着色器代码
- 相机参数
- 灯光配置
- 动画数据
- 用户交互
输出
- 3D网页应用
- 渲染的场景
- 交互式图形
- 动画序列
- 着色器效果
- WebGL/WebGPU输出
要求
- 支持WebGL或WebGPU的浏览器
- Three.js库
- JavaScript运行时