Never Lose Your Generative Art Code with Git Image Snapshot

Have you ever wanted to go back to an earlier iteration of your sketch but you don't have the code anymore? This video may be useful to you. We look at a Vitejs plugin to both save your code and the image output. We implement the code with p5js library, but the same technique can be used with any other Canvas libraries or in vanilla JS, too.

➤ Please like & subscribe to see more videos like this.

➤ Download code examples (free & paid) from my shop and support the channel:

➤ Links
vite-plugin-ssam-git:

p5 ESM template:

Canvas Sketch library:

#creativecoding #p5js #tutorial #git #vitejs
----

0:00 - Difficulty in finding old sketch code
1:00 - Demo
3:05 - Set up a sketch
4:32 - A brief look at the sketch
5:20 - Install the plugin
5:50 - Send message to dev server
7:10 - Receive message from dev server
8:26 - Set up Vite Config
9:06 - Create a Git commit
9:42 - Create more commits
11:00 - git log
11:55 - git checkout
12:48 - Back to latest version
13:10 - Important to know
14:12 - Create a new branch