Introduction to Creative Coding with p5.js

Why take this course?
Introduction to Creative Coding with p5.js: Create Art with Code! π¨β¨
Welcome to our Creative Coding Class where art and code collide! π
Course Headline: π Create art with code! Unleash your inner artist through the power of programming. No prior coding experience? Not a problem! We'll guide you from the basics to advanced creative coding techniques using JavaScript and p5.js. ποΈπ©βπ»
About the Course
-
Your Journey Begins Here: Dive into the world of coding without any prior knowledge required! Our course starts from the ground up, ensuring that by the end, you'll be fluent in programming basics. πβ‘οΈπ»
-
Develop Key Skills: This workshop is designed to sharpen your computational thinking, logic, and mathematical skills. All this while creating visually appealing artworks! π§ π
-
Learn JavaScript the Web's Language: Get acquainted with JavaScript, the language that powers the web and is essential for creative coding. ππ¬
-
Master p5.js: Explore p5.js, a flexible and powerful library built on top of JavaScript, tailor-made for creative programming. With p5.js, you can turn your creative ideas into interactive artworks. π¨β‘οΈπ©βπ₯
What You'll Learn
By the end of this course, you will have created several projects, including:
-
Generative Portraits: Transform photos into artistic representations using code. π€³οΈπΌοΈ
-
Animating Simple Drawings: Bring still images to life with animation techniques in p5.js. ποΈπ
-
Making a Paint Application: Recreate the experience of MS Paint using variables and conditional logic. ποΈπ§©
Course Structure
This course is structured into four engaging modules:
-
Simple Shapes and Animation: Understand the basics of p5, functions, and variables through interactive exercises. πβ¨
-
Making a Paint Application: Learn more about variables and conditional statements by creating your own digital paint application. π¨ποΈ
-
Generative Patterns: Dive into the world of for loops and create intricate patterns with code. ππ΅οΈ
-
Generative Portraits: Explore the use of images, camera input, and algorithms to create portraits that come to life! π€³πΌπ
Materials Required
To make the most out of this course, you'll need:
-
A computer or laptop with internet access to view the videos and work on coding exercises. Please note that this course is not available for iPads and iPhones at this time. π»βοΈ
-
Google Chrome browser for accessing the coding environment. ππ
Join us on this creative coding adventure and let's turn your ideas into stunning visual art with the power of code! Enroll now and start your journey into the fascinating world of creative coding with p5.js. Let's get started! ππ
Loading charts...