Creative Coding
Creative coding is where computer coding is used as an art tool, not just a tech tool. In this course, students use p5.js, a free tool that runs right in a web browser, to draw shapes, mix colors, and build visuals that respond to clicks and movement. No coding experience or art background is needed to start. The goal is to use logic, color, and shape as creative building blocks.
Who is this lesson for? Students interested in learning foundational programming concepts while combining creativity and logic through p5.js and codepen.io.
Units
Facilitation Guide
Related Courses
Unit 1
Creative Coding: Intro Creative Code with p5.js
Students will learn how to draw shapes and create an emoji in p5.js.
By the end of the lesson, students will be able to:
- Introduce foundational programming concepts (variables, functions, loops, conditions)
- Understand the importance of order and logic in programming
- Learn p5.js functions for shapes, color, and mouse interactions
- Encourage creativity through dynamic visual projects