W,A,S,D: Move the character in midspace!
Space: Move between which microbot to control! Try it out! (The first space is only a test, so it won't move any of the microbots)
Up Arrow and Down Arrow: Move microbots forward and backward!
Left and Right Arrows: Move microbots left and right!
Enter/Return and Shift: Move microbots up and down respectively
space: keyboardUpdate()
Tools Used: Blender, Three.js (WebGL JavaScript)
As the final project for Computer Graphics, I decided to created a game based on one of my favorite Disney movies, Big Hero 6 Baymax is currently in space and must save Hiro and his friends from the evil doings of the Microbots! Help Baymax by collecting all of them back!
The Baymax model and the floating spiked tire were created using Blender while the game mechanics were programmed using the Three.js library. The most challenging aspect of this game was trying to get the hierarchical modeling to actually work--I originally had overloaded too many children onto the scene, causing the rendering process to be infeasible, so I had to re-scope the project and cut back on the number of children I wanted in this game. Another challenging aspect was to successfully create a collision between two objects. Through collision detection is how Baymax is able to collect the Microbots (essentially destroying the Microbot objects from the scene). I initially wanted Baymax to collide directly with the Microbot objects; however, because Baymax was imported from a Blender file, the properties of collision detection I had coded for the game did not work for Baymax or any other Blender-imported 3D models; and so, to work around that, I had attached a default cube model to Baymax so that the box itself can collide with the Microbots to "collect" them.