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的功能