已解決430363個問題，去搜搜看，總會有你想問的

將3D位置轉換為2d屏幕位置[r69！]

首頁猿問將3D位置轉換為2d屏幕位置[r69！]

將3D位置轉換為2d屏幕位置[r69！]

JavaScript

冉冉說 2019-11-28 15:06:40

我需要Three.js代碼在'div'元素中將3D對象坐標轉換為2d對象，以便我可以將文本標簽放置在需要的位置（這些標簽無需隨3D運動縮放/移動/旋轉）。不幸的是，到目前為止，我已經看到并嘗試過的所有示例似乎都在使用過時的功能/技術。就我而言，我相信我正在使用Three.js的r69。這是一個“較舊”的技術示例，它只會為我帶來錯誤：three.js：將3d位置轉換為2d屏幕位置以下是一些較新的代碼（？）的片段，這些代碼沒有為我提供足夠的上下文來開始工作，但看上去卻更加干凈：https://github.com/mrdoob/three.js/issues/5533

查看完整描述

3 回答

喵喔喔

TA貢獻1735條經驗獲得超5個贊

您可以使用以下模式將3D位置轉換為屏幕坐標：

var vector = new THREE.Vector3();

var canvas = renderer.domElement;

vector.set( 1, 2, 3 );

// map to normalized device coordinate (NDC) space

vector.project( camera );

// map to 2D screen space

vector.x = Math.round( ( vector.x + 1 ) * canvas.width / 2 );

vector.y = Math.round( ( - vector.y + 1 ) * canvas.height / 2 );

vector.z = 0;

three.js r.69

反對回復 2019-11-28

森欄

TA貢獻1810條經驗獲得超5個贊

對我來說，此功能有效（Three.js版本69）：

function createVector(x, y, z, camera, width, height) {

var p = new THREE.Vector3(x, y, z);

var vector = p.project(camera);

vector.x = (vector.x + 1) / 2 * width;

vector.y = -(vector.y - 1) / 2 * height;

return vector;

}

反對回復 2019-11-28

3 回答
0 關注
741 瀏覽

關注

添加回答

舉報

0/150

提交

取消

亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

熱搜

最近搜索清空

將3D位置轉換為2d屏幕位置[r69！]

將3D位置轉換為2d屏幕位置[r69！]

3 回答

添加回答

將3D位置轉換為2d屏幕位置[r69！]

將3D位置轉換為2d屏幕位置[r69！]