如何在three.js中停止WebAR场景的Bump / Flickering

Question

例如，我尝试在three.js中设置AR场景。

我使用“aruco.js”来做到这一点。当我加载obj或任何其他模型时，一切都很好，但是当标记放在摄像机前面时，它会被检测到，并且场景会猛烈地闪烁/撞击。发生这种情况有什么严重的原因吗？

由于现场演示很难设置，我刚刚在YouTube上传了一段视频来说明我的观点：https://youtu.be/9jMso7vmw1M

所以我的确切问题是：什么是让AR场景坚持没有任何闪烁的最佳方法？

jsfiddle中的代码：https://jsfiddle.net/6cw3ta57/

var markerObject3D = new THREE.Object3D()
scene.add(markerObject3D)
  // set the markerObject3D as visible
markerObject3D.visible = false
  //////////////////////////////////////////////////////////////////////////////////
  //        code in jsfiddle
  //////////////////////////////////////////////////////////////////////////////////