Ocarina Party

"The flow of time is always cruel: its speed seems different for each person, but no one can change it. A thing that does not change with time is a memory of younger days." -Sheik

Preview

Available Songs

Song of Storms

Song of Healing

Song of Soaring

Song of Time

Inverted Song of Time

Song of Double Time

Saria's Song

Epona's Song

Sun's Song

Zelda's Lullaby

Running

$ make

Contributing

You can find Zelda songs and sound effects in sound banks like this one.

Adding Songs

Add .mp3 file to src/sounds/songs (rename to match style if needed).
Add song reference to src/components/audio/Soundtrack.js.
Add song keys to matchSong() in public/main.js.

-> 119
-> 97
-> 115
-> 100
-> 103

PRs that solve the song matching better are super welcomed!

Song matching caveat: at this time, songs are limited to 6 keys. It's hardcoded at playSong() in public/main.js.

Adding Instruments / Transformations

I thought of adding Link's transformations (Zora, Goron and Deku) as "game modes" that you can change pressing a key. If you'd like to help with that, you'll need to:

Propose an UI for showing modes
Change src/images/link.png depending on the mode
Load the new instrument:
1. Make a directory in src/sounds with the instrument name in lowercase
2. Add .wav files in a way similar to src/sounds/ocarina
3. Change Instrument's name value in src/App.js depending on the mode

"Deploying"

Github Pages is configured to serve files from the /docs folder. It seems that it cannot be changed the source folder name, so you should follow these hacky steps before submitting a PR:

$ make build

Credits

Sound Effects: Zelda Sounds by HTW
Images: The Internet

Zura Guerra made this project in early 2017 as a fun way to learn React while messing a bit with the first tutorial of Javascript30.

You can reach her at zura@mazing.studio.

mazingstudio/ocarina.party