How to get the absolute position of a vertex in three.js?

by

First make sure the object’s matrices have been updated.

object.updateMatrixWorld();

The render loop usually calls this for you.

Then, do this:

var vector = object.geometry.vertices[i].clone();

vector.applyMatrix4( object.matrixWorld );

The vector will now contain the position in world coordinates.

You might want to read some CG reference books.

  1. 3D math primer for graphics and game development / by Fletcher Dunn and Ian Parberry

  2. Essential Mathematics for Games and Interactive Applications: A Programmer’s Guide
    James M. Van Verth and Lars M. Bishop

three.js r69

More Related Contents:

  1. Drawing a line with three.js dynamically
  2. Thickness of lines using THREE.LineBasicMaterial
  3. Multiple transparent textures on the same mesh face in Three.js
  4. How to stop a requestAnimationFrame recursion/loop?
  5. Three.js / WebGL – transparent planes hiding other planes behind them
  6. Replicating MeshLambertMaterial Using ShaderMaterial ignores textures
  7. How to detect collision in three.js?
  8. Three.js/WebGL: Large spheres appear broken at intersection
  9. WebGL / Three.js – Particles colored by texture flicker erratically while moving camera
  10. Antialiasing not working in Three.js
  11. Threejs: assign different colors to each vertex in a geometry
  12. Why do shaders have to be in html file for webgl program?
  13. How to get camera position with mouse move event and transform into screen coordinates in three.js? [closed]
  14. THREE.js Ray Intersect fails by adding div
  15. Three.js – Width of view
  16. THREE.js : 2xMeshes using same vector as position
  17. How to find the unicode of the subscript alphabet?
  18. Converting World coordinates to Screen coordinates in Three.js using Projection
  19. Transparent background with three.js
  20. Emulating palette based graphics in WebGL v.s. Canvas 2D
  21. Rendering a transparent shell
  22. How do you save an image from a Three.js canvas?
  23. How to change face color in Three.js
  24. How to get object in WebGL 3d space from a mouse click coordinate
  25. How to get the global/world position of a child object?
  26. Orthographic camera and selecting objects with raycast
  27. catch the click event on a specific mesh in the renderer
  28. Three.JS wireframe material – all polygons vs. just edges
  29. How to detect if user has enabled full screen in browser
  30. Switch threejs controls ( from TrackBall to FlyControls and vice versa)

Leave a Comment