---
# System prepended metadata

title: 第三周作品

---

___
tags:程式設計上課作品(a班)第三周
___
# 第三周作品
## 作業1
![](https://i.imgur.com/WsKimoc.png)

```javascript=
function setup() {//環境設計
  createCanvas(windowWidth, windowHeight);//畫布的寬高為整個視窗
  background(100)//設定背景,如果是一個數字(0-255),為灰階,0黑,255白
  background(255,0,0)//RGB
background("#faedcd")
}

function draw() {
  // background(220);
  noFill()//以下畫的元件不要充滿顏色
  stroke(241,35,167)
ellipse(width/2,height/2,100,(40*frameCount)%100)//高度不斷變化,畫一個座標在200,100
ellipse(width/2,height/2,(40*frameCount)%100,100)
ellipse(200,300,100,(40*frameCount%100))
ellipse(200,300,(40*frameCount)%50,100)
}
```
### 作業2
![](https://i.imgur.com/Ngk1e3A.gif)
```javascript=
function setup() {//環境設計
  createCanvas(windowWidth, windowHeight);//畫布的寬高為整個視窗
  background(100)//設定背景,如果是一個數字(0-255),為灰階,0黑,255白
  background(255,0,0)//RGB
background("#faedcd")
}

function draw() {
  // background(220);
  noFill()//以下畫的元件不要充滿顏色
  stroke(241,35,167)
ellipse(width/2,height/2,100,(40*frameCount)%100)//高度不斷變化,畫一個座標在200,100
ellipse(width/2,height/2,(40*frameCount)%100,100)
ellipse(200,300,100,(40*frameCount%100))
ellipse(200,300,(40*frameCount)%100,100)

ellipse(mouseX,mouseY,100,(40*frameCount)%100)
ellipse(mouseX,mouseY,(40*frameCount)%100,100)
}
```






