s4/2020:interactivity project 互 動 計 劃

─=≡Σ((( つ◕ل͜◕)つ ____レ(゚∀゚;)ヘ==/=//

🐭 M O U S E 🐭

教材源自: p5js

COLLECTION: LINK

學習目標:

-認識P5js上的座標+滑鼠概念

-認識如何mapping

第一個例子: n01_mouse data 01

留意如何應用mouseX, mouseY去作座標/ 可以留意用TEXT的FUNCTION

第二個例子: n02_mouse data with 3 circles

留意三個圓形的座標,用不同的數值去定位置

第三個例子: n_03 inverted mouse

利用代數+反轉的值來控制兩個圓形的變化.

第四個例子: n04_p mouse

P mouse 的 功 能,

第五個例子: n05_button area

按鈕,利用空間AREA來劃分作按鈕

第六個例子: n06_if && area

使用IF && 兩個方法並用來畫分出空間

第七個例子: n_07 mouse button

MOUSE BUTTON 滑鼠按鈕

第八個例子: n_08 mouse is pressed

利用 MOUSE IS PRESSED 來做出按住的動作

n_09 mouse wheel

如何使用MOUSE WHEEL的功能