Three js Raycaster

Creator

Creator

Seonglae Cho

Created

Created

2020 Sep 25 5:27

Editor

Editor

Seonglae Cho

Edited

Edited

2025 Nov 14 1:9

Refs

Refs

.params.Points.threshold - 로 범위조절도 가능

Three js custom raycaster

Line이나 lineloop 도 포인트 줌 - 딱 그포인트는 아니더라

face– intersected face

faceIndex– index of the intersected face

official doc

mrdoob/three.js

JavaScript 3D library. Contribute to mrdoob/three.js development by creating an account on GitHub.

https://github.com/mrdoob/three.js/blob/master/examples/webgl_interactive_points.html

mrdoob/three.js

https://threejs.org/docs/#api/en/core/Raycaster.params

Raycaster intersects with invisible objects · Issue #14700 · mrdoob/three.js

There is one old problem for me, but still I can't find same issue in task tracker. Have a look at this line: three.js/src/core/Raycaster.js Line 46 in a1daef3 if ( object.visible === false ) return; Why Raycaster checks visible property...

https://github.com/mrdoob/three.js/issues/14700

Raycaster intersects with invisible objects · Issue #14700 · mrdoob/three.js

good practice

Three.js Picking

Picking refers to the process of figuring out which object a user clicked on or touched. There are tons of ways to implement picking each with their tradeoffs. Let's go over the 2 most common.

https://threejsfundamentals.org/threejs/lessons/threejs-picking.html

Three.js Picking

Recommendations

//////////////