Initial greeting card imagery 

Final greeting card imagery

Greeting card made using p5.js
The goal for this project was to create a greeting card using the Java Script library p5.js. The fully interactive card can be found by clicking here. Please feel free to send this card to a friend or family member.
Recipients of card begins by clicking anywhere on the image. The scene then changes and the viewer can move their mouse around to uncover hidden imagery whilst watching the chime and petals blow slowly in the wind. Clicking on the chime will also cause a soft chime sound to play.

Development of card in p5.js

Illustration drawn by hand in separate layers using Procreate. Imagery then brought into photoshop and animated into separate Gifs. All imagery and gifs then combined and layered in p5.js.

Initial sketch ideas for greeting card

Back to Top