Star Whales 2021


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! ๐Ÿ’•

  1. โœ‹Navigate your whale by the power of "force" (moving your palm up and down)
  2. โœŠClench your fist to summon a lightsaber, which your whale can use to whack away debris
  3. ๐Ÿ‘†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

  1. Hand and gesture tracking with ML model
  2. Physics world simulation with Planck.js

What's next for Star Whales

โšก More power ups! ๐ŸŽฎ Multiplayer mode!

Built With

+ 5 more
Share this project: