{"id":5787,"date":"2024-03-09T23:19:24","date_gmt":"2024-03-09T21:19:24","guid":{"rendered":"https:\/\/unitycoder.com\/blog\/?p=5787"},"modified":"2024-03-10T19:41:20","modified_gmt":"2024-03-10T17:41:20","slug":"using-3d-gameobjects-with-unity-tilemap-navmesh-surface","status":"publish","type":"post","link":"https:\/\/unitycoder.com\/blog\/2024\/03\/09\/using-3d-gameobjects-with-unity-tilemap-navmesh-surface\/","title":{"rendered":"Using 3D gameobject prefabs with Unity Tilemap + NavMesh Surface"},"content":{"rendered":"\n

Required Packages<\/strong>

– Tested this on Unity 2023.2.3f1 (but works in other versions too)
– AI Navigation : https:\/\/docs.unity3d.com\/Packages\/com.unity.ai.navigation@2.0\/manual\/index.html<\/a>
– 2D Tilemap Editor : https:\/\/docs.unity3d.com\/Packages\/com.unity.2d.tilemap@1.0\/manual\/index.html<\/a>
– 2D Tilemap Extras : https:\/\/docs.unity3d.com\/Packages\/com.unity.2d.tilemap.extras@4.0\/manual\/index.html<\/a><\/p>\n\n\n\n

<\/p>\n\n\n\n

Setup Tilemap with 3D Prefabs<\/strong>

– Add 2D Tilemap to Scene
– Set Grid Cell layout to XZY (so that its flat on ground)<\/p>\n\n\n\n

\"\"<\/a><\/figure>\n\n\n\n


– Create 3D Box in scene view, name it TileGrass, give it green color material, Make prefab from it (drag to Project window, some folder)
– Create 3D Box in scene view, name it TilePath, give it brown color material, Make prefab from it (drag to Project window, some folder)
– Project window: Create 2D\/Tile palette\/Rectangular
– Drag & Drop TileGrass and TilePath prefabs from Project window into Tile palette grid
– Select TileGrass in Tile Palette
– At Tile Palette window bottom left, select “GameObject Brush” from the dropdown (and click Toggle Brush Inspector button (top right bottom in Tile Palette window) *If they are not visible, resize tilepalette
– Assign Element 0: TileGrass prefab from Project window (do the same for TilePath)
– Now with TileGrass selected in Tile Palette window, you can paint into Scene Tilemap (select it first)
– Then toggle Paint mode in Tile Palette window top toolbar (the pencil brush button)
– You can erase painted tiles with left shift+left mouse button (or press I while mouse over some painted tile to Pick that tile as brush)<\/p>\n\n\n\n

\"\"<\/a><\/figure>\n\n\n\n

<\/p>\n\n\n\n

Adding NavMesh Pathfinding<\/strong><\/p>\n\n\n\n

– Select TileGrass prefab from Project window, add NavMesh Obstacle component to it<\/p>\n\n\n\n

\"\"<\/a><\/figure>\n\n\n\n

– Create new empty Gameobject in Scene, add NavMeshSurface component to it<\/p>\n\n\n\n

\"\"<\/a><\/figure>\n\n\n\n

– Test Baking, if road does not get over-layed with navmesh then open Window\/AI\/Navigation
– Make Agent radius 0.2 (so that it fits the road)<\/p>\n\n\n\n

\"\"<\/a><\/figure>\n\n\n\n

– Press Bake again in NavMeshSurface gameobject, blue area should appear over Path<\/p>\n\n\n\n

\"\"<\/a><\/figure>\n\n\n\n

<\/p>\n\n\n\n

Setup AI Agent<\/strong><\/p>\n\n\n\n

– Create new capsule gameobject in Scene (name it “Agent”)
– Place it at your tilemap path start position, can make it 0.5x smaller to fit better
– Add NavMeshAgent component to this gameobject
– Add this SampleAgent script to it https:\/\/gist.github.com\/unitycoder\/8e6e27faca3d40abf50c0842a51af558<\/a>
– Create new empty gameobject in scene (name it “GoalGo”)
– Move it at the end of your Path
– Assign “GoalGo” gameobject into SampleAgent script in the gameobject
– Press Play
– Agent should move towards goal position, following the available path
<\/p>\n\n\n\n

\"\"<\/a><\/figure>\n\n\n\n
\"\"<\/a><\/figure>\n\n\n\n

References:<\/strong>
– NavMeshSurface: https:\/\/docs.unity3d.com\/Packages\/com.unity.ai.navigation@2.0\/manual\/NavMeshSurface.html<\/a>
– Better 2D Navmesh (works with 2D objects instead of 3D objects) https:\/\/github.com\/h8man\/NavMeshPlus<\/a><\/p>\n\n\n\n

Video:<\/strong><\/p>\n\n\n\n

\n