Inspiration 💡
We were inspired by the maze runner movies and puzzle games, where people have to clear the maze to pass the level. So we created a game called Stupax the bot, in which in place of a real person we have a testing BOT/ROBOT which have no senses. Your task is to help the bot to clear the levels.
What it does ❓
Stupax the bot is a single player game in which the player is tasked with prevent the bot from falling from the track. There are a total of 24 levels which the player has to complete to win the game.
KEYBOARD COMMANDS ⌨️:
- To move the box, you have to use the arrow keys.
- [➡️] : to move right
- [⬅️] : to move left
- [⬆️] : to move upward
- [⬇️] : to move downward
USE OF MICE 🖱️:
- You can click the drag the box on the screen to move it and place it into the empty space and paly the game.
PLAYING ON TOUCHSCREEN DEVICES 📱
- To move the construction block, you have to tap anywhere on the screen inside the game window.
- The drag the block and place it in the empty zone and help the bot.
- Enjoy the game.
HOW TO PLAY:
- First the player has to click the play button, player can also choose the level which they want to play.
- The game starts with level 0.
- The main aim of the game is to safely deliver the Bot to the exit.
- The player has to control the construction block to move it in multiple direction.
- You have to prevent the bot from falling and move on to the next level.
How we built it 🔧🔨
- The entire game is build using technologies like HTML, CSS and JavaScript.
- All the assets in the game were made using three.js and babylon.js, the majority of the game is written in JavaScript(babylon JS).
- We had to think of how the game's** mechanics** would function and how the gameplay would appear.
- After that, we plan and coded the game.
Challenges we ran into 🏃♂️
There were many challenges which we have faced during making this project
- The biggest challenge we ran into was to learn three.js and babylon.js. Yup, we have made games, but never used these technologies. So we spend most of our time learning it.
- Generating random blocks in every level and the intersection between the bot and box was a tough game.
- Using babylon.js for the first time was also quite a big challenge, but we were able to solve some queries with the help of Stack Overflow and YouTube.
Accomplishments that we're proud of 🏆
We are pleased with ourselves for completing this project inside the deadline. It was quite a tough time to complete this project, but we are really happy with my end results and hope to keep on making games like this in the future. We were also able to new technologies, and we loved it, it's all thanks to MLH for conducting such hackathons.
What we learned 🧠
To be honest, we learned so much from this hackathon:
- First, we learned about three.js
- Leaned how to make games using gamepad API
- Learned about Babylon.js which is a 3d engine for 3d graphics
What's next for Stupax the bot ⏭
In the future, we want to add a scoreboard to the game so that everyone can play and have a competition to be on top. We would also love to add more levels and improve our UI.
Built With
- babylonjs
- css3
- gamepad-api
- html5
- javascript
- three.js
Log in or sign up for Devpost to join the conversation.