Cross lines that will always look as a cross no matter which position the camera is

[vielzutun.ch]

You will want to draw those lines in (2D) screen space, as opposed to (3D) world coordinates.

To compute the former from the latter, there are supporting functions in Three.js:

Project world position to screen coordinate system

I want to project the world position to screen. And i found Vector3.project(camera). But I got Infinity. var geom = new THREE.SphereGeometry(0.1,30,30); var mat = new THREE.MeshBasicMaterial({color: 0xffffff}); var mesh = new THREE.Mesh(geom, mat); mesh.position.set(1,2,0); scene.add(mesh); var position = mesh.position.clone(); position.project(camera); console.log(position) [screen] So how to project world position to screen coordinate system correctly？