如何在A-Frame中创建180度/半球/片段/部分视频球？

Question

<a-videosphere src="myvideo.mp4">在整个360度球体上显示视频，但我想显示视频或图像，但仅限于像半球这样的球体的一部分。类似的东西：

http://mathworld.wolfram.com/images/eps-gif/SphericalSegment_1000.gif

我如何在A-Frame中这样做？

Answer 1

您可以使用球体几何体（<a-entity geometry="primitive: sphere">或<a-sphere>）并控制球体的phiLength/thetaLength角度以指定线段。 Theta长度控制水平扫掠角度，phi长度控制垂直扫掠角度：

http://forums.mediabox.fr/wiki/_media/tutoriaux/flashplatform/affichage/3d/carrousel_papervision/sphere/theta_phi.png

对于半球，我们会这样做：

<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一样裁剪，我们可能需要做一些特别的事情，比如隐藏球体的部分。