Microsoft Word - Greenfoot-高慧君老師

Size: px

Start display at page:

Download "Microsoft Word - Greenfoot-高慧君老師"

砂乾邹
5 years ago
Views:

1 壹課程說明單元名稱互動遊戲設計 : 使用 Greenfoot Greenfoot 提供給想學習 Java 語言的學生一個很好的入門環境, 它是針對那些想撰寫遊戲的人所設計的一個功能完整的開發環境, 特別適合 14 歲以上的人單元摘要學習本單元以 Greenfoot 軟體來實作 Java 程式語言的概念, 其內容涵蓋 : 物件導向程式語言基本概念及互動遊戲創作設計者高慧君教師 ( 台北市立南港高中 ) 1. 能理解程式的基本結構學習目標 2. 能理解物件導向的概念 3. 能進行互動性遊戲設計 1. 變數與陣列 2. 運算式課綱範圍 3. 選擇敘述 4. 重複敘述教學節數 20 節 1. 電腦解題概念先備知識 2. 程式邏輯概念 ( 建議使用 Scratch 教學 ) 3. 代數 1. 上機實作評量方法 2. 筆試 1. Greenfoot 官網 2. Greenfoot 教學影片參考資源 3. Michael Kölling (2009). Introduction to Programming with Greenfoot. Object-Oriented Programming in Java with Games and Simulations. PEARSON Education.

物件 (object) 與類別 (class) Java 是物件導向程式語言, 而類別與物件是物件導向程式語言的基礎, 類別用來描述物件 Java 應用程式是由類別庫所組成, 每個 Java

2 貳教學活動計畫教學活動時間說明 Greenfoot 簡介 1. 操作環境介紹 2. 物件與類別 3. 物件基本概念 4. 呼叫物件的方法 5. 程式的執行 100 分 1. Greenfoot 操作環境介紹場景類別關係圖執行控制列 2. 物件 (object) 與類別 (class) Java 是物件導向程式語言, 而類別與物件是物件導向程式語言的基礎, 類別用來描述物件 Java 應用程式是由類別庫所組成, 每個 Java 應用程式都至少含一個以上的類別從類別關係圖可以看出 : (1) 目前這個應用程式包含那些類別 (2) 這些類別之間的關係開啟範例程式 Wombat 以上圖的 Wombat ( 袋熊 ) 類別為例, 它用來描述袋熊這類物件的行為和特性類別定義完成後, 就可以根據類別來產生物件, 根據類別所產生的物件, 稱為實體 (instance) 根據 Wombat 類別來產生袋熊物件 : (1) 指向 Wombat 並按下滑鼠右鍵

類別中所定義的行為稱為方法 (method) 呼叫 wombat 物件的 move( ) 方法, 多試幾次看看這個方法的功能是什麼? 呼叫 wombat 物件的 turnleft() 方法 4.

3 (2) 從快顯功能表中選取 new Wombat(), 此時螢幕上會出現一隻袋熊 (3) 可將袋熊拖曳至場景中的任何位置 3. 物件基本概念類別 (class) 定義物件的特性與行為, 根據類別所建立的物件就會具備這些特性與行為以 wombat 物件為例, 牠具備了 move turnleft 等行為 ( 在物件實體上按右鍵可檢視物件所具備的特性與行為 ) 類別中所定義的行為稱為方法 (method) 呼叫 wombat 物件的 move( ) 方法, 多試幾次看看這個方法的功能是什麼? 呼叫 wombat 物件的 turnleft() 方法 4. 物件的方法 (method) 方法前面的關鍵字, 如 void boolean int 等, 代表方法的傳回值型態, 即這個方法被呼叫時, 會傳回什麼型態的資訊 void 代表這個方法沒有傳回值 int 代表這個方法將傳回一個整數 boolean 代表這個方法將傳回一個布林值 (1) 試著呼叫 canmove( ) 方法, 系統將以訊息方塊傳回相關資訊 (2) 試著呼叫 canmove 方法數次, 觀察什麼情況會傳回 false?

