收藏
回答

XR-frame 如何制作物体对象移动坐标轴?

在xr-frame 的cube-shape边框线是一直显示在物体对象前面的,我们自己编写的话,如何实现线框一直显示在对象前面呢?

请问如何在xr-frame中制作类似这样的移动坐标轴呢?主要是如何让坐标轴可以一直显示在物体对象前面,不被物体遮挡。翻了文档和某度都没找到解决办法,所以特此请教,希望大神能指点个方向,谢谢!

回答关注问题邀请回答
收藏

2 个回答

  • tesviva
    tesviva
    2024-12-17

    感谢棒棒冰的提示,终于实现对象前置显示的效果,发现关键是2个地方,前置显示对象材质renderQueue要大于置后的对象,另外置后的对象材质要关闭深度写入states=“depthTestOn:false” 或者 states=“depthTestWrite:false”;

    关键文档在https://developers.weixin.qq.com/miniprogram/dev/component/xr-frame/render/material.html

    <xr-asset-material asset-id="small" effect="standard" uniforms="u_baseColorFactor: 0.1 0.9 0.1 1" renderQueue="2000" /><xr-asset-material asset-id="big" effect="standard" states="depthTestOn:false" states="depthTestWrite:false" uniforms="u_baseColorFactor: 0.8 0.6 0.4 0.8" renderQueue="1000" />
    
    <xr-mesh
        id="cylinder" node-id="cylinder"
        position="-1.5 0 0" scale="1 1 1"
        geometry="cylinder" material="big"
        cube-shape="autoFit:true"
    />
    <xr-mesh
        position="-1.5 0 0" scale="0.1 1 0.1" rotation="90 0 0" material="small" geometry="cylinder" 
    />
    
    2024-12-17
    有用
    回复 1
    • tesviva
      tesviva
      2024-12-17
      2024-12-17
      回复
  • 斯迈华
    斯迈华
    2024-11-28

    XR-frame 中制作物体的移动坐标轴,可以通过添加一个 transform 控制器来实现。首先给物体绑定一个可以移动的组件,然后通过触摸或键盘事件动态改变物体的 position 属性。

    2024-11-28
    有用
    回复 1
    • tesviva
      tesviva
      2024-12-07
      操作的实现方式大概知道,现在主要是不知道怎么让移动坐标轴像上面第一张图一样,一直显示在最上层
      2024-12-07
      回复
登录 后发表内容