Collection of interactive works with P5js, Processing, Arduino and Touch Designer
Generative Art Experiments
Compilation of my mini interactive works/sketches, that I did for celebrating and participating in Genuary 2025. There were 31 prompts, and I could not afford to cover all due to other works - but here is what I made during my free time! The exercise reminded me how important is to keep side projects to stay inspired and updated! <3
Link to all of the Genuary Prompts
Landscape in P5.js
Mouse interaction is coded in this sketch, that could give the output of a geometric landscape of sun, river and birds.
Shader made by ShaderPark
I wanted to create an water-line simulation and Shader Park seemed like the perfect choise for it.
Particles in P5.js
The prompt was work with a huge number of particles, and I wanted something as light weight as possible to code it with.
Slit scanning with Processing
The classic one!
Mouse interaction with P5.js
Goal was to create something simple, quick but delightful to play with the mouse.
Hand gesture manipulation with TouchDesigner
Here I am manipulationg the verteces of the box geometry simply with hand movement inside Touch Designer.
Grid based work in P5.js
Using the same code in diffferent ways with the help of grid system.
Smile Detector with Arduino and Touch Designer
For this project, I wanted to interact the other way around. Where my smile would be detected by Media Pipe and it would spark a light in my Arduino device.
You are seeing Tan’s Portfolio.
I engineer designs.
Features
Core features
Pro experience
Integrations
Learn more
Blog
Case studies
Customer stories
Best practices
Support
Contact
Support
Legal
Tan’s Portfolio
Contact
Download
Collection of interactive works with P5js, Processing, Arduino and Touch Designer
Generative Art Experiments
Compilation of my mini interactive works/sketches, that I did for celebrating and participating in Genuary 2025. There were 31 prompts, and I could not afford to cover all due to other works - but here is what I made during my free time! The exercise reminded me how important is to keep side projects to stay inspired and updated! <3
Link to all of the Genuary Prompts
Landscape in P5.js
Mouse interaction is coded in this sketch, that could give the output of a geometric landscape of sun, river and birds.
Shader made by ShaderPark
I wanted to create an water-line simulation and Shader Park seemed like the perfect choise for it.
Particles in P5.js
The prompt was work with a huge number of particles, and I wanted something as light weight as possible to code it with.
Slit scanning with Processing
The classic one!
Mouse interaction with P5.js
Goal was to create something simple, quick but delightful to play with the mouse.
Hand gesture manipulation with TouchDesigner
Here I am manipulation the vertices of the box geometry simply with hand movement inside Touch Designer.
Grid based work in P5.js
Using the same code in different ways with the help of grid system.
Smile Detector with Arduino and Touch Designer
For this project, I wanted to interact the other way around. Where my smile would be detected by Media Pipe and it would spark a light in my Arduino device.
You are seeing Tan’s Portfolio.
I engineer designs.
Features
Core features
Pro experience
Integrations
Learn more
Blog
Case studies
Customer stories
Best practices
Support
Contact
Support
Legal