资源描述：
《Processing 中文开发教程.pdf》由会员上传分享，免费在线阅读，更多相关内容在应用文档-天天文库。
1、Processing基本教學1小時快速入門Processing官方網站http://processing.org下載及安裝Processing[下載]http://processing.org/download/PS.Windows使用者請下載windows版本，若您知道什麼是JDK並且確定您的電腦已安裝JDK，您可以下載windows[withoutJava]版本[安裝]解壓縮及完成安裝！(綠色軟體)Sketch我們把每個Processingproject視為一個素描(sketch)，而我們所使用的Processing程式語法則為我們的畫筆。因此，我們是用程式在作畫！！每個ske
2、tch(也就是每個Processingproject)在電腦中是以一個[資料夾]存在，資料夾中存放sketch相關的程式碼(.pde檔)及影音資料(另存放在[data]資料夾中)看範例(看sketch的資料夾結構)開啟File>Examples>Basics>Image>Sprite查看該sketch的資料夾Sketch>ShowSketchFolder資料夾內有.pde檔及[data]資料夾(內有sketch所需的圖片)Processing是一個連續的畫作用程式作畫最特別的地方是：必須不斷地作畫!!請以電視/電影/卡通來想像連續播放的影格→連續播放的畫作靜止的畫面：連續播放一模一
3、樣的畫面(影格)動態的畫面：連續播放不同的畫面(影格)開始作畫作畫前的準備動作在程式一開始時執行,只會執行一次Voidsetup(){//…準備動作}開始”不斷地”作畫Voiddraw(){//…開始作畫}緊接在setup()之後執行,會不斷地一直執行至程式執行結束何時停止作畫？暫停作畫在程式中加入delay()敘述使用noLoop(),告訴Processing不要不斷地作畫,只要作畫一次即可完全停止!! 使用者關閉執行/顯示視窗 在程式敘述中,告訴程式本身自行關閉voidsetup(){//…準備動作Processing語法結構}voiddraw(){一般型//…開始不斷地作畫}
4、voidfunctionName(){//…自訂函數}voidmousePressed(){//…滑鼠事件控制}voidkeyPressed(){//…鍵盤事件控制}classcustomeClass{//…自訂類別}voidsetup(){請copy至PDE執行環境,size(200,200);並按下Run按鈕來執行看看!!noStroke();background(255);fill(0,102,153,204);smooth();noLoop();}voiddraw(){circles(40,80);circles(90,70);}voidcircles(intx,inty)
5、{ellipse(x,y,50,50);ellipse(x+20,y+20,60,60);}請copy至PDE執行環境,並按下Run按鈕來執行看看!!voidsetup(){size(200,200);rectMode(CENTER);noStroke();fill(0,102,153,204);}voiddraw(){background(255);rect(width-mouseX,height-mouseY,50,50);rect(mouseX,mouseY,50,50);}Processing語法敘述函數必須有左右小括號(…)voidsetup(){每行程式敘述必須以分號做
6、結束!!size(200,200);rectMode(CENTER);noStroke();fill(0,102,153,204);}以左右大括號{…}做為一個程式區塊voiddraw(){background(255);rect(width-mouseX,height-mouseY,50,50);rect(mouseX,mouseY,50,50);}變數宣告請copy至PDE執行環境,然後試著去修改r,g,b,alpha的變數值,並按下Run按鈕來執行看看!!看看是否畫面會隨著變數值改變而改變voidsetup(){size(200,200);size(200,200);rect
7、Mode(CENTER);rectMode(CENTER);noStroke();noStroke();intr=0;intr=0;使用整數型態(int)的變數intg=102;intg=102;intb=153;intb=153;intalpha=204;intalpha=204;fill(r,g,b,alpha);fill(r,g,b,alpha);}voiddraw(){background(255);background(255);rect(width-mou
