STEP01
1.開啟processing
2.開個500*5000的視窗
3.畫個小圓
4.多加幾行程式碼讓剛才的小圓移動STEP 02
1.把背景變為黑色
2.用random(-1, +1)讓點以亂數方式移動
3.點會跑出去背景,利用if(x<0 || x>500) dx = -dx;使其碰到邊緣就反彈,這樣才不會跑出去
4.y比照辦理
STEP 031.一個點顯然數量不夠,而且只有一個點看起來很遜啊,利用開陣列和For迴圈讓點變多一點
STEP 04
1.要讓點跟點之間產生連線,因為有很多點,所以再用一個for迴圈,然後我們替線加上顏色
2.stroke(0, 0, 255);上色
3.if(dist(x[i],y[i], x[k],y[k])<100) 畫線
line(x[i],y[i], x[k],y[k]);
STEP 05
1.做些微調整,把點的數量設為N,並且把線的顏色調整成近的會比較亮,遠的會比較暗,有立體的感覺
STEP 06
1.微調加上吸引力,使其看起來好看自然一點
2.增加:dx[i] += (x[k]-x[i])*0.00001;
dy[i] += (y[k]-y[i])*0.00001;
STEP 07
1.開啟一個新的processing
2.偏好設定處理完畢後,從工具選單打開色彩選擇器
3.開啟500*500的視窗,使用色彩選擇器的複製功能,將背景上色
4.改利用HSB的顏色系統,程式碼:colorMode(HSB, 360, 100, 100);
5.用frameCount%360造成類似呼吸燈的效果
STEP 08
1.開啟400*400的視窗
2.繼續使用HSB顏色系統
3.調整第5行從j改成400
STEP 09
1.做一個小遊戲
2.先弄出一堆圓圈
3.設定隨機顏色填滿圓圈
4.加上滑鼠控制變色,並設定亂數範圍,避免顏色太髒太暗,程式碼:void mousePressed(){
chooseColor();
}///滑鼠按下去變色
s = random(50,100);//設定亂數範圍
b = random(50,100);//設定亂數範圍
5.要讓其中一顆圓圈顏色稍微不同
6.宣告I跟J,用int(random)的方式使其變換位置,讓異色圓圈的位置會變換
7.利用dh,ds,db造成色差
STEP 10
祝老師教師節快樂
沒有留言:
張貼留言