Three.js Navigation Mesh Tutorial - Pathfinding with a Navmesh
Hey, in this video we use the three-pathfinding library to find a path for a character in a 3D level. We also build our own level and a corresponding navmesh with the Blender extension UPBGE!
Check out tutorial code: https://github.com/tamani-coding/thre...
Try it out: https://stackblitz.com/github/tamani-...
(00:00) - Intro
(01:11) - Scene Setup
(02:08) - Build a Level with Blender UPBGE
(09:16) - Build a Navigation Mesh with Blender UPBGE
(10:39) - Export Level and Navmesh as GLTF/GLB Files
(11:43) - Load the GLTF/GLB Files in our three.js application
(14:45) - Initialize the pathfinding library
(18:24) - Select Path Target via Mouse Clicks and Raycasting
(21:54) - Find a Path from Agent Location to Target Location
(24:00) - Use the Helper to visualize the Path
(25:26) - Move the Character along the path
(30:23) - Outro
