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: https://designersdecode.com/products/git-image-snapshot/ ➤ Links vite-plugin-ssam-git: https://github.com/cdaein/vite-plugin-ssam-git p5 ESM template: https://github.com/dizicoder/p5-template-esm Canvas Sketch library: https://github.com/mattdesl/canvas-sketch #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