Local Storage in JavaScript with p5.js
The Coding Train The Coding Train
1.68M subscribers
36,864 views
0

 Published On May 4, 2022

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 ...  

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...

show more

Share/Embed