Three.js Lite 是一个面向 Three.js 3D 浏览器游戏开发的技能,适用于希望以最小渲染复杂度实现稳定移动端性能的场景。它主要解决的是在移动端浏览器上运行 3D 游戏时常见的性能与复杂度问题,通过约束渲染特性、几何体规模和材质数量,让开发者能够把注意力放在玩法本身,而不是视觉效果的堆叠。
用途 该技能用于构建轻量、移动端友好的 3D 浏览器游戏。当用户想要一个 3D 网页游戏,但又希望渲染复杂度尽可能低、移动端表现稳定时,可以使用这个技能。它明确把 3D 视为一种可选风格, gameplay clarity(玩法清晰度)的优先级高于视觉复杂度。
主要能力与工作流 技能给出的工作流包含以下要点:从 assets/starter-single-file.html 作为起点;实现一个相机、一个场景、一个游戏循环;在加入视觉打磨之前,先加入玩家输入和终止条件;保持几何体和材质数量少且可预测;如果面向 Remix 平台,则需要在 references/sdk-integration.md 中应用相关钩子;在交付之前验证必需的钩子,包括 gameOver、onPlayAgain、onToggleMute。
使用方式与约束 技能设有一组明确的护栏:保持较低的绘制调用,默认避免后处理;优先使用简单的 MeshBasicMaterial / MeshStandardMaterial 配置;第一版避免动态阴影;对于 Remix 上传,除非用户另有要求,应输出带内联 JS/CSS 的单文件 HTML;对于 Remix 上传,需要在 HTML 的 head 中包含 <script src="https://cdn.jsdelivr.net/npm/@remix-gg/sdk@latest/dist/index.min.js"></script>;把 3D 当作可选风格,玩法清晰度优先于视觉复杂度。
参考文档 技能包含两个参考文档:references/threejs-mobile-patterns.md,用于场景设置、控制和性能预算;references/sdk-integration.md,用于 Remix 验证所需的 SDK 钩子。
适用场景与限制 适用场景是轻量 3D 浏览器游戏,尤其是需要兼顾移动端性能的项目,以及需要上传到 Remix 的单文件 HTML 游戏。限制方面,资料中强调默认不使用后处理、第一版不使用动态阴影、保持低绘制调用,因此不适合追求高视觉复杂度或重度后期效果的 3D 项目。该技能的收费、价格、平台支持范围等细节暂未提供。