Skip to content

bambiroe/wildwave

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

6 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

🪽 Wildwave

Wildwave is a real-time, interactive 2D visualisation set that transforms animal calls into procedural art.
Using frequency analysis (FFT) and amplitude tracking, it creates unique visual signatures that mimic the biological characteristics of the animals being heard.

Created for the Sound Production course (RZP 25/26).

Screenshot

☁️ Visual Profiles

Wildwave doesn't just "react" to volume, it also analyses specific frequency bands to drive different visual behaviours:

  • Bird: High-frequency tracking (3000 - 8000 Hz) generates calm, dancing notes.
  • Whale: Low-frequency tracking (20 - 400 Hz) generates layered sea waves.
  • Frog: Mid-range frequency tracking (400 - 2000 Hz) generates an expanding vocal sac.
  • Cat: Broadband frequency tracking (100 - 2000 Hz) generates oscillating whiskers.

🪻 Features

  • Real-time FFT Analysis: Audio is processed using p5.FFT and Amplitude classes for precise responsiveness.
  • Clean UI: A modern glassmorphism control panel to adjust sensitivity, colour tint, and animal profiles.
  • Flexible Input:
    • Use the built-in presets (Bird, Whale, Frog, Cat).
    • Upload your own .mp3 or .wav files for custom experimentation.

☁️ Tech Stack

  • p5.js/p5.sound
  • JavaScript
  • HTML5/CSS3

🪻 Running Locally

  1. Clone the repository:
    git clone https://github.com/bambiroe/wildwave.git
    cd wildwave
  2. Start a local server (necessary for loading audio files):
    python3 -m http.server 8000
  3. Open http://localhost:8000 in your browser.

Developed by bambiroe.

About

Interactive visualisation of animal sounds using p5.js

Topics

Resources

License

Stars

Watchers

Forks

Contributors