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

# 第二周上課作業
## 畫一個背景顏色為"#ffafcc的視窗

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畫方框

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

---
## 畫一個移動的圓

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)//右邊小圓