Building on the Generative Art challenge, you should now add an extra ingredient to your p5.js artwork. As well as using random numbers to achieve unpredictability, use an external data source to help make your images. Ideally, this external data source should contain a lot of variation and perhaps also some randomness. Examples might be:
- digitized audio
- sensor data from a microcontroller (e.g., Arduino)
- an API that streams data, such as Twitter or a weather API.
This challenge overlaps with the more familiar task of data visualisation. But there’s an importance difference. Data visualisation usually tries to inform the viewer. But your program should delight your audience by appealing to their imagination and sense of fun.
Getting API data into p5.js
- Example from p5.js reference of getting data via an API
- Visualizing Music with p5.js
- Make a Music Visualization
- Music visualization with p5.js – only provides code for the Processing language (Java).
- Sound visualisation with The Coding Train
- Loading audio into p5js