Probably a surprise to no one, but while going through the maze generation exercise I thought it would be nice to display a maze in 3d. <\/p>\n\n\n\n
There is (though I haven’t gotten to it yet) an entire section of the Mazes for Programmers<\/a> book dedicated to generating mazes that wrap around 3d shapes, like mazes on cubes, spheres, even a m\u00f6bius strip!<\/p>\n\n\n\n Displaying a maze in 3d isn’t in the scope of the book, but it’s not hard to take the concepts and translate them to 3d.<\/p>\n\n\n\n So I’m back in I did run into issues with the While trying to figure out these issues (looking the wrong way, spinning around in circles, clipping through walls, being in the completely wrong place) I ended up creating a debug scene which I’ll share. <\/p>\n\n\n\n Here you can see a red arrow taking the path the camera would take, pointing in the direction the camera should be pointing. Taking the little bit of a time to set this up helped me solve all the issues with positioning \/ orienting things the correct way, so that is a win.<\/p>\n\n\n\n This example is using the ‘Orbit Control’ built into https:\/\/www.leonwoud.com\/mazes\/02\/index.html<\/a><\/p>\n\n\n\np5.js<\/code> looking at its Web GL canvas. Getting a simple grid maze to display in 3d was no problem, just a few minutes of trial and error getting the walls to draw in the correct orientation.<\/p>\n\n\n\ncamera<\/code>. A skill issue on my end, it’s just not how I’m used to thinking about 3d cameras. I was trying to get the a camera to traverse the maze along a given path.<\/p>\n\n\n\np5.js<\/code>, you can use the middle-mouse to zoom in-out, left-button to rotate and right-button to pan.<\/p>\n\n\n\n