Orthographic camera and selecting objects with raycast

by

Here is the pattern to use when raycasting with either an orthographic camera or perspective camera:

var raycaster = new THREE.Raycaster(); // create once
var mouse = new THREE.Vector2(); // create once

...

mouse.x = ( event.clientX / renderer.domElement.clientWidth ) * 2 - 1;
mouse.y = - ( event.clientY / renderer.domElement.clientHeight ) * 2 + 1;

raycaster.setFromCamera( mouse, camera );

var intersects = raycaster.intersectObjects( objects, recursiveFlag );

three.js r.84

More Related Contents:

  1. How to get camera position with mouse move event and transform into screen coordinates in three.js? [closed]
  2. THREE.js Ray Intersect fails by adding div
  3. Three.js – Width of view
  4. THREE.js : 2xMeshes using same vector as position
  5. Rotate object on specific axis anywhere in Three.js – including outside of mesh
  6. How to find the unicode of the subscript alphabet?
  7. Converting World coordinates to Screen coordinates in Three.js using Projection
  8. Transparent background with three.js
  9. Multiple transparent textures on the same mesh face in Three.js
  10. How to stop a requestAnimationFrame recursion/loop?
  11. Three JS – Find all points where a mesh intersects a plane
  12. How to get the absolute position of a vertex in three.js?
  13. Replicating MeshLambertMaterial Using ShaderMaterial ignores textures
  14. Three.js Projector and Ray objects
  15. Three.js – Geometry on top of another
  16. Three.js/WebGL: Large spheres appear broken at intersection
  17. Three.js cube with different texture on each face
  18. Three.js and loading a cross-domain image
  19. How to change face color in Three.js
  20. How to save canvas animation as gif or webm?
  21. catch the click event on a specific mesh in the renderer
  22. Three.JS wireframe material – all polygons vs. just edges
  23. How to create a custom mesh on THREE.JS?
  24. Determine if a mesh is visible on the viewport according to current camera
  25. Three.js add an object to a group but keep global position/rotation/scale as it was
  26. Threejs: assign different colors to each vertex in a geometry
  27. How to flip a Three.js texture horizontally
  28. Switch threejs controls ( from TrackBall to FlyControls and vice versa)
  29. Why do shaders have to be in html file for webgl program?
  30. How to toggle preserveDrawingBuffer in three.js?

Leave a Comment