計算機概論
首頁
作業一
說明
作業觀摩
成績
作業二
說明
成績
工具-1
Processing
編輯器
JS001 畫布, 函數, 註解
JS002 變數 動畫
JS003 顏色、迴圈
JS003-1 Hering illusion
JS003-2 Grid Illusion
JS004 判斷式、邏輯符號
JS004-1 Café wall illusion
JS005 滑鼠位置
程式賞析
thanks
love
課程網頁
教科書
程式碼
var i=0, j=0; var step=5; var len=40; var wlen=40; // 初始設定函式 void setup() { size(400, 400); // 設定畫布大小 frameRate(24); // 設定每秒24個frames smooth(); // 設定為平滑顯示 background(255, 255, 255); // 設定背影色 noLoop(); // 設定只畫一次 } // 主要繪圖函式 void draw(){ for (i = 0; i<400/len ;i++ ){ if (i%6 === 0){ step =0; } else if (i%6 === 3 ){ step = 3*len/4; } else if (i%6 === 2 || i%6 === 4){ step = 2*len/4; } else { step =len/4; } strokeWeight(3); stroke(153, 124, 124); line(0,len*i,400,len*i); for (j = 0; j<190/len; j++){ fill(0, 0, 0); rect(10+step+2*wlen*j,len*i,wlen,len); } } }
畫布
輸出
None.
畫布
輸出
None.