Motion Maze is an interactive project made on p5.js where you can move a ball around a maze. Most ball or marble-controlling games have you control the ball, but in this project, you control the maze with an iPad. This project was designed to have a simple look but also a visual appeal. If you look closely, you will notice that the maze is made out of letters which spell out “Algorithmic Type”.
Starting this project, I had to design a maze layout. The layout is based on the words “Algorithmic Type”, which was the name of the project. It took a few adjustments to get the design to fully function as a maze with branching pathways.
To execute this project, I first had to code a bouncing ball that reacted the same way to gravity. After that was done, I calculated the dimensions of the maze I had designed and coded it in 2D. After that, some slight adjustments were made and the maze became fully 3D and moveable. I combined the code of the ball and the code of the maze and it was fully integrated. Additional code was added to make this project work on an IPad.
I had to make multiple adjustments to the code of this project to allow it to work on an IPad. I had previously ran this project on a computer to test how it would work on an IPad and it was fine there. However, when I transported it over to the IPad, the ball was not reacting the same way. I had changed the physics of the ball, making it more attracted to the z-axis than the y-axis, and it allowed the ball to move with the similar physics of a bubble. This project ended up as a fun yet challenging maze game.