three.js向けローポリスタイルの洞窟と結晶

フラットシェーディングと頂点カラーによるカクカクしたローポリ表現。テクスチャは一切なし。 Web 向けの軽量な GLB 植生。GLTFLoader で読み込み、LOD メッシュを THREE.LOD に組み込めば、シーンに森ができあがります。このグループは、ゲームのレベルに使う地下要素をまとめたものです。アメジスト、水晶、エメラルド、ルビー、氷の結晶などのクラスター、魔法の水晶、ジオード、石筍と鍾乳石を含みます。鉄、銅、金、銀、石炭、ミスリルの鉱石、そして暗い通路を照らす光るキノコもあります。各モデルにはLOD0からLOD3と衝突判定が含まれ、ピボットは根元にあるため、洞窟の床や天井にも簡単に配置できます。新しいシードごとに結晶の配置や岩の形が変わり、同じ見た目の繰り返しを防ぎます。GLB、FBX、OBJ形式で書き出せ、Unity、Unreal Engine、Godot、Bevyで使用できます。このセレクションにはゲーム対応モデルが17点あります。すべてのモデルにLOD0–LOD3、コリジョン、底部のピボットが付いており、シードを変えるたびに同じ種の新しいバリエーションが生まれます。

ローポリスタイルについて

ローポリはレンダリング負荷もビルドサイズも最も軽いスタイルです。

フラットシェーディング：面ごとに 1 本の法線でくっきりした多面体の見た目になり、法線マップは不要です。
色は頂点カラー（glTF COLOR_0）に格納：テクスチャなし、UV 作業なし、VRAM もほぼ消費しません。
葉はアルファカードではなく実体のジオメトリ：アルファテストも半透明のオーバードローもなく、モバイル GPU で効きます。
シーン内の全モデルで 1 つのマテリアルを共有でき、樹木を簡単にバッチング・インスタンシングできます。
LOD0 の一般的な予算は数百〜2,000 ポリゴン程度です。

モバイル、WebGL/WebGPU、VR、ストラテジー、街づくり、スタイライズドなインディーゲームに向いています。エンジンでは頂点カラーを乗算するマテリアルを使ってください。

three.jsでの使い方

three.js では three/addons の GLTFLoader で GLB を読み込みます。DRACOLoader や KTX2Loader は、ファイルがその拡張を使う場合のみ必要です。

距離 LOD：THREE.LOD に lod.addLevel(mesh, distance) で LOD0〜LOD3 を登録すると、毎フレームカメラとの距離でレベルが切り替わります。
森：InstancedMesh なら数千本を 1 回のドローコールで描画でき、BatchedMesh では複数の樹木バリエーションを混在させられます。THREE.LOD はインスタンス単位では効かないため、チャンクごとに LOD 別のインスタンスグループを自前で管理します。
葉：glTF の alphaMode MASK は material.alphaTest に、両面マテリアルは自動で side: THREE.DoubleSide になります。
コリジョンメッシュ：非表示にして、Rapier や cannon-es などの物理ライブラリに渡します。