Personal project showing an icosahedron an icosahedron that reacts by animating and making sounds to changes made on Wikipedia.
The App connects to the endpoint https://stream.wikimedia.org/v2/stream/recentchange via server-sent connection and reacts to the various messages sent by Wikipedia.
Depending on the size of the change, a sampled sound is chosen to play. The icosahedron finally reacts to the sounds using the AudioAnalyser interface of Three.js.
Direct link to the project: https://sp1lu.github.io/wikibeat/
Here framework adn libraries used for the realization of the project. The project was intended mainly to learn React.js framework and Three.js 3D library.
- HTML
- CSS
- TypeScript
- Visual Studio Code
- Adobe Illustrator
- Figma
Some of the features I'd like to implement in the future.
- Change icosahedron color
Following some sources used as inspiration for the project, as well as music and SFX used for its realization.
- Idea: Listen to Wikipedia and BitListen
- Icosahedron Wael Yasmina
Here some places where you can find me.