Drum Dasher

• 

  Main game splash screen

• 

  Home page

• 

  Main game- mobile

• 

  Main game- desktop

• 

  Main game - full screen

• 

  Scorecard

• 

  Customize drum piece

• 

  Leader board

• 

  Challenge splash screen

• 

  Speed Challenge

Inspiration

I have been a beginner at learning music production for a month. That gave me the idea of what if people could play drums as game to improve their rhythmic sense. A quick 45 / 105 / 120 seconds game with different difficulty mode is quick and easy way to build rhythm.

What it does?

The game lets player play and challenge the drum beats.

The main game:

1. The player chooses the difficulty level.
   • Player can also customize the sounds of each drum piece and the drum volume.
2. The player plays the dropping beats.
3. The accuracy level determines the final score and the ranking on leaderboard.
4. BONUS: If player manages to hit beats with above 90% accuracy then they are challenging the community to play the same beats but with increase speed. So a new post is created.

The challenge game:

1. The challenge game makes players directly start playing the drums beats at increased speed.
   • Every time the player wins a challenge, a new challenge is created with a 0.5 increase in speed.
2. The scores are higher for challenge games.

Note: Deadline was extended on October 30, so pattern accuracy check was added during that time. The demo video was made before it so pattern accuracy percent on score card is not visible in demo.

How I built it?

The game was built in React Devvit with the support of Kiro IDE. Please read my Kiro journey here.

Challenges I ran into

The challenge game. My initial idea of challenge game was to build a choreography. So once someone passes above 90% accuracy, a new challenge post is created. Here the player can select one of the character models and make them dance different steps on beats. They can stack up multiple dance movements and play with the beats. The implementation was done using react three fiber.

Reason it failed

The glb models with animations were too heavy for Devvit to compile and use. I began with 3 character models and 16 animations each. Which would give good amount and variety to choreograph a piece of 45 / 105 / 120 seconds duration. So, fewer character models or lesser dance movements were not good options for a fun game. So dropped that and created new challenge.

Accomplishments that I am proud of

I learnt how to use Kiro and went from planning to implementation in about 48-56 hours. I have worked with other tool but Kiro is the first vibe coding tool that is reliable for complex work as well. Loved working with it! Specially it helped to ideate in pivoting the challenge.

I know React but am not an expert at it so having Kiro made is much faster and simpler to get through code.

What's next for Drum Dasher

The choreography. That is a solid idea, I have to work harder to find better implementation. I will work hard on finding the way!

Built With

• devvit
• kiro
• react