使用 Three.js 创建 3D 场景、交互体验和视觉效果。当用户请求 3D 图形、WebGL 体验、3D 可视化、动画或交互式 3D 元素时使用。

Three.js 着色器 - GLSL、ShaderMaterial、uniforms、自定义效果。用于创建自定义视觉效果、修改顶点、编写片元着色器或扩展内置材质

Three.js 照明 - 光源类型、阴影、环境照明。在添加光源、配置阴影、设置 IBL 或优化照明性能时使用

Three.js 交互功能——光线投射、控制、鼠标/触摸输入、对象选择。适用于处理用户输入、实现点击检测、添加相机控制或创建交互式三维体验。

Three.js 后处理 - EffectComposer、泛光、景深、屏幕效果。适用于添加视觉特效、色彩分级、模糊、发光或创建自定义屏幕空间着色器

擅长构建网页3D体验，精通Three.js、React Three Fiber、Spline、WebGL及交互式3D场景，涵盖产品配置器、3D作品集、沉浸式网站和更多应用场景

Three.js 动画—关键帧动画、骨骼动画、形态目标、动画混合。用于对象动画、播放 GLTF 动画、创建程序化运动或混合动画。

Three.js 场景设置、摄像机、渲染器、Object3D 层级结构、坐标系。用于设置 3D 场景、创建摄像机、配置渲染器、管理对象层级或处理变换操作。

Three.js 材质 - PBR、基础、Phong、着色器材质及材质属性。适用于美化网格、处理纹理、创建自定义着色器或优化材质性能