three.js - 将对象粘贴到网格面 - 部分工作 - 除非我作为孩子添加...... Three.js r60

Question

https://dl.dropboxusercontent.com/u/50584977/index2b.html

（似乎无法让三个.js 示例在 jsfiddle 上工作）

如果您查看上面的示例，然后将其中一个立方体拖过球体，它会“粘”在球体上，并旋转到面法线。（有点，除非你尝试在球体的背面。）

问题：

https://dl.dropboxusercontent.com/u/50584977/index2.html

所改变的只是当您放开鼠标时，我将拖动的立方体添加为球体的“孩子”。因此，将一个立方体拖到球体上，然后松开，然后再次尝试拖动同一个立方体，看看会发生什么。

如果您旋转场景，它似乎会变得更糟，然后再次尝试拖动。

为什么这样做？

Answer 1

当您将一个对象添加到另一个对象时，子对象的position、rotation、 和scale成为相对于父对象的对象。因此，当您将球体添加到立方体时，您需要先调整球体的位置。从概念上讲，最简单的方法应该是从球体的位置中减去立方体的位置。