 |
| size 設定為800*600 繪出文字 "Start!!" 大小為100*100 |
 |
| 加入方塊 rect 填入色彩為紅色 textsize 字體大小設定為80 位置為100,100 |
 |
| 將座標都改為mouseX,mouseY 方塊與文字隨滑鼠移動改變位置 |
 |
| 將背景設為白色的用意--> 每次繪圖時都會將背景刷為白色，就不會有一堆殘影 |
 |
| 加入keyPressed 副程式 按下空白鍵後 畫出圓形並且圓形會射出 僅射出一個而已 |
 |
| 加入陣列 可以射出非常多子彈 |
 |
| 此為程式碼 |
 |
| 使用PImage 引入照片 loadImage 讀取照片 |
 |
| 將程式和在一起 背景圖設為CENTER中心點 |
 |
| 若想下讓子彈向下掉，修改程式 bulletX[I]+=3; 改為 bulletY[i]+=9.8; 即能讓子彈向下掉 |
 |
| void setup(){ size(500,500); //畫出大小為600x600範圍的方框 } void draw(){ ellipse(150,150,400,400); //畫出一個位置為 (150,150),半徑為400的圓形 } |
 |
| 加入triangle(250,250,250,10,80,250); //畫出三角形 (三角形三個點的位置) |
 |
| 參考圖片 不用一個一個點 用數學算 |
 |
| 設定半徑 用cos sin算出點 進而畫出三角形 |
 |
| 多個三角形 |
 |
| void setup(){ size(600,400); } void draw(){ background(255); //背景為白色 for(int cx=10;cx<800;cx+=40) //此為圓的X座標，每次加40 畫出多個圓 { for(int cy=10;cy<400;cy+=40) //此為圓的Y座標，每次加40 畫出多個圓 { ellipse(cx,cy,30,30); } } } |
 |
| 增加一個副程式 mytriangle 用來畫多個三角形 |
 |
| 設定副程式 mytriangle(){ triangle(cx+R*cos(a)+ cy+R*sin(a), cx+R*cos(a+PI/3),cy+R*sin(a+PI/3), cx+R*cos(a-PI/3),cy+R*sin(a-PI/3) ) 各個點使用三角函數去定義，如此就可以透過回圈畫出多個三角形，不用一一設定 } |
 |
| 設定float R=25; //用來設定三角形的邊長 float a=PI/2; //設定角度角度為90度 |
 |
| 成果圖 |
 |
| 如須改變三角形畫設方向， 將a加上一個負號即可 |
 |
| 在mytriangle中再加入一個for迴圈 可以在三角形中畫更多的小三角形 |
 |
| 將mouseX mouseY 輸入位置 使圓根據滑鼠位置移動 |
 |
| 將半徑設為變數r r=r-3 使之遞減 使圓變小 if(r<0) r=50; 如果圓半徑小於0，半徑復原為50 |
 |
| 輸入fill 含式 使之圓圈填入顏色 綠色 |
 |
| 輸入fill 含式 使之圓圈填入顏色 藍色 |
 |
| 參考資料 |
 |
| 參考資料 |
 |
| fill 填入色彩 ellipse畫圓(座標，座標，圓圈半徑，圓圈半徑) 持續畫圓，半徑持續-5若小於0半徑回復成50 持續變顏色，若H<0 H變回100((((顏色持續變 |
 |
輸入colorMode()顏色含式即可更改顏色
將ellipse的位置含式改為mouseX mouseY 圓圈即可跟著滑鼠軌跡一直畫
|
 |
| 將圖檔拉入程式使程式能呼叫圖片 |
 |
| 讀取apple 圖 圖為100X100 |
 |
| 引用圖片 劃出600X600大小的空間 讀取圖片 劃出位置為0,0 600*600大小的圖片 |
 |
| bacdground 設為白色 |
 |
| 加入mouseX mouseY 使圖片隨著滑鼠位置座標持續畫 |
 |
| 將背景色變為 粉色? |
 |
| 讀取兩張圖片 繪出兩張圖片 第一張為 座標為0,0 它的大小寬度 第二章為 座標 隨著滑鼠移動，600x600大小 |
 |
| 將畫圓公式加入random 使程式畫出圓，座標為隨機 |
 |
| 半徑持續-0.5 若半徑小於0 半徑回歸50 H(顏色變數)持續減一 位置回歸300x300 |
 |
| 結果圖----放了很久之後 |
 |
| 開啟葉正聖老師的資料夾>> processing-3.3.5 |
 |
| 開啟processing |
 |
| 輸入"size(800,600);" 設定視窗大小 |
 |
| 輸入"line (0,0,100,100);" 畫出直線(0,0)到(100,100) |
 |
| 輸入"rect(100,100,300,300);" 畫出方形 |
 |
| 右鍵可以查詢程式碼參考資料 |
 |
| 參考資料如上 |
 |
| 結果 |
 |
| 設定大小(800,600) |
 |
| 輸入繪畫含式 |
 |
| 如果按下滑鼠 背景色為(255,0,0) 正紅色 |
 |
| 如果沒有 為正綠色(0,255,0) |
 |
| 輸入含式 設定大小 |
 |
| 輸入繪畫含式 如果壓下滑鼠背景色變為綠色 |
 |
| 輸入繪畫含式 如果沒有 背景色變為紅色 |
 |
| 輸出結果-1 |
 |
| 輸出結果-2 |
 |
| 設定大小 |
 |
| 輸入繪畫含式 mouseX mouseY為新的滑鼠座標 pmouseX pmouseY 為原始滑鼠座標 |
 |
| 輸出結果 畫線不能終止 |
 |
| 更改程式碼 加入mousePressed 壓下滑鼠才能繪畫 |
 |
| 輸出結果如下 |
 |
| 右鍵尋找參考資料 |
 |
| 參考資料 |
 |
| 參考資料 |
 |
| 參考資料 |
