What's new in p5.js 2!

This video tackles one of the bigger changes in p5.js 2: loading data with async and await! Fear not, I'll cover how to transition from preload and callbacks in p5.js 1.0 to using promises with async/await in 2.0. Code: https://thecodingtrain.com/tracks/p5js-2.0/p5js-2.0/async-await 🚀 Watch this video ad-free on Nebula https://nebula.tv/videos/codingtrain-p5js-20-async-and-await p5.js Web Editor Sketches: 🕹️ p5.js 2 - async and await: https://editor.p5js.org/codingtrain/sketches/Q6S38g0rS 🕹️ p5.js 2 - loading animation: https://editor.p5js.org/codingtrain/sketches/JLIxyHrkn 🕹️ p5.js 2 - loading in a sequence: https://editor.p5js.org/codingtrain/sketches/lQxT7PTKC 🎥 Next: https://youtu.be/1KqQeqZ3R9Y References: 📖 p5.js 2.0 Beta: https://beta.p5js.org/ 📖 p5.js 2.0: https://github.com/processing/p5.js/issues/7488 📖 p5.js 2.0: You Are Here & How to Contribute!: https://discourse.processing.org/t/dev-updates-p5-js-2-0-you-are-here-how-to-contribute/46130 🎨 Dog API: https://dog.ceo/dog-api/ Videos: 🚂 https://youtu.be/QO4NXhWo_NM 🚂 https://youtu.be/AwyoVjVXnLk Timestamps: 0:00:00 p5.js 2.0! 0:03:00 Switching versions in the web editor 0:05:02 Loading with p5.js 1 0:06:11 Synchronous vs Asynchronous Code 0:08:37 Promises! 0:11:29 switching from preload to async setup() 0:13:57 Loading with callbacks in p5.js 1.0 0:17:15 Sequencing loading data in p5.js 1.0 0:19:26 Sequencing with async and await in p5.js 2.0 0:20:09 Creating a custom Async Function 0:22:13 Thank you for watching! Music from Epidemic Sound 🚂 Website: https://thecodingtrain.com/ 👾 Share Your Creation! https://thecodingtrain.com/guides/passenger-showcase-guide 🚩 Suggest Topics: https://github.com/CodingTrain/Suggestion-Box 💡 GitHub: https://github.com/CodingTrain 💬 Discord: https://thecodingtrain.com/discord 💖 Membership: http://youtube.com/thecodingtrain/join 🛒 Store: https://standard.tv/codingtrain 🖋️ Twitter: https://twitter.com/thecodingtrain 📸 Instagram: https://www.instagram.com/the.coding.train/ 🎥 https://www.youtube.com/playlist?list=PLRqwX-V7Uu6ZiZxtDDRCi6uhfTH4FilpH 🎥 https://www.youtube.com/playlist?list=PLRqwX-V7Uu6Zy51Q-x9tMWIv9cueOFTFA 🔗 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-of-Conduct This description was auto-generated. If you see a problem, please open an issue: https://github.com/CodingTrain/thecodingtrain.com/issues/new #asyncawait #promises #p5js2 #preload #callbacks #p5js #javascript