計算機概論
首頁
作業一
說明
作業觀摩
成績
作業二
說明
成績
工具-1
Processing
編輯器
JS001 畫布, 函數, 註解
JS002 變數 動畫
JS003 顏色、迴圈
JS003-1 Hering illusion
JS003-2 Grid Illusion
JS004 判斷式、邏輯符號
JS004-1 Café wall illusion
JS005 滑鼠位置
程式賞析
thanks
love
課程網頁
教科書
程式碼
var y = 200; var t = 0; // 變數,重複使用方便管理。 // 名稱可以任意取,盡量取有意義的名稱。 // 初始設定函式 void setup(){ size(400, 400); // 設定畫布大小 frameRate(24); // 設定每秒24個frames smooth(); // 設定為平滑顯示 background(255, 255, 255); // 設定背影色 strokeWeight(10); } // 主要繪圖函式 var draw(){ // 每 1/30 sec 執行一次。 // { ... } 設定範圍,習慣內縮 用 tab background(255, 255, 255); // 把背景圖白 t=t+5; // t= t+1 x = 200+180*cos(t); y = 200+120*sin(t); //x += 5; // x = x+5; //x = x + 5; // 「=」指派,把右邊的值存到左邊的變數位置 //y -= 3; strokeWeight(10); point(x-10,y-10); point(x+10,y-10); noFill(); strokeWeight(2); ellipse(x, y, 100, 100); ellipse(x, y+20, 40, 20); }
畫布
輸出
None.