echoes-of-kanto

Inspiration

I've always wondered what classic Pokémon cries would actually look like if I could visualize them in a graph. With the 30th anniversary happening this week, I was feeling nostalgic for the first generation. I realized that turning the raw audio data of those iconic cries into explorable 3D landscapes would be a really fun, visual twist on the standard guessing game format.

What it does

If you've played wordle before you already know the drill. It's a 5-round audio-visual puzzle. The app pulls a random Kanto Pokémon and generates a 3D terrain map of its cry based on frequency and amplitude. You have to guess the Pokémon based on the audio and the graph. Every wrong guess reveals a new hint so don't be afraid to take a wild guess.

How I built it

The frontend is built with React, and I used React-Three-Fiber (Three.js) to render the 3D terrain. The Pokémon data and audio files are pulled dynamically from PokeAPI.

Challenges I ran into

My friends peer-pressuring me into spending 4 hours at the hackathon's karaoke event 😔. (And dealing with browser compatibility issues for the Web Audio API, but mostly the karaoke).

Accomplishments that I'm proud of

Actually finishing the project. After that long karaoke session, my hopes for a successful submission were just as gone as my voice. I honestly wasn't expecting to end up with anything presentable I managed to lock in.