StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

PO
text
Body
copied!<p>Here are the links I've found dealing with <code>mouse picking</code> objects in <code>THREE.JS.</code> The first one or two are most likely outdated.</p> <p><a href="http://learningthreejs.com/blog/2012/01/17/dom-events-in-3d-space/" rel="nofollow">http://learningthreejs.com/blog/2012/01/17/dom-events-in-3d-space/</a></p> <p><a href="http://voxelent.com/html/beginners-guide/1727_08/ch8_Picking_Scene_Final.html" rel="nofollow">http://voxelent.com/html/beginners-guide/1727_08/ch8_Picking_Scene_Final.html</a></p> <p><a href="http://jensarps.de/2013/10/29/mouse-picking-collada-models-with-three-js-part-ii/" rel="nofollow">http://jensarps.de/2013/10/29/mouse-picking-collada-models-with-three-js-part-ii/</a></p> <p>Jens Arps wrote a great article on this topic. According to the article, a custom <code>THREE.Raycaster</code> was necessary for <code>Collada Object</code> detection. </p> <p>As of <strong>THREE.JS r62</strong>, this is no longer necessary. Mouse picking requires a <strong>Raycaster</strong>, <strong>Projector</strong>, and <strong>Vector3</strong>. Jens Arps's <strong><a href="http://jensarps.de/2013/10/29/mouse-picking-collada-models-with-three-js-part-ii/" rel="nofollow">latest article</a></strong> covers the necessary steps. It was slightly difficult to follow along at first and the example has a <code>FirstPersonControls</code> camera that takes time getting used to. </p> <p>After examining <a href="https://raw.github.com/jensarps/webgl_experiments/master/collada_picking_ray_r62.html" rel="nofollow">the code</a>, I was able to select and manipulate <code>Collada Objects</code>.</p>

Querying!

Guidance

An individual column

Larger individual text columns get their own page to allow for proper reading.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload