https://github.com/craftzdog/p5-wave-visualization

p5 sketch visualizing the sound of waves of the sea recorded at Yuigahama in Kamakura, which is processed with FFT.
https://github.com/craftzdog/p5-wave-visualization

Last synced: 13 days ago
JSON representation

p5 sketch visualizing the sound of waves of the sea recorded at Yuigahama in Kamakura, which is processed with FFT.

• Host: GitHub
• URL: https://github.com/craftzdog/p5-wave-visualization
• Owner: craftzdog
• License: mit
• Created: 2015-11-08T03:35:38.000Z (about 9 years ago)
• Default Branch: master
• Last Pushed: 2015-11-08T03:43:44.000Z (about 9 years ago)
• Last Synced: 2024-10-12T22:16:57.103Z (29 days ago)
• Language: JavaScript
• Size: 0 Bytes
• Stars: 36
• Watchers: 2
• Forks: 11
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
Visualization art using p5.js based on the sound of waves

=========================================================

This p5 sketch visualizes the sound of waves of the sea recorded at Yuigahama in Kamakura, which is processed with FFT.

## Sketches

### #1 Sound spectrum visualizer

![fft](img/fft.png)

[See video on YouTube](https://www.youtube.com/watch?v=mBPAtibRb1E)

### #2 Raindrop

![wave](img/wave.png)

[See video on YouTube](https://www.youtube.com/watch?v=LMBx6AYaRXc)

## Usage

### Install http server

If you don't have any http server, install `simplehttpserver` from npm:

```

npm -g simplehttpserver -g

```

### Launch http server

```

git clone [email protected]:noradaiko/p5-wave-visualization.git

cd p5-wave-visualization

simplehttpserver ./

```

### Open on web browser

#### #1 Sound spectrum visualizer

```

http://localhost:8000/fft

```

#### #2 Raindrop

```

http://localhost:8000/wave

```