What you'll learn:
- Fundamentals of p5.js Creative programming.
- Suite of tools for p5.js Creative programming.
- Coding based examples.
- Concepts of modular programming.
Interested in creative coding and generative art? Start with p5.js! p5.js is JavaScript programming library which is suitable for beginners to learn programming and scription with fun interactive and animations. This course uses the p5.js library for visual programming and interactive sketches, no prior coding experience required.
Dive into core p5.js functions like setup(), draw(), shapes, colors, animation, and mouse/keyboard interaction to build dynamic canvas projects that respond to user input in real-time.
Perfect for artists, designers, developers new to code, hobbyists, educators, or anyone wanting to prototype ideas visually without complex setups or heavy frameworks.
This hands-on course covers canvas basics, drawing functions (line, circle, rect), color modes, loops for patterns, conditionals for interactivity, object-oriented sketches with classes, sound integration via p5.sound, and export-ready projects for web or portfolios.
Contents:
p5.js environment setup and first sketch
Basic shapes, stroke, fill, and color modes
Animation loops and timing with frameRate()
Mouse and keyboard event handling
Arrays and loops for generative patterns
Classes and objects for complex interactions
Image loading, pixel manipulation, and filters
What are you waiting for? Learn p5.js Creative Coding and transform your ideas into interactive visuals that captivate audiences worldwide. Thanks for joining—let's create something amazing together!
