# Unit 1: Draw & Draw With Functions

- [Unit 1 Overview](https://cs4all-icm.gitbook.io/js-intro-to-computational-media-2.0/unit-1-draw-and-draw-with-functions/unit-1-overview.md): How can code be used as a creative and expressive medium?
- [U1LA1.1: p5.js Introduction & Deconstruction](https://cs4all-icm.gitbook.io/js-intro-to-computational-media-2.0/unit-1-draw-and-draw-with-functions/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](https://cs4all-icm.gitbook.io/js-intro-to-computational-media-2.0/unit-1-draw-and-draw-with-functions/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](https://cs4all-icm.gitbook.io/js-intro-to-computational-media-2.0/unit-1-draw-and-draw-with-functions/u1la1.3-rectangles-ellipses-and-layering.md): How can we use shape functions to create images?
- [U1LA1.4: Other Shapes && Styling](https://cs4all-icm.gitbook.io/js-intro-to-computational-media-2.0/unit-1-draw-and-draw-with-functions/u1la1.4-other-shapes-and-and-styling.md): How can we use shape functions to create images?
- [U1LA1 Mini Project: Taijitu Symbol](https://cs4all-icm.gitbook.io/js-intro-to-computational-media-2.0/unit-1-draw-and-draw-with-functions/u1la1-mini-project-taijitu-symbol.md): How can code be used as a creative and expressive medium?
- [U1LA2.1: Intro to Color with RGB && HSB](https://cs4all-icm.gitbook.io/js-intro-to-computational-media-2.0/unit-1-draw-and-draw-with-functions/u1la2.1-intro-to-color-with-rgb-and-and-hsb.md): How do color values work in my code?
- [EXTRA: Color & Data Storage](https://cs4all-icm.gitbook.io/js-intro-to-computational-media-2.0/unit-1-draw-and-draw-with-functions/extra-color-and-data-storage.md): An optional, extra lesson on different ways to represent color that will connect HEX with RGB. Fantastic AP CSP prep!
- [EXTRA: Color Palette Practice](https://cs4all-icm.gitbook.io/js-intro-to-computational-media-2.0/unit-1-draw-and-draw-with-functions/extra-color-palette-practice.md): An optional, extra lesson on creating color palettes to practice design skills as well as calling colors.
- [U1LA3.1: Introducing Variables](https://cs4all-icm.gitbook.io/js-intro-to-computational-media-2.0/unit-1-draw-and-draw-with-functions/u1la3.1-introducing-variables.md): How can I use variables to store data and control values in a program?
- [U1LA3.2: Creating Custom Variables](https://cs4all-icm.gitbook.io/js-intro-to-computational-media-2.0/unit-1-draw-and-draw-with-functions/u1la3.2-creating-custom-variables.md): How can I create my own variables to hold values in p5.js?
- [U1LA4.1: What is Abstraction?](https://cs4all-icm.gitbook.io/js-intro-to-computational-media-2.0/unit-1-draw-and-draw-with-functions/u1la4.1-what-is-abstraction.md): What is abstraction, and how does it relate to my code?
- [U1LA4.2: Intro to Functions && Function Calls](https://cs4all-icm.gitbook.io/js-intro-to-computational-media-2.0/unit-1-draw-and-draw-with-functions/u1la4.2-intro-to-functions-and-and-function-calls.md): What do functions look like in code?
- [U1LA4.3: Draw with Functions](https://cs4all-icm.gitbook.io/js-intro-to-computational-media-2.0/unit-1-draw-and-draw-with-functions/u1la4.3-draw-with-functions.md): How can I create a function that will draw a design?
- [U1LA4.4: Using the Random Function](https://cs4all-icm.gitbook.io/js-intro-to-computational-media-2.0/unit-1-draw-and-draw-with-functions/u1la4.4-using-the-random-function.md): How can I use the randomness in my code?
- [U1LA4 Mini Project: Custom Emoji](https://cs4all-icm.gitbook.io/js-intro-to-computational-media-2.0/unit-1-draw-and-draw-with-functions/u1la4-mini-project-custom-emoji.md): How can I create a function for a custom emoji?
- [U1LA5.1: Your Custom Function Library](https://cs4all-icm.gitbook.io/js-intro-to-computational-media-2.0/unit-1-draw-and-draw-with-functions/u1la5.1-your-custom-function-library.md): How can I create a library to store my custom functions?
- [Unit 1 Final Project: Abstract Album Art](https://cs4all-icm.gitbook.io/js-intro-to-computational-media-2.0/unit-1-draw-and-draw-with-functions/unit-1-final-project-abstract-album-art.md): How can I use my skills in p5 to convey a specific mood or theme?


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://cs4all-icm.gitbook.io/js-intro-to-computational-media-2.0/unit-1-draw-and-draw-with-functions.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.