three.js - three.jsで平面に透明な穴を作成する方法

Question

Three.jsで、平面内に透明な穴を作成して、穴の下のオブジェクトのみが表示されるようにするにはどうすればよいですか。キャンバスのclearRectのようなもの。

Answer 1

BlenderとPSPでやっています。したがって、私のシナリオは次のとおりです。

1. PSやPSPに穴をあけて透け感のある画像を作成。
2. Blender を開き、平面を作成します。先ほど作成した透明テクスチャを使用します。
3. Blender シーンを collada ファイルにエクスポートします。
4. サンプルの .html-s を使用して collada ファイルを表示します。

これは私の実用的なソリューションです。必要に応じて、作業コードを提供できます。

または、Blender とこの collada 関連に慣れていない場合は、透明な画像を使用したサンプル ファイルを使用する必要があります (例: webgl_particles_billboards.html)。「textures/sprites/disc.png」を見てください。これも透過画像です。穴のある透明な画像に置き換えることができます。