Note: Due to some issues with Windows Game Recorder, in the demo video, the cursor appears slightly to the right of where it actually is. Also, here's another demo video, because DevPost only lets you upload one:


This project was mainly inspired by rhythm games such as osu! and Just Shapes and Beats. The mouse controls and miss count aspects were from the former, while the staying-in-the-right-color-to-survive aspect was from the latter.

What it does

Instant Bullet is a web application that allows you to import a video file and "play" it. Players control their mouse using - well, their mouse - and can toggle their current "color mode" by pressing the "X" key. The two color modes are black and white, and your current mode is indicated by the background color of the page. The objective of the game is to keep your cursor within the color that is closer to your current mode, and for every beat for which you're not on the closest color, your miss count will increase (the lower, the better). However, this means that you're allowed grace periods between consecutive beats where your mouse can be wherever it wants. Beats are indicated by the two circles on the left and right.

TL;DR - Press X to change modes between white and black. Current mode is indicated by background. Keep your mouse within the same color as your current mode.

How we built it

Vue, HTML5 Canvas, and JavaScript.

Challenges we ran into

This was my first time using Vue, so it was a bit of a challenge figuring some things out.

Accomplishments that we're proud of

Getting it to work.

What we learned


What's next for Instant Bullet

Auto BPM detection, mods (e.g. double speed), improved support for non-two color videos

Built With

Share this project: