Worksheet


Q1(With a for loop)Create 20 columns that turn red only when you hover over the column.

IMG_1808.jpg

Q2(a) Skip over col #7.

Why doesn’t it skip the 7th row as I expected when columnN == 7 and on == false? Instead, nothing is displayed.

Q2(d) Make every column a different color.

The random color keeps changing and flickering with each frame because of the draw() loop.

https://editor.p5js.org/yj3612/full/k_pNeLf8l

So I added a state comparison: if columnN != lastState, the RGB values are randomly changed. This way, the color only changes when the state changes, instead of changing every frame.

https://editor.p5js.org/yj3612/full/TfoLzXYhu

Bird Pattern


1.Sketch 2.Leave ( mirror effect)

IMG_1822.jpg

https://editor.p5js.org/yj3612/full/7B_3e_WKi

Fun effect if birdx< =5

我的影片 23.mp4