This personal project is an interactive digital art and serves as a great example of the beautiful convergence of art and code. The art is created digitally on separate layers and saved as png files.
The code takes layered illustration images and renders them such that when the user interacts with the art by touching and dragging the image (using finger touch on a touch screen or by mouse), the images moves relative to each other (by an offset) to give an illusion of 3D layers and depth.
HTML
CSS
JavaScript
Procreate
This is interactive!
Click & drag your mouse or finger to move the image around and see the parallax effect.
Some fun results from my attempt at learning creative coding using p5.js.
All exercises were picked from TheCodingTrain.
HTML
JavaScript
p5.js