A-Frame のGLTF/GLB埋め込みで、影をつける

iPhone LIDARで家をスキャンしたら、真っ赤なスポットライトを設置するシミュレーションしたいじゃないですか。そんなときにA-Frameが便利なんですが、GLB(GLTF)でアップロードしてもshadowの設定が聞かずにShadow OFF状態になります。これだと、リアリティのかけらもないです。

A-Frameの設定すっとばしてgltfローダがmeshのmaterialまで一気に作ってくれるせいなので、コンポネートを貼り付けれてやって解決しました。shadow=の設定のかわりに以下を指定します。

そして、適当な場所で以下のスクリプトを実行します。以上。

参考:実装例はこちらAFrame_gltf – Replit

ちなみに、OBJ形式で読み込めば問題ないですがobj/mtl/jpgの3ファイルが必要になってしまいます。そしてobjファイルはでかい。