---
# System prepended metadata

title: 第二周上課作業
tags: [Creative Coding, 程式設計, 互動藝術程式創作入門, 老師版, 第一單元]

---

---
tags: 程式設計,第一單元,老師版,互動藝術程式創作入門,Creative Coding
---


# 第二周上課作業
## 畫一個背景顏色為"#ffafcc的視窗
![](https://i.imgur.com/u7X9ZSP.png)

```javascript=
function setup() {//只會執行一次，作環境設定
  //createCanvas(windowWidth, 500);//產生一產生一個畫布，畫布寬為400高為500
  createCanvas(windowWidth, 500)
}

function draw() {//一秒鐘進到此function執行60次
//background(50);//背景顏色的設定，誇號內只有一個數字(0-255)，代表示灰階，0黑色，255是白色
background(255,255,0)//誇號內只有號內只有3個數字(每一個數字範圍0-255),RGB
background("#ffafcc")
}
```

## h2畫方框
```javascript=

function draw() {//一秒鐘進到此function執行60次
//background(50);//背景顏色的設定，誇號內只有一個數字(0-255)，代表示灰階，0黑色，255是白色
background(255,255,0)//誇號內只有號內只有3個數字(每一個數字範圍0-255),RGB
background("#ffafcc")
rect(100,,500,200,300)//畫一個方框在(100,500)的座標上，畫一個(200,300)的方框
fill("#e76f51")針對以下物件充滿e76f51顏色
//noStroke()//沒有邊框
stroke("#ffafcc")//gk42u/41u0 dj; 2k7u06nk4
}(mouseX,mouseY,200,300)//隨著滑鼠移動，長寬為200
```
---
## 畫一個移動的圓
```javascript=
rect(mouseX,mouseY,200)//隨著滑鼠移動，長寬為200
ellipse((mouseX,mouseY,200,400)//畫一個圓，寬為200高400

---
```


## 畫三個圓 
![Uploading file..._6typifdqp]()


       
 ellipse(mouseX,mouseY,300)
fill("#e76f51")//設定元件
ellipse(mouseX-150,mouseY-180,150)//左邊小圓
ellipse(mouseX150,mouseY-180,150)//右邊小圓      
```