收藏
回答

小程序,XR-frame, xr-mesh 属性 rotation="90 0 0" 不显示?

代码如下,问题在注释中(感谢🙏):

<xr-scene ar-system="modes:OSD" >
  <xr-assets bind:loaded="handleAssetsLoaded">
    <xr-asset-material asset-id="mat" effect="simple" uniforms="u_baseColorFactor: 0.8 0.6 0.4 0.7" states="alphaMode:BLEND" />
  </xr-assets>
  <xr-asset-load type="texture" asset-id="xxxt" src="https://x x x.jpeg" />
  

  <xr-node>
    <xr-ar-tracker
      mode="OSD" src="https://xxx.jpeg"
    >
     <!-- 这里的rotation 第一个值,只能设置为 <= 0 的数值,> 0时就不显示了 -->
     <!-- 设置为 -90 的话,平面上的字就倒立了 -->
      <xr-mesh geometry="plane" material="mat" rotation="-90 0 0" uniforms="u_baseColorMap: xxxt" />
    </xr-ar-tracker>
  </xr-node>


  <xr-camera clear-color="0.4 0.8 0.6 1" background="ar" is-ar-camera />
</xr-scene>
回答关注问题邀请回答
收藏

1 个回答

  • Roam
    Roam
    2023-02-16

    默认的材质是会进行面剔除的,会剔除到背面,所以理论上 rotation 旋转 > 0 时,应该就是显示了背面,然后背面被剔除了。

    可以手动设置渲染状态,关闭面剔除。

    <!-- 添加渲染状态 states="cullOn: false" 去除面剔除 -->
    <xr-mesh geometry="plane" material="mat" rotation="-90 0 0" uniforms="u_baseColorMap: xxxt" states="cullOn: false" />
    


    2023-02-16
    有用 1
    回复 4
登录 后发表内容