平移后获取 Object3D 的位置答案

【问题标题】：Getting position of Object3D after panning平移后获取 Object3D 的位置
【发布时间】：2015-03-09 00:32:57
【问题描述】：

这可能是我忽略的一些简单的事情。但我试图在平移后获得Object3D 的位置。我正在使用OrbitControls。

我试过object.position，但返回的结果总是一样的。这是一个示例小提琴：

我尝试了grid.position，但同样，它总是返回(0, 0, 0)，就像我最初设置的那样。我还尝试为 DOM 元素 (container) 设置一个 ID，并使用 jQuery 的 position() 方法，但也没有运气。

那么如果我右键单击并在网格周围平移，我如何才能获得网格在屏幕上的新位置（即顶部、左侧）？

一如既往，非常感谢！

【问题讨论】：

重复stackoverflow.com/questions/21557341/…
@gaitat 链接的问题涉及获取对象的世界旋转，我正在寻找屏幕上的对象位置。我不认为这些是重复的问题。
看电话mesh.matrixWorld.decompose( position, quaternion, scale );

标签： three.js

【解决方案1】：

这似乎可以解决问题，感谢这个问题的回答：Converting 3D position to 2d screen position [r69!]

每当控件发生变化（即平移、旋转等）时，我都会调用此方法来获取更新的位置。

function getScreenPosition(object, camera) {

    var vector = new THREE.Vector3();

    var widthHalf = 0.5 * renderer.context.canvas.width;
    var heightHalf = 0.5 * renderer.context.canvas.height;

    object.updateMatrixWorld();
    vector.setFromMatrixPosition(object.matrixWorld);
    vector.project(camera);

    vector.x = (vector.x * widthHalf) + widthHalf;
    vector.y = -(vector.y * heightHalf) + heightHalf;
    return vector;

}

其中left 是vector.x，top 是vector.y。

【讨论】：

如果你想得到对象的左上角怎么办？请记住它可能会被旋转。