(3) 請建立一些葉子, 試著讓袋熊吃掉一些葉子, 然後再呼叫 getleaveseaten() 方法, 觀察此方法的傳回值方法名稱後面小括弧內的資訊, 稱為參數列 void act( ): 代表呼叫時, 不需傳遞額外資訊 void setdirection(int direction): 代表呼叫時, 需傳一個整數資料給 setdirection 這個方法, 而且 setdirection

4 (3) 請建立一些葉子, 試著讓袋熊吃掉一些葉子, 然後再呼叫 getleaveseaten() 方法, 觀察此方法的傳回值方法名稱後面小括弧內的資訊, 稱為參數列 void act( ): 代表呼叫時, 不需傳遞額外資訊 void setdirection(int direction): 代表呼叫時, 需傳一個整數資料給 setdirection 這個方法, 而且 setdirection 方法內部以 direction 這個名稱來代表所接收的參數值 5. 程式的執行由執行控制列也可以呼叫物件中的方法遊戲實作 (1) 1. 繼承關係 2. 編輯程式碼 3. 查看類別中所定義的方法 4. 單向選擇結構 (1) 按單步執行按鈕, 會呼叫每一個物件的 act 方法一次 (2) 按執行按鈕, 會重複呼叫每一個物件的 act 方法如果把整個 Greenfoot 的場景視為一個微世界 (microworld), 那麼微世界中的每一個物件就像是演員, 我們程式要操弄的也就是這些演員間的互動方式放到微世界中的物件 ( 演員 ) 都有 Act 方法不同類別物件的 Act 方法都各自定義自己的程式功能, 所以執行不同類別物件的 Act 方法將產生不同的結果以袋熊的 Act 方法為例, 其程式功能如下 : (1) 若袋熊剛好坐在樹葉上, 那就吃了樹葉 (2) 若袋熊沒遇到邊界, 那就往前走 ; (3) 若遇到邊界就左轉建立幾隻袋熊和樹葉, 然後按單步執行按鈕, 觀察這些袋熊的行為按下執行按鈕, 觀察產生了什麼結果? 6. 開啟範例檔案 asteroids1 並探索之 100 分 1. 開啟範例檔案 crab

讓螃蟹往前移動查看 Crab 類別的原始程式碼 (1) Crab extends Animal: 代表 Crab 繼承 Animal (2) 目前整個類別僅含一個空的方法, 即 act 方法 public void act( ): 代表方法的簽名 (signature) (3)

5 上圖為專案中所包含的類別 : (1) Actor 是多數專案均會具備的類別 (2) Animal 與 Actor 間的連結符號代表繼承, 所以 Animal 類別繼承 Actor 類別同樣地,Crab 繼承 Animal, 繼承階層 (level) 可跨越多個, 故可說 Crab 繼承 Actor 2. 讓螃蟹往前移動查看 Crab 類別的原始程式碼 (1) Crab extends Animal: 代表 Crab 繼承 Animal (2) 目前整個類別僅含一個空的方法, 即 act 方法 public void act( ): 代表方法的簽名 (signature) (3) 表示此方法的主體敘述請在當中加入 move( ); (4) 按下編譯全部重新編譯 (5) 在世界中建立一個 Crab 物件, 分別按下單步執行及執行按鈕並觀察 Crab 的行為 (6) 在世界中建立多個 Crab 物件, 分別按單步執行及執行按鈕, 觀察這些 Crab 物件的行為 3. 讓螃蟹轉彎 (1) Animal 類別中所定義的另一個與螃蟹動作有關的方法 : void turn (int angle) angle 的值可介於 0~359 之間, 代表螃蟹右轉的角度 (2) 移除 move( ); 改成呼叫 turn( );, 試著傳遞各種不同的值給 turn 方法

6 (3) 方法的傳入值稱為參數 (parameter) 4. 讓螃移動加上轉彎在 Act 方法中先呼叫 move( ), 再呼叫 turn( ) 電腦會先執行 move 方法, 再執行 turn 方法, 即指令依由上而下的順序執行, 但因 move 及 turn 動作很快, 視覺效果上會以為同時發生 5. 讓螃蟹遇到邊界能自動轉彎查看 Animal 類別中有哪些方法可用? 以 Document 的模式檢視 (1) 建立一隻螃蟹, 從選單選取 atworldedge 方法, 傳回值是什麼? (2) 建立一隻螃蟹並將螃蟹移到邊界, 再從選單選取 atworldedge 方法, 傳回值是什麼? (3) 修正程式, 讓螃蟹遇邊界時轉彎

7 程式語法 : 單向選擇結構 if (condition) statements; 遊戲實作 (2) 1. 取亂數 2. 條件判斷 3. 新建類別 4. 新建方法 5. 使用鍵盤控制 6. 播放音效 100 分 1. 開啟範例檔案 crab 2. 讓螃蟹在前進過程也能隨機轉彎 (1) 要讓螃蟹能夠隨機轉彎, 需使用到取隨機數字的功能, 這個功能定義在 Greenfoot 這個類別的 getrandomnumber 方法中 (2) 從功能表幫助 /Greenfoot 類別說明文件可檢閱 Greenfoot 這個類別的內容 Greenfoot.getRandomNumber(n); 這個方法呼叫將傳回 0 n-1 間的整數 (3) 如果要讓螃蟹在行進過程中, 有 10% 機率需要右轉 5 度, 則條件判斷式的型式如下 : if (something-is-true) turn (5); 其中 (something-is-true), 條件式成立的機率是 10% 如果要讓螃蟹在行進過程中, 有 10% 的機率需要右轉 5 度, 程式實作方式為取 0~99 間的亂數, 且當所取得的亂數值介於 0~9 時, 則讓螃蟹右轉 5 度 : if (Greenfoot.getRandomNumber(100) < 10)

增加螃蟹可以吃的蟲 (1) 在 Animal 類別中, 按下滑鼠右鍵, 從選單中選取新建子類別 (2) 輸入類別名稱 Worm ( 注意 :

8 turn(5); (4) 改善螃蟹固定右轉 5 度的問題 turn(greenfoot.getrandomnumber(45)); 先呼叫亂數取得 0~44 之間的值, 再將所取得的值傳給 turn 方法 3. 增加螃蟹可以吃的蟲 (1) 在 Animal 類別中, 按下滑鼠右鍵, 從選單中選取新建子類別 (2) 輸入類別名稱 Worm ( 注意 : 類別名稱的命名慣例以大寫字母開始 ), 選取圖片 worm.png 後, 按下 ok 4. 如何讓螃蟹可以看見並且吃掉的蟲 (1) 以 Document 模式檢視 Animal 類別內容時, 將看到以下兩個方法 : 用於判斷是否遇見特定型態的物件 boolean cansee (java.lang.class clss)

9 用於吃掉指定型態的物件 void eat (java.lang.class clss) (2) 將以下程式碼加到 Crab 類別 act 方法中 : if ( cansee(worm.class)) eat (Worm. class) ; (3) 試著放幾隻蟲蟲及螃蟹到 World 中, 並觀螃蟹遇蟲蟲時, 是否會吃掉蟲蟲? 5. 將螃蟹吃蟲的功能包裝成一個新的方法把所有功能都定義在同一個方法中, 並不是一個好的程式設計方式, 我們會將個別功能定義在不同方法中, 再從 act 方法呼叫對應的方法例如 : 我們可以將前面遇蟲蟲時, 將它吃掉的功能定義在另一個名為 lookforworm 的方法中, 再從 act 呼叫該方法, 完成後程式片段如下 : 6. 將螃蟹轉彎的功能包裝成 randomturn 方法 7. 增加會吃螃蟹的龍蝦為了讓遊戲更有趣, 所以增加會吃螃蟹的龍蝦到專案中, 我們希望龍蝦追逐螃蟹, 而螃蟹追逐蟲蟲, 試著將螃蟹的行為複製給龍蝦當螃蟹被龍蝦抓到時, 結束遊戲 Greenfoot.stop(); 8. 用鍵盤的方向鍵控制螃蟹的移動, 藉以躱開龍蝦並捕食蟲蟲在 Greenfoot 類別中有一個方法, 用於偵測鍵盤按下的事件, 如下 :

10 static boolean iskeydown(string key) (1) 這個方法是一個靜態方法 (2) 傳回值是 boolean, 所以可結合 if-statement 中的條件式 (3) 接受一個字串型態的參數判斷使用者是否按下左鍵 Greenfoot.isKeyDown( left ); 判斷使用者是否按下右鍵 Greenfoot.isKeyDown( right ); 在螃蟹的 act 中增加以下的程式碼 : if (Greenfoot.isKeyDown("left")) turn(5); if (Greenfoot.isKeyDown("right")) turn(-5); 遊戲實作 (3) 1. 建立起始物件 2. 實體變數 3. 建構子 9. 加入音效, 增加遊戲的趣味性當龍蝦吃掉螃蟹, 或螃蟹吃掉蟲蟲時, 播放適當的音效 (1) 從 Greenfoot 類別中, 找到與聲音播放有關的方法 static void playsound(java.lang.string soundfile) (2) 在專案 sounds 資料夾中, 找到兩個有關的聲音檔 au.wav 及 slurp.wav (3) 找到龍蝦吃掉螃蟹那一段程式, 增加音效 Greenfoot.playSound( slurp.wav ); (4) 找到螃蟹吃掉蟲蟲那一段程式, 增加音效 Greenfoot.playSound( au.wav ); 100 分 1. 啟動專案時, 自動建立起始物件當啓動專案時, 系統將自動建立整個微世界場景 ( 即 CrabWorld 物件 ), 但使用者必需自行建立當中的角色我們希望修正 CrabWorld class 的內容, 讓專案一開始啟動時, 也能在微世界場景中自動建立一些角色開啟 CrabWorld 類別

試著在 CrabWorld 建構子中加入以下指令 : addobject(new Crab(), 150, 100); 其中 addobject 是定義在 World

隻蟲蟲在隨機的位置上試著增加 3 隻龍蝦在隨機的位置上 2. 讓螃蟹走路時, 腳也跟著移動 crab.png: 腳往外 crab2.

都會從類別取得預設的 image; 所以根據同一類別所建立的物件, 一開始都擁有相同的 image, 但這並不表示同一類別的所有物件都要使用相同的 image, 每一個

11 試著在 CrabWorld 建構子中加入以下指令 : addobject(new Crab(), 150, 100); 其中 addobject 是定義在 World class 中的一個方法, 其簽名 (signature) 為 : void addobject(actor object, int x, int y) 試著增加 5 隻蟲蟲在隨機的位置上試著增加 3 隻龍蝦在隨機的位置上 2. 讓螃蟹走路時, 腳也跟著移動 crab.png: 腳往外 crab2.png: 腳往內 Greenfoot 中, 定義了一個與圖形有關的類別 : GreenfootImage (1) 建立 GreenfootImage 物件 new GreenfootImage(" crab2. png") 註 :crab2.png 這張圖片必需存放在專案資料夾下的 images 子資料夾 (2) Greenfoot 中每一個 Actor 都有自己的 image 每個 Actor 被建立時, 都會從類別取得預設的 image; 所以根據同一類別所建立的物件, 一開始都擁有相同的 image, 但這並不表示同一類別的所有物件都要使用相同的 image, 每一個 actor 都可以在任何時間更換代表自身的 image (3) 從 Actor 類別中, 找到與設定圖片有關的方法 : void setimage(greenfootimage image) void setimage(java.lang.string filename) (4) 建立實體變數來儲存螃蟹的兩張圖片

12 遊戲實作 (4) 1. 抽象化 2. 重複敘述位置 : 類別內部一開始的位置, 方法成員之前宣告的語法 : private variable-type variable-name; 使用範例 : 我們希望每一隻螃蟹都能儲存行進過程所要切換的兩張圖片, 所以在 Crab 內部宣告兩個資料成員如下 : private GreenfootImage image1; private GreenfootImage image2; (5) 建立 Crab 建構子建立兩個 GreenfootImage 物件, 並指定給 image1 及 image2 兩個變數設定螃蟹的起始圖片為 image1 public Crab() image1 = new GreenfootImage("crab.png"); image2 = new GreenfootImage("crab2.png"); setimage(image1); (6) 建立螃蟹走路的動畫經由在兩張圖片間規律地切換, 可以營造螃蟹走路時腳也跟著動的視覺效果 if (getimage() == image1) setimage(image2); else setimage(image1); 3. 計算螃蟹吃掉的蟲蟲數目 (1) 在 Crab 類別中宣告以下資料成員 : private int wormseaten; (2) 在 Crab 建構子中設定起始值為 0 (3) 當螃蟹吃掉蟲蟲時, 累加 wormseaten (4) 如果吃掉 3 隻蟲蟲, 則遊戲結束 100 分 1. 開啟範例檔案 Piano 2. 觀察 Piano 類別的程式碼內容

13 3. 陣列 3. 觀察 Key 類別的程式碼內容 4. 按下 G 鍵時, 切換琴鍵的圖片並播放聲音 public void act() if (Greenfoot.isKeyDown("g")) setimage("white-key-down.png"); Greenfoot.playSound("3g.wav"); else setimage("white-key.png"); 5. 請指上述程式碼的缺點, 並修改之當按下 G 鍵不放時, 會一直播放聲音改進方法 : 使用 isdown 變數來標記 private boolean isdown; public void act()

14 if (!isdown && Greenfoot.isKeyDown("g")) setimage("white-key-down.png"); Greenfoot.playSound("3g.wav"); isdown = true; if ( isdown &&!Greenfoot.isKeyDown("g")) setimage("white-key.png"); isdown = false; 為了解決當放開 g 鍵時,setImage 和 playsound 只執行一次, 而非反覆執行, 在 Key class 中定義一個資料成員 isdown, 用於記錄琴鍵目前是否處於被按下的狀態 : 被按下時是 true 放開時是 false 我們必需判斷以下兩個情況 (1) 琴鍵處於正常狀態而使用者按下 g 鍵 : 使用者剛按下 g 鍵 (2) 琴鍵處於按下狀態而使用者未按 g 鍵 : 使用者剛釋放 g 鍵 6. 產生多個琴鍵, 並指定到不同的音效 (1) 目前這個專案的問題 : 按下鍵盤上的 g 後, 所有的琴鍵都做出相同的回應問題的原因 : 程式中將對應的鍵盤按鍵及所要播放的聲音檔寫死 (2) 抽象化 (Abstraction) 的程式設計概念 : 程式不只是用於解決特定問題, 而是要能夠解決一般性的問題例如 : 我們不能設計一個僅能找 1764 的平方根程式, 而應設計可找任意數平方根的程式同樣地, 我們不能設計一個只能 play a sound 的程式, 而應設計一個可以 play 各個音階的程式 (3) 在抽象化這種設計概念之下, 不同的 Key 物件需對應不同的鍵盤按鍵 ; 同時, 不同的 Key 物件被按下時, 要能播放對應音階程式作法 : 在 Key 類別中定義兩個資料成員, 分別用於記錄 Key 物件所要回應的鍵盤按鍵, 以及被按下時所要播放的聲音檔型態 :String

15 名稱 :key 及 sound 在 Key 類別中定義兩個資料成員 private String key; private String sound; 修改建構子, 使得建立物件時, 可以設定兩個資料成員的初值 public Key(String keyname, String soundfile) key = keyname; sound = soundfile 建構子接受兩個參數, 即建立物件時, 需傳遞兩個參數給建構子, 建構子中利用這兩個參數來設定物件的初始狀態 (4) 在場景中自動新增 3 個琴鍵 addojbect(new Key( g, 2a.wav, 300,180); addojbect(new Key( h, 2b.wav, 450,180); addojbect(new Key( j, 2c.wav, 600,180); (5) 修改 Key 類別的 act 方法 public void act() if (!isdown && Greenfoot.isKeyDown(key)) setimage("white-key-down.png"); Greenfoot.playSound(sound); isdown = true; if ( isdown &&!Greenfoot.isKeyDown(key)) setimage("white-key.png"); isdown = false; 7. 自動建立多個白色琴鍵 (1) 為讓所有白鍵在同一個高度, 所有琴鍵的 y 座標均為 180, 而 x 座標則加上琴鍵的寛度 63 (2) 在 Piano 類別的建構子中撰寫程式碼 int i = 0; while (i < 12) addobject(new Key("g","2a.wav"), 54+i*63, 180); i = i + 1;

16 遊戲實作 (5) 1. 滑鼠事件 2. 物件碰撞 100 分打磚塊 (3) 上述程式碼每個都對應到 g 按鍵及 2a.wav 為了讓不同的琴鍵有不同的按鍵對應及音效, 我們將使用陣列來記錄這些對應關係 private String[] whitekeys = "a","s","d","f","g","h","j","k","l",";","'","/" pravate String[] whitenotes = "3c","3d","3e","3f","3g","3a","3b","4c","4d","4e","4f"," 4g" 修改 Piano 建構子的程式碼 int i = 0; while (i < 12) Key key = new Key(whiteKey[i], whitenotes[i]+.wav ); addobject(key, 54+i*63, 180); i = i + 1; 新增演員 Ball 類別, 設定圖像 ball.png 新增演員 Brick 類別, 設定圖像 brick.png 新增演員 Paddle 類別, 設定圖像 paddle.png 新增場景 BrickWorld 類別, 設定圖像 space1.jpg 建立微世界及物件修改 BrickWorld 程式碼 : import greenfoot.*; public class BrickWorld extends World public static int SIZEX = 400; public static int SIZEY = 300;

17 public BrickWorld() super(sizex, SIZEY, 1); addobject(new Ball(), 200, 150); addobject(new Paddle(), 200, 280); for (int i=0; i< 8; i++) for (int j=0; j< 4; j++) addobject(new Brick(), 50+i*40, 20+j*30); 讓球會移動, 遇到邊緣會反彈修改 Ball 程式碼 : import greenfoot.*; public class Ball extends Actor private int motionx=2; private int motiony=2; public void act() int newx; int newy; newx = getx() + motionx; newy = gety() + motiony; if (newx > BrickWorld.SIZEX) motionx = -2; else if (newx < 0) motionx = 2; if (newy > BrickWorld.SIZEY) motiony = -2; else if (newy < 0) motiony = 2; setlocation(newx, newy);

18 讓球碰到磚塊會打掉磚塊新增 Ball 程式碼 act() Actor brick = getoneintersectingobject(brick.class); if (brick!= null) motiony = -motiony; getworld().removeobject(brick); 讓板子能跟著滑鼠左右移動修改 Paddle 程式碼 : import greenfoot.*; // (World, Actor, GreenfootImage, Greenfoot and MouseInfo) public class Paddle extends Actor public void act() MouseInfo mouse = Greenfoot.getMouseInfo(); if (mouse!= null) setlocation(mouse.getx(), gety()); 若球遇到下方邊緣, 則遊戲結束修改 Ball 程式碼 : if (newy > BrickWorld.SIZEY) Greenfoot.stop(); else if (newy < 0) motiony = 2; 若打完所有磚塊, 則遊戲結束修改 Ball 程式碼 : private int brickhit=0; Actor brick = getoneintersectingobject(brick.class); if (brick!= null) motiony = -motiony; brickhit++; getworld().removeobject(brick);

遊戲實作 (6) 1. 滑鼠事件 2. 列舉 3. ArrayList 套件 4. Collections 套件 if (brickhit==32) Greenfoot.stop(); 200 分撲克牌發牌準備 1 張撲克牌的底圖 :blue.png 準備 52 張撲克牌的圖片 :1.png~52.png 新建場景類別 Table 設定圖像 corkboard.

19 遊戲實作 (6) 1. 滑鼠事件 2. 列舉 3. ArrayList 套件 4. Collections 套件 if (brickhit==32) Greenfoot.stop(); 200 分撲克牌發牌準備 1 張撲克牌的底圖 :blue.png 準備 52 張撲克牌的圖片 :1.png~52.png 新建場景類別 Table 設定圖像 corkboard.jpg 新建演員類別 Card 新建演員類別 Deck 設置圖像 blue.png 編輯 Table 的程式碼 importgreenfoot.*; public class Table extends World private Deck deck; public Table() super(600, 400, 1); deck = new Deck(); addobject(deck, 100, 100); public void act() if (Greenfoot.mouseClicked(deck)) Card card = new Card(); card.setimage((1+greenfoot.getrandomnumber(52))+".png"); addobject(card, Greenfoot.getRandomNumber(getWidth()), Greenfoot.getRandomNumber(getHeight()));

20 在上例中, 我們使用亂數來取卡片, 這樣做會有重複發同一張牌的可能性所以接下來我們要用陣列串列 (ArrayList) 來儲存 52 張牌增加 Card 類別的程式碼 privateint value; public Card(int value) this.value = value; publicintgetvalue() returnthis.value; 增加 Deck 類別的程式碼 importjava.util.arraylist; privatearraylist<card> cards; public Deck() cards = new ArrayList<Card>(); for (int i=0; i< 52; i++) cards.add(new Card(i+1)); public Card getcard() if(getsize()==0) return null; Card card = cards.get(0); cards.remove(card); return card; publicintgetsize() returncards.size();

21 修改 Table 類別的程式碼 public void act() if (Greenfoot.mouseClicked(deck) &&deck.getsize()>0) Card c = deck.getcard(); c.setimage(c.getvalue()+".png"); addobject(c, Greenfoot.getRandomNumber(getWidth()), Greenfoot.getRandomNumber(getHeight())); 在上例中, 我們會依序發出 52 張牌, 但實務上, 我們在發牌前會先做洗牌的動作, 我們可以匯入 Collections 套件, 來做打亂陣列串列內容的動作在 Deck 類別中增加程式碼 : importjava.util.collections; 在 Deck 的建構子中增加程式碼 : Collections.shuffle(cards); 我們使用數字 1~52 來表示 52 張牌, 雖然可識別出不同的牌, 可是我們從數字無法得知該張牌的花色及點數, 接下來, 我們要改用列舉 (enumeration) 的方式, 來儲存不同的牌面資訊, 並對應到相對的圖檔複製 cards 圖片到專案 images 資料夾中在 Card 類別中新增程式碼 : /** The suits a card can belong to */ publicenum Suit CLUBS, HEARTS, SPADES, DIAMONDS; /** The numbers a card can take */ public enum Value ACE, TWO, THREE, FOUR, FIVE, SIX, SEVEN, EIGHT, NINE, TEN, JACK, QUEEN, KING; private Suit suit; private Value value; 修改程式碼 : public Card(Value value, Suit suit) this.value = value; this.suit = suit; draw();

22 遊戲實作 (7) 1. 計分板 protected void draw() String filename = "images/cards/"; filename += value; filename += suit; filename += ".png"; filename = filename.tolowercase(); setimage(new GreenfootImage(fileName)); 在 Deck 類別中修改程式碼 : public Deck() cards = new ArrayList<Card>(); for(card.suit suit : Card.Suit.values()) for(card.value value : Card.Value.values()) cards.add(new Card(value, suit)); Collections.shuffle(cards); 最後, 當我們發完所有的 52 張牌後, 就把發牌的物件刪除, 讓使用者不能再發牌在 Deck 類別中修改程式碼 : public Card getcard() if(getsize()==0) return null; Card card = cards.get(0); cards.remove(card); if(getsize()==0) getworld().removeobject(this); return card; 200 分企鵝冒險

23 新增場景 Scene 類別新增演員 Cliff 類別建構子 public Cliff(boolean flip) if (flip) getimage().mirrorhorizontally(); 新增演員 Cloud 類別新增演員 Pengu 類別新增演員 Penga 類別新增演員 Fish 類別修改場景 Scene 類別, 建立起始畫面 public Scene() super(750, 500, 1); addobject ( new Cliff(false), 85, 441); addobject ( new Cliff(true), 665, 441); addobject ( new Cloud(), 369, 315 ); addobject ( new Pengu(), 66, 244 ); addobject ( new Penga(), 710, 244 ); addobject ( new Fish(), 375, 120); addobject ( new Fish(), 500, 120); addobject ( new Fish(), 250, 120); 讓雲會左右移動, 修改 Cloud 類別 : import greenfoot.*; public class Cloud extends Actor

24 private int speed = 2; public void act() setlocation ( getx() + speed, gety() ); if (getx() <= 250 getx() >= 500) speed = -speed; 用方向鍵讓企鵝會左右移動, 修改 Pengu 類別 : public void act() if (Greenfoot.isKeyDown("left")) setimage("pengu-left.png"); setlocation ( getx() + 3, gety() ); if (Greenfoot.isKeyDown("right") ) setimage("pengu-right.png"); setlocation ( getx() - 3, gety() ); 讓企鵝會向下掉落修改 Pengu 類別 : private int vspeed = 0; public boolean onground() Object under = getoneobjectatoffset(0, 100/2-8, null); return under!= null; public void setvspeed(int speed) vspeed = speed;

25 public void fall() setlocation ( getx(), gety() + vspeed); vspeed = vspeed + 2; 新增 act() 程式碼 : if (onground()) setvspeed(0); else fall(); 按空白鍵讓企鵝會跳躍, 修改 Pengu 類別 : 新增 act() 程式碼 : if (Greenfoot.isKeyDown("space")) if (onground()) setvspeed(-20); fall(); 當企鵝跳到雲上面, 企鵝會跟著雲移動修改 Cloud 類別, 新增 act() 程式碼 : Actor actor = getoneintersectingobject(null); if(actor!= null) actor.setlocation ( actor.getx() + speed, actor.gety() ); 顯示目前的分數新增 Counter 類別 import greenfoot.*; import java.awt.font; public class Counter extends Actor private int value = 0; private String text; public Counter()

26 text = "Point:"; setimage(new GreenfootImage(100, 24)); GreenfootImage image = getimage(); Font font = image.getfont(); image.setfont(font.derivefont(24.0f)); updateimage(); public void act() updateimage(); private void updateimage() GreenfootImage image = getimage(); image.clear(); image.drawstring(text + value, 1, 18); public void add(int score) value += score; 新增 Pengu 的程式碼 : private Counter counter; public void addedtoworld(world world) counter = new Counter(); world.addobject(counter, 100, 20); 當企鵝碰到魚時, 會把魚吃掉, 並加 5 分新增 Pengu 的 act() 程式碼 : Actor fish = getoneintersectingobject(fish.class); if (fish!= null) getworld().removeobject(fish); counter.add(5);

27 當企鵝碰到右邊的企鵝時, 播放音效並且遊戲結束新增 Pengu 的 act() 程式碼 : Actor penga = getoneintersectingobject(penga.class); if (penga!= null) Greenfoot.playSound("done.wav"); Greenfoot.stop();

Greenfoot 的特色有以下四點 : (1) 容易上手 :Greenfoot 的操作環境很簡單, 就是在一個微世界中安排幾個演員, 然後想辦法用程式碼讓這些演員動起來初學者能夠很快地熟悉它的操作介面 (2) 變化萬千 : 你可以使用 Greenfoot 來開發各式各樣具有聲光效果的遊戲, 也能

Greenfoot 的特色有以下四點 : (1) 容易上手 :Greenfoot 的操作環境很簡單, 就是在一個微世界中安排幾個演員, 然後想辦法用程式碼讓這些演員動起來初學者能夠很快地熟悉它的操作介面 (2) 變化萬千 : 你可以使用 Greenfoot 來開發各式各樣具有聲光效果的遊戲, 也能 Greenfoot 入門課程 (12 小時 ) 主講 : 南港高中高慧君老師時間 :2012 年 7 月 26, 27 日地點 : 臺北市立教育大學 koma@mail.nksh.tp.edu.tw Hour 1: Introduction 認識 Greenfoot 隨著時代的發展, 電腦硬體設備日新月異, 而軟體工程的發展更是一日千里 70 年代結構化的程式設計概念促進了軟體的快速發展, 而