
Inspiration
Inspired by Star Wars elements and an adorable whale, we present to you a world where two settingsโ the space and the oceanโ collide. Contrary to the typical usage of keys as controls in video games, we wanted to create something that allows for a fun, interactive video game experience that incorporates physical gestures as controls. Hence the birth of our video game โ Star Whales.
What it does
This video game serves as a fun, stress-reliever that provides users with a taste of the Xbox gaming experience, in which you can activate the whale's superpowers using hand gestures to protect it from the floating obstacles. You get to take a break from the stressful midterms and take care of your mental health! ๐
- โNavigate your whale by the power of "force" (moving your palm up and down)
- โClench your fist to summon a lightsaber, which your whale can use to whack away debris
- ๐Point upwards to trigger the halo shield, which protects your whale's water spout
How we built it
๐ Handtrack.js - A library for prototyping realtime hand-detection. It incorporates controls through different hand gestures.
๐ Planck.js - A physics engine for game development. It builds the collision detector for the point system of the game.
Challenges we ran into
We were faced with the challenges of coming up with the configurations of the obstacles and superpowers, as well as the mapping physics world coordinates to browser coordinates, but we had fun building superpowers for our adorable whale.
Accomplishments that we're proud of
๐จโ๐ป Deploying the game on GitHub Pages for everyone to enjoy! Try it HERE!
๐ช Getting a highscore of 420 without straining our arm muscles.
๐ค Finishing a proper hackathon submission before hell week (7 midterms + 1 essay)
What we learned
- Hand and gesture tracking with ML model
- Physics world simulation with Planck.js
What's next for Star Whales
โก More power ups! ๐ฎ Multiplayer mode!
Built With
- handtrack.js
- javascript
- planck.js



Log in or sign up for Devpost to join the conversation.