<a-curvedimage>

弯曲的曲线图像原始创建图像的用户。弯曲的安排在相机的图像可以取悦清晰因为每个像素位于相同的距离用户。他们可以是一个更好的选择比的角度平面复杂的布局,因为他们保证表面光滑而不是一系列尴尬的飞机之间的接缝。它是一个双面的实体规定气缸与几何组件geometry component和渲染纹理的缸材料的内部组件 material component。

例子

<a-scene>
  <a-assets>
    <img id="my-image" src="image.png">
  </a-assets>

  <!-- Using the asset management system. -->
  <a-curvedimage src="#my-image" height="3.0" radius="5.7" theta-length="72"
                 rotation="0 100 0" scale="0.8 0.8 0.8"></a-curvedimage>

  <!-- Defining the URL inline. Not recommended but more comfortable for web developers. -->
  <a-curvedimage src="another-image.png"></a-curved-image>
</a-scene>

属性

注意曲线图像原始继承了常见的网格属性 mesh attributes。

属性	组件映射	默认值
height	1	geometry.height
radius	2	geometry.radius
segments-radial	48	geometry.segmentsRadial
theta-length	360	geometry.thetaLength
theta-start	0	geometry.thetaStart

Fine-Tuning

确保图像不扭曲拉伸要求我们仔细设置height,radius和theta-length属性对图像宽高比。一旦这些值调整以避免失真,scale可以用于安全地调整曲线的距离图像相对于用户。