# Unit 1: Drawing, Variables, and Random

- [Unit 1 Overview](/introduction-to-computational-media-curriculum/unit-1-drawing-variables-and-random/unit-1-overview.md): Essential question: How can code be used as a creative and expressive medium?
- [U1LA1.1 p5.js Introduction & Deconstruction](/introduction-to-computational-media-curriculum/unit-1-drawing-variables-and-random/u1la1.1-p5.js-introduction-and-deconstruction.md): How can we break down a robot into basic shapes in p5.js?
- [U1LA1.2 Line Functions and Parameters](/introduction-to-computational-media-curriculum/unit-1-drawing-variables-and-random/u1la1.2-line-functions-and-parameters.md): How do the parameters of function effect positioning on the p5 canvas?
- [U1LA1.3: Rectangles, Ellipses, and Layering](/introduction-to-computational-media-curriculum/unit-1-drawing-variables-and-random/u1la1.3-rectangles-ellipses-and-layering.md): How can we use shape functions to create images?
- [U1LA1.4 Various Shapes, Stroke, Weight, Fill](/introduction-to-computational-media-curriculum/unit-1-drawing-variables-and-random/u1la1.4-various-shapes-stroke-weight-fill.md): How can we use shape functions to create images?
- [🗃U1LA1 Mini Project: Taijitu Symbol](/introduction-to-computational-media-curriculum/unit-1-drawing-variables-and-random/u1la1-mini-project-taijitu-symbol.md): How can code be used as a creative and expressive medium?
- [U1LA2.1 Intro to Variables - System Variables](/introduction-to-computational-media-curriculum/unit-1-drawing-variables-and-random/u1la2.1-intro-to-variables-system-variables.md): How can we utilize p5.js system variables?
- [U1LA2.2 Custom Variables in p5.js](/introduction-to-computational-media-curriculum/unit-1-drawing-variables-and-random/u1la2.2-custom-variables-in-p5.js.md): How can I create custom values to hold values in my p5.js projects?
- [U1LA2.3 Random Function & Variables](/introduction-to-computational-media-curriculum/unit-1-drawing-variables-and-random/u1la2.3-random-function-and-variables.md): How can we use the random function to generate different designs?
- [🗃U1LA2 Mini Project: Custom Emoji pt. 1](/introduction-to-computational-media-curriculum/unit-1-drawing-variables-and-random/u1la2-mini-project-custom-emoji-pt.-1.md): What message does your emoji convey?
- [U1LA.3.1 Intro to Color](/introduction-to-computational-media-curriculum/unit-1-drawing-variables-and-random/u1la.3.1-intro-to-color.md): How do computers mix colors?
- [U1LA3.2: RGB vs HSB Color Modes](/introduction-to-computational-media-curriculum/unit-1-drawing-variables-and-random/u1la3.2-rgb-vs-hsb-color-modes.md): How can I represent colors in a mode other than RGB?
- [U1LA3.3 Color Palettes & Design](/introduction-to-computational-media-curriculum/unit-1-drawing-variables-and-random/u1la3.3-color-palettes-and-design.md): What are our best practices for working with color?
- [🎨 Unit 1 Final Project: Abstract Album Art](/introduction-to-computational-media-curriculum/unit-1-drawing-variables-and-random/unit-1-final-project-abstract-album-art.md): How can I use my skills in p5 to convey a specific mood or theme?