Local Storage in JavaScript with p5.js

Описание: What's the easiest and quickest way to have a p5 sketch re-start from where it last left off? Local Storage!

p5.js Web Editor Sketches:
🕹️ Local Storage: https://editor.p5js.org/codingtrain/s...
🕹️ Local Storage w/ Canvas: https://editor.p5js.org/codingtrain/s...

Links discussed in this video:
🔗 Local Storage: https://developer.mozilla.org/en-US/d...
🔗 storeItem(): https://p5js.org/reference/#/p5/store...
🔗 getItem(): https://p5js.org/reference/#/p5/getItem
🔗 Storage for the Web: https://web.dev/storage-for-the-web/

Other videos mentioned in this video:
🎥 6.1: Introduction to Object-Oriented Programming with ES6 - p5.js Tutorial
   • 6.1: Introduction to Object-Oriented Progr...  

Timestamps:
0:00 Hello! What is Local Storage?
1:15 Color sliders p5 sketch
2:16 p5 local storage code
7:57 Debug storage with developer tools
8:50 Storing JavaScript objects
10:26 Downsides of local storage
11:15 More examples!

🚂 Website: http://thecodingtrain.com/
👾 Share Your Creation! https://thecodingtrain.com/Guides/com...
🚩 Suggest Topics: https://github.com/CodingTrain/Rainbo...
💡 GitHub: https://github.com/CodingTrain
💬 Discord:   / discord  
💖 Membership: http://youtube.com/thecodingtrain/join
🛒 Store: https://standard.tv/codingtrain
📚 Books: https://www.amazon.com/shop/thecoding...
🖋️ Twitter:   / thecodingtrain  
📸 Instagram:   / the.coding.train  

🎥 Coding Challenges:    • Coding Challenges  
🎥 Intro to Programming:    • Start learning here!  

🔗 p5.js: https://p5js.org
🔗 p5.js Web Editor: https://editor.p5js.org/
🔗 Processing: https://processing.org

📄 Code of Conduct: https://github.com/CodingTrain/Code-o...

This description was auto-generated. If you see a problem, please open an issue: https://github.com/CodingTrain/websit...