計算機概論
首頁
作業一
說明
作業觀摩
成績
作業二
說明
成績
工具-1
Processing
編輯器
JS001 畫布, 函數, 註解
JS002 變數 動畫
JS003 顏色、迴圈
JS003-1 Hering illusion
JS003-2 Grid Illusion
JS004 判斷式、邏輯符號
JS004-1 Café wall illusion
JS005 滑鼠位置
程式賞析
thanks
love
課程網頁
教科書
程式碼
var x = 255, y = 0, z =0; var step = 255/5-1; // 初始設定函式 void setup(){ size(400, 400); // 設定畫布大小 frameRate(24); // 設定每秒24個frames smooth(); // 設定為平滑顯示 background(0, 0, z) //background(0, 0, z); //設定背景顏色 // background(r, g, b); 光的三原色 // 色彩的三原色「紅、黃、藍」 // 每個顏色有 2^8 = 256 程度。 // 因為最小是 0 ,最大是 256-1=255。 // 為何要用 2^8 (主要是因為 1byte = 8bits) } // 主要繪圖函式 void draw(){ z = (z+1)%256; for(x = 0; x < 255; x+=step){ //for(起始條件;終止條件;到下一次的改變) for(y = 0; y < 255; y+=step){ fill(x,y,z); ellipse(75+x,75+y,step,step); } } }
畫布
輸出
None.