Foundations

Not started


Final Project


![ECA_GoogleyEyes_M4.3%28final%29.gif](https://prod-files-secure.s3.us-west-2.amazonaws.com/72599500-0fa1-49f5-b494-8638547cc822/f33ced95-726d-4b7c-a965-d58bb2084e2c/ECA_GoogleyEyes_M4.3%28final%29.gif?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Content-Sha256=UNSIGNED-PAYLOAD&X-Amz-Credential=AKIAT73L2G45HZZMZUHI%2F20231205%2Fus-west-2%2Fs3%2Faws4_request&X-Amz-Date=20231205T181042Z&X-Amz-Expires=3600&X-Amz-Signature=c07bca00cd02ec6f79cf0390bd3d88435376d0ef4077f6fe53f78b35e45019c2&X-Amz-SignedHeaders=host&x-id=GetObject)




# Milestones


## Milestone 1: Head


![Untitled.png](https://prod-files-secure.s3.us-west-2.amazonaws.com/72599500-0fa1-49f5-b494-8638547cc822/d1303fc0-6ba1-4da5-ac7c-bc0c4568bbc8/Untitled.png?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Content-Sha256=UNSIGNED-PAYLOAD&X-Amz-Credential=AKIAT73L2G45HZZMZUHI%2F20231205%2Fus-west-2%2Fs3%2Faws4_request&X-Amz-Date=20231205T181040Z&X-Amz-Expires=3600&X-Amz-Signature=be121463f07ded9ec8bbf340f5d72ec6a677264a7fe6e8f4ccd5c60730906d8d&X-Amz-SignedHeaders=host&x-id=GetObject)

- fill ("__" )
- noStroke() → remove the outline
- circle (__ , __ , __)

## Milestone 2: Smile 


![ECA_GoogleyEyes_M2.1%28final%29.png](https://prod-files-secure.s3.us-west-2.amazonaws.com/72599500-0fa1-49f5-b494-8638547cc822/c51f4cce-1f79-4283-80f9-e446ca2a1ab7/ECA_GoogleyEyes_M2.1%28final%29.png?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Content-Sha256=UNSIGNED-PAYLOAD&X-Amz-Credential=AKIAT73L2G45HZZMZUHI%2F20231205%2Fus-west-2%2Fs3%2Faws4_request&X-Amz-Date=20231205T181041Z&X-Amz-Expires=3600&X-Amz-Signature=172eb262cc49e58e15b78d3e01f05ff36625640875b11bb7c168b8f4ed037d7d&X-Amz-SignedHeaders=host&x-id=GetObject)

- strokeWeight ( __ ) → thickness of the line
- stroke("__") → color of the line
- arc ( __ , __ , __ , __ , __  , __ )

## Milestone 3: Left Eye part 1


![ECA_GoogleyEyes_M3.1%28final%29.png](https://prod-files-secure.s3.us-west-2.amazonaws.com/72599500-0fa1-49f5-b494-8638547cc822/bc05a664-4706-438d-a0ef-35e5560d2504/ECA_GoogleyEyes_M3.1%28final%29.png?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Content-Sha256=UNSIGNED-PAYLOAD&X-Amz-Credential=AKIAT73L2G45HZZMZUHI%2F20231205%2Fus-west-2%2Fs3%2Faws4_request&X-Amz-Date=20231205T181040Z&X-Amz-Expires=3600&X-Amz-Signature=9881f69488b16ffe94ba7c567212ddcc8d22527bea25b6ea89137d55f90db375&X-Amz-SignedHeaders=host&x-id=GetObject)

- fill ("__")
- square ( __ , __ , __ )

## Milestone 4: Left Eye part 2


![ECA_GoogleyEyes_M3.2%28final%29.png](https://prod-files-secure.s3.us-west-2.amazonaws.com/72599500-0fa1-49f5-b494-8638547cc822/54a360c3-fcaa-4ec5-8f04-4450c15f0e9b/ECA_GoogleyEyes_M3.2%28final%29.png?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Content-Sha256=UNSIGNED-PAYLOAD&X-Amz-Credential=AKIAT73L2G45HZZMZUHI%2F20231205%2Fus-west-2%2Fs3%2Faws4_request&X-Amz-Date=20231205T181040Z&X-Amz-Expires=3600&X-Amz-Signature=d1977d5afdcc0ceb890023f5005959228a8c29394175de1f4b9132d4fcfcfe75&X-Amz-SignedHeaders=host&x-id=GetObject)

- Create two variables for the X and Y position of the <u>left</u> eye.
- You can use mouseX and mouseY to make the eye follow the mouse movement

## Milestone 5: Constrain the Left Eye


![ECA_GoogleyEyes_M3.3%28final%29.gif](https://prod-files-secure.s3.us-west-2.amazonaws.com/72599500-0fa1-49f5-b494-8638547cc822/f0f15528-2789-4a89-a205-e64bc9ee1cba/ECA_GoogleyEyes_M3.3%28final%29.gif?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Content-Sha256=UNSIGNED-PAYLOAD&X-Amz-Credential=AKIAT73L2G45HZZMZUHI%2F20231205%2Fus-west-2%2Fs3%2Faws4_request&X-Amz-Date=20231205T181040Z&X-Amz-Expires=3600&X-Amz-Signature=a5ed52ab3a15415cb532926e45c682052f6cdaedfe826f4e02512fc12c91afb1&X-Amz-SignedHeaders=host&x-id=GetObject)

- Using the variables created in the previous milestone:
- variable1 = constrain( __ , __ , __ )
- variable2 = constrain( __ , __ , __ )

## Milestone 6: Right Eye part 1


![ECA_GoogleyEyes_M4.1%28final%29.png](https://prod-files-secure.s3.us-west-2.amazonaws.com/72599500-0fa1-49f5-b494-8638547cc822/de5f158f-6620-488e-9d22-dc45dc622b8d/ECA_GoogleyEyes_M4.1%28final%29.png?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Content-Sha256=UNSIGNED-PAYLOAD&X-Amz-Credential=AKIAT73L2G45HZZMZUHI%2F20231205%2Fus-west-2%2Fs3%2Faws4_request&X-Amz-Date=20231205T181040Z&X-Amz-Expires=3600&X-Amz-Signature=f866cee2b3ede07210dbf0f063d0fd293159a86dd67f9fd6e7a8324bd9a2c122&X-Amz-SignedHeaders=host&x-id=GetObject)


## Milestone 7: Right Eye part 2


![ECA_GoogleyEyes_M4.2%28final%29.png](https://prod-files-secure.s3.us-west-2.amazonaws.com/72599500-0fa1-49f5-b494-8638547cc822/352e6b48-2acf-46e2-8aa6-dd948337b83b/ECA_GoogleyEyes_M4.2%28final%29.png?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Content-Sha256=UNSIGNED-PAYLOAD&X-Amz-Credential=AKIAT73L2G45HZZMZUHI%2F20231205%2Fus-west-2%2Fs3%2Faws4_request&X-Amz-Date=20231205T181040Z&X-Amz-Expires=3600&X-Amz-Signature=c6347a134031b4b1f0aaa9f1fa0131ea6ef65f0f43f7e23cb33d49c0c7b631cc&X-Amz-SignedHeaders=host&x-id=GetObject)


## Milestone 8: Constrain the Right Eye


![ECA_GoogleyEyes_M4.3%28final%29.gif](https://prod-files-secure.s3.us-west-2.amazonaws.com/72599500-0fa1-49f5-b494-8638547cc822/f33ced95-726d-4b7c-a965-d58bb2084e2c/ECA_GoogleyEyes_M4.3%28final%29.gif?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Content-Sha256=UNSIGNED-PAYLOAD&X-Amz-Credential=AKIAT73L2G45HZZMZUHI%2F20231205%2Fus-west-2%2Fs3%2Faws4_request&X-Amz-Date=20231205T181041Z&X-Amz-Expires=3600&X-Amz-Signature=744be9cb57df83cf8a9bc175eab2c6a1869250b9bfe580e07c11576861b6344b&X-Amz-SignedHeaders=host&x-id=GetObject)


Hint: you can create two new variables to control the X and Y position of the <u>right</u> eye too!

