2023年9月28日 星期四

中秋でござる!

 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 03

1.一個點顯然數量不夠,而且只有一個點看起來很遜啊,利用開陣列和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

祝老師教師節快樂

沒有留言:

張貼留言