【研发类-游戏开发Skills】threejs-fundamentals 技能

Three.js场景设置、相机、渲染器、Object3D层次结构、坐标系统。用于设置3D场景、创建相机、配置渲染器、管理对象层次结构或处理变换。技能概述下载地址agentic-awesome-skills/skills/threejs-fundamentals at main · sickn33/agentic-awesome-skills · GitHubthreejs-fundamentals 技能提供了Three.js核心功能的全面指导帮助开发者设置场景、配置相机和渲染器、管理对象层次结构以及处理变换。主要功能场景设置创建和配置Three.js场景相机系统透视相机、正交相机、立方体相机等渲染器配置WebGLRenderer设置和优化Object3D层次结构对象组织和变换管理坐标系统右手坐标系统和数学工具响应式画布窗口大小调整处理触发条件在以下情况下应该调用此技能需要设置Three.js场景的核心结构任务涉及场景、相机、渲染器、变换、大小调整处理或对象层次结构基础在处理着色器或后处理等专业主题之前需要基础的Three.js指导核心类Scene所有3D对象、灯光和相机的容器PerspectiveCamera最常见模拟人眼OrthographicCamera无透视失真适合2D/等距WebGLRenderer绘制场景的主要渲染器Object3D所有3D对象的基类Group用于组织对象的空容器Mesh几何体和材质的组合坐标系统Three.js使用右手坐标系统X指向右Y指向上Z指向观察者屏幕外数学工具Vector33D向量操作Matrix44x4矩阵变换Quaternion四元数旋转Euler欧拉角旋转Color颜色操作MathUtils数学工具函数最佳实践限制绘制调用合并几何体、使用实例化、图集纹理视锥体裁剪默认启用确保边界框正确LOD细节级别使用THREE.LOD进行基于距离的网格切换对象池重用对象而不是创建/销毁避免在循环中使用getWorldPosition缓存结果限制说明仅在任务明确匹配上述范围时使用此技能不要将输出作为环境特定验证、测试或专家审查的替代品如果缺少所需的输入、权限、安全边界或成功标准请停止并请求澄清