在A帧(AR.js)中，想要使3D对象看起来像是从地板上出来的，即以某种方式在标记下裁剪/遮罩

Question

我正在寻找一种方法，可以用Ar.js在A帧中将3D对象裁剪到某个点以下。剪切点应该是0,0,0，我想是标记的位置。我的想法是让一个物体看起来像是从下面的标记出来的，所以在那个点下面你看不到它。希望我的图表能解释我的意思。

​

​

我尝试过使用C4D合成标签，但不出所料，它不能导出为gltf对象。

Answer 1

有一种巧妙的技术用于创建不可见的斗篷-禁用材质的colorWrite属性。

假设你想把你的对象隐藏在一个盒子里。您需要创建一个长方体，该长方体比您的对象稍大，并按所述设置其材质：

AFRAME.registerComponent('cloak', {
   init: function() {
     var geometry = new THREE.BoxGeometry( 1.1, 1.1, 1.1 );
     var material = new THREE.MeshBasicMaterial( {colorWrite: false} );
     var cube = new THREE.Mesh( geometry, material );
     this.el.object3D.add( cube );
   }
})

然后只需确保它在被遮盖的对象之前被渲染：

<a-marker>
  <a-entity cloak></a-entity>
  <a-box animation="property: position; to: 0 1.2 0; dur: 1500; 
         easing: linear; loop: true; dir: alternate"> </a-box>
</a-marker>

在this glitch中查看它。