🎨
🎨
🎨
🎨
[JS] Intro to Computational Media 2.0
Search
⌃K
Curriculum Overview
How to Use this Curriculum
Unit 1: Draw & Draw With Functions
🔮
Unit 1 Overview
U1LA1.1: p5.js Introduction & Deconstruction
U1LA1.2 Line Functions and Parameters
U1LA1.3: Rectangles, Ellipses, and Layering
U1LA1.4: Other Shapes && Styling
🗃
U1LA1 Mini Project: Taijitu Symbol
U1LA2.1: Intro to Color with RGB && HSB
🤓
EXTRA: Color & Data Storage
🤓
EXTRA: Color Palette Practice
✨
U1LA3.1: Introducing Variables
✨
U1LA3.2: Creating Custom Variables
✨
U1LA4.1: What is Abstraction?
✨
U1LA4.2: Intro to Functions && Function Calls
U1LA4.3: Draw with Functions
U1LA4.4: Using the Random Function
🗃
U1LA4 Mini Project: Custom Emoji
U1LA5.1: Your Custom Function Library
🎨
Unit 1 Final Project: Abstract Album Art
Unit 2: Respond and Draw on Canvas
🔮
Unit 2 Overview
✨
U2LA1.1: Conditionals and If Statements
✨
U2LA1.2: Conditionals and if, else if, and else statements
✨
U2LA1.3: Logical Operators And/Or
🗃
U2LA1 Mini Project: Make a Traffic Light
U2LA2.1: Draw with Mouse
U2LA2.2: The Map Function
✨
U2LA3.1: Data Type Scavenger Hunt
✨
U2LA3.2: Functions that Return Values
🤓
U2LA3.3: Functions with Purpose
U2LA4.1: Collision Functions && Collide2D
U2LA4.2: Mouse Clicks && Shapes as Buttons
🗃
U2LA2 Mini Project: Light Switch Game
U2LA5.1: Key Presses && Nested Conditionals
🎨
Unit 2 Final Project: Interactive Drawing App
LESSON TEMPLATE
Unit 3: Arrays, Loops, Media
🔮
Unit 3 Overview
U3LA1.1: While Loops
U3LA1.2: For Loops Pt 1
🤓
EXTRA: Continue, Break, and Modulo
U3LA1.3: Nested For Loops (For Loops pt 2)
🗃
U3LA1 Mini Project: Wallpaper Design
U3LA2.1: Introduction to Arrays
U3LA.2.2: Arrays with floor() and random()
🗃
U3LA2 Mini Project 1: Fortune Teller
U3LA2.3: Loops and Arrays
U3LA2.4: Updating and Deleting from Arrays
🗃