When I started this project during a creative coding course in my second year of the Visual Communication Bachelor at HEAD-Genève, I wanted it to be bigger than what I achieved at that moment.
Exploring p5.js and diving a bit more in web technologies was really fun. Teachers and people were so enthusiastic to see the project develop and I had big dreams for it.
The idea of mixing music and live visuals isn't new., but Generatron is another kind of immersive experience that lets you fill a virtual canvas with 3D shapes, colors and sounds. It's like if a musical launchpad and a drawing canvas had a baby.
At the time, I immediately made Generatron open-source. I wanted to show people that coding an experience like Generatron wasn't that complicated.
The developement of the new version opens up unlimited possibilities for the future of Generatron and its community.
Have fun! :D (Trailer)
| Desktop (Running on Arc Browser, macOS) | Mobile (Running on Arc Search, iOS) |
|---|---|
 |
 |
Currently, there are 5 themes that you can play with in Generatron 2:
- Synthwave (the original sample of the early alpha remastered)
- Retrowave (from Another Resonnance)
- Future Funk
- House
- Ambiant
All of the sounds were made in-house, under the KYBRNEON alias.
Generatron is open to collaborating with artists and designers.
Launch https://generatron.cybrneon.xyz to use the experience on the web.
Note
You can also add Generatron as a Progressive Web App (PWA) to your iOS, Android, Mac and Windows device. You can do that by clicking on the "Install" button in the top right corner of your browser.
You can also run the experience locally by downloading all the source code to your machine and running a live server.
This project welcomes contributions of all types. Coding features, bug fixes, design, documentation, music production, social media, etc.
We ask that before you start work on a feature that you would like to contribute, please get in touch with @cybrneon and we would be happy to figure out the best approach throughout feature developement.
While working on the project and after your contributions, you are considered a member of the GENERATRON Community.
This is what was achived until now
- Multi-themed visual and audio experience
- Functional UI and better UX.
- Mobile version.
- Web App function.
What's next
- A community driven sample repository with contributions from artists and designers, where everyone could make sounds and visuals and share them to everyone to try on Generatron.
- A better mobile UX for intuitive interactions.
- Having a better UI framework instead of plain HTML and CSS.
- A sound AND video recorder of the canvas, with export options for different aspect ratios.
- Implementing a Generatron Merch Store for fans to support the project.
Open-source is the driving force for Generatron, and this is why it is so important to have a community driving this project.
We never collect personal data or telemetry, and we don't even want nor need it.
This project would not be possible without the help of Anette Lenz, Pierre Rossel, Nicolas Baldran, Alexia Mathieu, and all other people who helped from far and close to make this project what it is today.
Also thanks to all my past collegues and teachers from the Visual Communication class of 23' for their support.
