Stellar Mirai (Hatsune-Miku-Magical-Mirai-2024)

"Color the creative culture through programming". I love this phrase, so I took this idea to the stars. Stellar Mirai is an application where the user can draw upon the stars like constellations. Every phrase of the music brings more Miku stars until we are surrounded by a sea of blue-green. Unleash your artistic creativity while jamming to the sound of Miku!

Ursa Miku

Setup

Make sure the clone the repo

git clone https://github.com/CrazEpic/Hatsune-Miku-Magical-Mirai-2024.git
cd Hatsune-Miku-Magical-Mirai-2024

Download and install Node.js on your computer (https://nodejs.org/).

In VSCode, run this in the terminal

npm install
npm run dev

Open http://localhost:5173/

Wait for the textalive player to load. The scene should be loaded when the app is ready. Click on the blue menu in the middle to start.

More Info

• I recommend viewing on a PC (Chrome or Firefox recommended).
• I really liked the song "Future Notes" by shikisai
• Controls
  • WASD to move, CTRL to change tools, SHIFT to change drawing color, MOUSE LEFT HOLD to use tool, ESC for menu
• There are more stars as the song progresses. Draw to your hearts content.