MIDI Rive

Interactive Rive animation that plays MIDI music.

• Rive Community File

Getting Started

1. Clone this repo: git clone https://github.com/whoisryosuke/midi-rive.git
2. Install dependencies: yarn
3. Run the development server: yarn dev
4. See the site here 👀: http://localhost:3000/

You can also preview and fork on CodeSandbox

Lint and Code Formatting

If you use VSCode, Prettier should run each time you save a compatible file.

If you don't like this, go to .vscode\settings.json and disable there (or you can do it via your own VSCode settings).

yarn lint runs ESLint and Prettier, automatically formats files and rewrites them. Make sure to stage your code before running just in case.

Credits

• r3f-next-starter
• ToneJS
• webmidi