Three.js 世界坐标转换屏幕坐标偏差问题

最新推荐文章于 2024-08-12 15:30:38 发布

原创最新推荐文章于 2024-08-12 15:30:38 发布 · 1.6k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#three.js #坐标转换

博客涉及Three.js的坐标转换相关知识，但具体内容缺失。Three.js是前端开发中用于创建3D场景的库，坐标转换在其中是重要操作，可实现物体在场景中的定位等功能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

/*     world position to screen position
*     v3: Vector3
*     camera: Camera
* */
function wordPosToScreen(object,camera) {
    var vector = new THREE.Vector3();
    var widthHalf = 0.5 * window.innerWidth;
    var heightHalf = 0.5 * window.innerHeight;
    object.updateMatrixWorld();        /*这段代码是重要的在获取前先更新下对象的世界坐标/世界矩阵*/
    vector.setFromMatrixPosition(object.matrixWorld);
    vector.project(camera);
    vector.x = (vector.x * widthHalf) + widthHalf;
    vector.y = -(vector.y * heightHalf) + heightHalf;
    return {
        x: vector.x,
        y: vector.y
    };
}