計算機概論
首頁
作業一
說明
作業觀摩
成績
作業二
說明
成績
工具-1
Processing
編輯器
JS001 畫布, 函數, 註解
JS002 變數 動畫
JS003 顏色、迴圈
JS003-1 Hering illusion
JS003-2 Grid Illusion
JS004 判斷式、邏輯符號
JS004-1 Café wall illusion
JS005 滑鼠位置
程式賞析
thanks
love
課程網頁
教科書
程式碼
// 初始設定函式 void setup(){ size(400, 400); // 設定畫布大小 frameRate(24); // 設定每秒24個frames smooth(); // 設定為平滑顯示 background(255, 255, 255); // 設定背影色 strokeWeight(10); } // 主要繪圖函式 void draw(){ // 這是註解,給人觀看,不會影響結果。 // 眼睛 strokeWeight(10); point(200+10,200-10); point(200-10,200-10); // 大小寫,習慣上複合字後面要大小。 // 順序性,程式是由上而下執行。 // point(x,y) 代表點在 (x,y) // x 是代表水平方向,往右為正,畫布內從 0 ~ 400 // y 是代表垂直方向,往下為正,畫布內從 0 ~ 400 // 每行結尾都要分號。 // 裡面有多個參數用 , 隔開。 // 臉、口 noFill();// 不填滿, strokeWeight(2); ellipse(200,200,100,100); ellipse(200,200+20,61,20); // ellipse(x,y,a,b) // a 代表橫軸寬度,b 代表縱軸寬度 }
畫布
輸出
None.