近づくほど正確になるGoogleマップスタイルのズーム可能なタイルのように、単一の平面でマテリアル（画像）のクワッドツリーを実現する方法を見つけようとしていますが、うまくいきません。
要するに、1x1 のイメージ テクスチャ (幅と高さが 256 ユニットの平面をカバーする) を 2x2 のテクスチャに置き換えたり、4x4 のテクスチャに置き換えたりできるようにしたいと考えています。
以下の画像例のように…</p>
理想的には、ズーム レベル/セグメント数ごとに異なる平面を作成する必要がないようにしたいと考えています。完璧なソリューションは、1 つの平面を 8x8 のセグメント (最大ズーム) に分割し、その場でテクスチャの数を更新できるようにすることです。したがって、64 (8x8) セグメントすべてにわたる 1x1 テクスチャで開始し、次に各テクスチャが 4x4 セグメントをカバーする 2x2 テクスチャに変更されます。
残念ながら、私はこれを行う方法を理解できません。各面の設定を検討しましたmaterialIndexが、最初のレンダリング後にそれらを更新できないため、機能しません。UV 座標を調べてみましたが、この状況でどのように機能するのか、Three.js で実際に実装する方法がわかりません。この特定のケースのドキュメントや例はほとんどありません。
頂点シェーダーは研究で出てきた別のオプションですが、それを構築する方法を理解するのに十分な知識はありません。
これは、他の Three.js ユーザーにとって価値のある手法になると確信しています。