Skip to content Skip to sidebar Skip to footer

3d Coordinates To 2d Screen Position

Trying to create interactive GUI for my app using threejs. I've found this tutorial: http://zachberry.com/blog/tracking-3d-objects-in-2d-with-three-js/ which explains exactly what

Solution 1:

function getCoordinates( element, camera ) {

    var screenVector = new THREE.Vector3();
    element.localToWorld( screenVector );

    screenVector.project( camera );

    var posx = Math.round(( screenVector.x + 1 ) * renderer.domElement.offsetWidth / 2 );
    var posy = Math.round(( 1 - screenVector.y ) * renderer.domElement.offsetHeight / 2 );

    console.log( posx, posy );
}

http://jsfiddle.net/L0rdzbej/122/


Post a Comment for "3d Coordinates To 2d Screen Position"