Since all this code is hosted on GitHub, you can run this solution using GitHub Pages.
Alternatively, you can open the solution locally by double-clicking the HTML file to run the solution in your browser. Personally, I tested on Google Chrome and Windows 10.
With the solution open, you can begin playing with the following controls:
- w: up
- a: left
- s: down
- d: right
- q: scale down
- e: scale up
- 1: camera pan up
- 2: camera pan down
- 3: camera pan left
- 4: camera pan right
- 5: camera zoom in
- 6: camera zoom out
- left click + drag: rotation
In addition, you can control each body part of the ant individually which is actually a load of fun. Feel free to detach a leg and watch it follow the body anyway.
From there, you have all you need to navigate the maze.
The solution should render as follows:
Source credit goes to Dr. Han-Wei Shen who provided the template code via their
OSU course website. Namely, code06.html, code06.js,
and shader_setup_5.js.
Changes to these templates included:
- Moving shaders out of HTML and into a
shaders.jsfile. - Improving software craftmanship.
Solution is freely available under the MIT license.