aframe - A-Frame で 180 度/半球/セグメント/部分ビデオ球体を作成する方法は?

Question

<a-videosphere src="myvideo.mp4">360度球体全体に動画を表示するのですが、動画や画像を表示したいのですが、半球のような球体の一部にだけ表示したいです。何かのようなもの：

_{(MathWorld から - Wolfram Web リソース: wolfram.com )}

A-Frameでこれを行うにはどうすればよいですか?

Answer 1

球ジオメトリ (<a-entity geometry="primitive: sphere">または) を使用し、球の角度を<a-sphere>制御してセグメントを指定できます。phiLength/thetaLengthシータの長さは水平方向のスイープ角度を制御し、ファイの長さは垂直方向のスイープ角度を制御します。

_{(ソース: mediabox.fr )}

半球の場合、次のようにします。

<a-entity geometry="primitive: sphere; thetaLength: 180; radius: 5000; segmentsWidth: 64; segmentsHeight: 20" scale="1 1 -1" material="src: #myVideo; shader: flat"></a-entity>

または：

<a-sphere theta-length="180">

そして、マテリアルを適用します。

videosphere の場合は、次のように更新できます。

<a-videosphere src="#myVideo" geometry="thetaLength: 180"></a-videosphere>

ただし、期待どおりにビデオがトリミングされません。そのため、事前にトリミングする必要がある場合があります。のようにトリミングしたい場合background-size: coverは、球体の一部を非表示にするなどの特別な処理が必要になる場合があります。