threejs-lite

Three.js Lite

ユーザーが、レンダリングの複雑さを抑え、モバイルでも安定したパフォーマンスを実現する3Dブラウザーゲームを希望する場合に、このスキルを使用します。

ワークフロー

1. assets/starter-single-file.htmlから開始します。
2. カメラを1つ、シーンを1つ、ゲームループを1つ実装します。
3. ビジュアルを磨き込む前に、プレイヤー入力と終了条件を追加します。
4. ジオメトリとマテリアルの数を少なくし、予測可能な状態に保ちます。
5. Remixを対象とする場合は、references/sdk-integration.mdのフックを適用します。
6. 引き渡し前に、必須フック（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を参照してください。
• Remixの検証に必要なSDKフックについては、references/sdk-integration.mdを参照してください。