Inspiration

Searching for ideas to elevate the mobile touch controls in Meta Horizon, I came across the creative “On-Screen Drawing” UI in the 2016 Google Doodle. To implement such an effective, fast-paced Focused Interaction, I was able to learn scripting from “Minimon Move Remix” by Dave Mills.

What it does

This tower-defense-type game involves players rapidly drawing symbols to eliminate waves of apocalyptic robots. Players ally themselves with dinosaurs to use special powers like damage/healing. Game progression involves reviving more lethal dinosaurs (11 types) from the game’s shop and upgrading the home base (15 ways) to face increasingly strong/devious robots.

How I built it

I utilized NoesisUI to create animated sprite-sheet graphics for the 7 enemy robot types, the colorful interaction panels, pop-ups, and the shop. Furthermore, the PortraitMode API was excellent for creating a natural, top-view scene of battle. Persistent variables, GenAI sound effects and haptics were integrated to improve the user experience and retention.

Challenges I ran into

Due to the large size of the NoesisUI files, and the high compute loads generated by the scripts that produce waypoint motion, my original vision for the game was impossible because of extreme lag time. Thus, I had to come up with workarounds like using pre-calculated co-ordinates and a reduced frame rate.

Accomplishments that I’m proud of

I am pleased with the shop as it urges for decision-making: Which dinosaur: water, land, or aerial? This feature allows gameplay to be dynamic, allowing players to share new unlocks and upgrades on social platforms.

What I learned

From feedback I received, I was able to take away that the flashing cursor prompts in the tutorial helped immensely with New User Experience. Additionally, I learned that creating a level map helps organize the levels the player chooses from.

What's next for Bite the Byte! Extinction Rewired

  • Improving graphics of dinosaurs engaging in combat with robots
  • Making multiple robots pose threats simultaneously.
  • Creating a third biome: volcanic (in addition to the existing grassy fields and icelands)

Built With

  • cameraapi
  • deepai
  • meta-horizon-desktop-editor
  • noesis
  • pixabay
  • typescript
Share this project:

Updates