Determine if a mesh is visible on the viewport according to current camera

by

This is the code you’re after:

var frustum = new THREE.Frustum();
var cameraViewProjectionMatrix = new THREE.Matrix4();

// every time the camera or objects change position (or every frame)

camera.updateMatrixWorld(); // make sure the camera matrix is updated
camera.matrixWorldInverse.getInverse( camera.matrixWorld );
cameraViewProjectionMatrix.multiplyMatrices( camera.projectionMatrix, camera.matrixWorldInverse );
frustum.setFromMatrix( cameraViewProjectionMatrix );

// frustum is now ready to check all the objects you need

console.log( frustum.intersectsObject( object ) );

More Related Contents:

  1. How to save canvas animation as gif or webm?
  2. how to draw smooth curve through N points using javascript HTML5 canvas?
  3. Use HTML5 to resize an image before upload
  4. Controlling fps with requestAnimationFrame?
  5. Three.js – Width of view
  6. HTML5 Canvas drawImage ratio bug iOS
  7. Can I get image from canvas element and use it in img src tag?
  8. How to save image from canvas with CSS filters
  9. How to find the unicode of the subscript alphabet?
  10. Convert canvas to PDF
  11. Download Canvas as PNG in fabric.js giving network Error
  12. Multiple transparent textures on the same mesh face in Three.js
  13. HTML2canvas generates Blurry images
  14. Using Canvas to animate a sorting algorithm in JS
  15. Save canvas as jpg to desktop [duplicate]
  16. Why does HTML Canvas getImageData() not return the exact same values that were just set?
  17. Drawing rotated text on a HTML5 canvas
  18. HTML5 Canvas Circle Text
  19. HTML5 Dynamically create Canvas
  20. Three.JS wireframe material – all polygons vs. just edges
  21. How to add images as labels to Canvas Charts using chart.js
  22. Fit the background image to canvas size with Fabric js
  23. HTML5 Canvas API – formatting individual words with italics
  24. HTML Canvas Full Screen
  25. Detect mouseover of certain points within an HTML canvas?
  26. javascript: upload image file and draw it into a canvas
  27. Extracting single frames from an animated GIF to canvas
  28. Detecting collision of rectangle with circle
  29. Switch threejs controls ( from TrackBall to FlyControls and vice versa)
  30. Get distance between two points in canvas

Leave a Comment