計算機概論
首頁
作業一
說明
作業觀摩
成績
作業二
說明
成績
工具-1
Processing
編輯器
JS001 畫布, 函數, 註解
JS002 變數 動畫
JS003 顏色、迴圈
JS003-1 Hering illusion
JS003-2 Grid Illusion
JS004 判斷式、邏輯符號
JS004-1 Café wall illusion
JS005 滑鼠位置
程式賞析
thanks
love
課程網頁
教科書
程式碼
var x = 100, y = 100; var vx = 2, vy = 3; // 初始設定函式 void setup() { size(400, 400); // 設定畫布大小 frameRate(24); // 設定每秒24個frames smooth(); // 設定為平滑顯示 background(255, 255, 255); // 設定背影色 } // 主要繪圖函式 void draw(){ background(255, 255, 255); strokeWeight(3); rect(mouseX,375,100,20); // mouse X 可以取得滑鼠游標的 x 位置 ellipse(x, y, 20, 20); if ( x > 390 || x < 10){ vx = -1*vx; } if ( y < 10){ vy *= -1; } if (y >365 && y < 400){ if (x-mouseX<100 && x - mouseX >0){ vy = vy * -1; } } x += vx; y += vy; }
畫布
輸出
None.