p5.js 2.0 - Async and Await

Learn how to transition from p5.js 1.0's preload() function and callback-based data loading to the new async/await pattern introduced in p5.js 2.0. Explore the fundamental differences between synchronous and asynchronous code execution, understand how JavaScript promises work, and discover how to implement async setup() functions for cleaner data loading workflows. Master the process of switching between p5.js versions in the web editor, compare callback-based loading methods with modern promise-based approaches, and learn techniques for sequencing multiple data loading operations. Practice creating custom asynchronous functions and implementing loading animations while data is being fetched. Work with practical examples using the Dog API to load external data, and gain hands-on experience with three interactive p5.js sketches demonstrating async/await implementation, loading animations, and sequential data loading patterns.