課程名稱：行動裝置遊戲概論(多媒體三B)
謝慧民的網站 > 課程網站 > 首頁 >台首大多媒體_謝慧民_103_2_行動裝置遊戲概論(3B)
第十八週期末考：(2015.06.24)
第十七週上課：(2015.0617)
第十六週上課：(2015.06.10)
- 多媒體三B：
- 太空哈利擬3D的場景設定：找一個人物背對你的角色、怪物、子彈，使用Photoshop去背，找一張草地背景圖及天空背景，都設定為角色，將背景天空及草地擺到對的位置。
- 加入角色在最前面，設定角色本身有重力影響(往下加速度)，角色碰到地板停住，角色加入key控制，當按了上下左右鍵會往對應方向移動，按鍵放開會速度為0(使用Alt拖拉複製程式碼，修改相關參數即可)。
- 按space鍵發射spawn actor子彈，搭配Timer幾秒後出現彈著痕跡，並將子彈本身刪除。
- 操作錄影：錄影16b-、錄影16b-1、錄影16b-2、錄影16b-3、錄影16b-4。
- 加分練習：範例16b。
第十五週上課：(2015.06.03)
- 多媒體三B：
- 打磚塊關卡設定：設定Game有一個分數score變數，在Brick上寫入當球打到他時10分，自己消失，Copy2個Brick Actor改名為BrickA、BrickB、BrickC，更換圖形，當球打到BrickB分數加20分，當球打到BrickC分數加30分。
- 新增一個GUI_Text及GUI_Score，將它們放入場景右上角位置，設定不可旋轉不可移動，全部顏色設為全透明，在GUI_score寫入程式Text Display，設定他為Game.score，GUI_Text寫入程式Text Display，設定他為"現在分數："。
- 在Bar上寫分數判斷，如果分數超過100則到下一關。
- 然後在Bar原型加一個參數B_what level am i，設定為這關的數值，將箭頭的程式碼複製修改，則到下一關猶如執行NEXT按鈕，鎖會跟著解開。
- Level2在加入這些第一關的物件重排，然後過關分數設高點則可到下一關去，因為Bar程式碼加入物件同時也都一起生效，因此仍有Next按鈕的功能，如此即可做很多關。直到結束
- 操作錄影：錄影15b-、錄影15b-1、錄影15b-2。
- 加分練習：範例15b。
第十四週上課：(2015.05.27)
- 多媒體三B：
- 上次關卡解鎖程式Bug解說。
- 打磚塊：找一些打磚塊的素材，上次Game maker有處理過的圖可以拿過來用。
- 有磚塊brick、Bar、Ball、Block、Dead zone，將他們做成Actor。
- 將球、Bar及Brick、Block、Dead zone放到Level1，Level1設定重力，將其他不動的物件改為不可移動不可旋轉，在球原型寫與其他物件碰撞反彈，當球掉入死亡區要重新啟動場景。球加吹風力往左。
- Bar寫程式，設定往上加速與重力相同，設定他在Y軸固定高度66。
- Key加入按右鍵時限制移動往右，放開時則不動，設定按左鍵也是一樣往左，放開不動。
- 設定Bar與Block碰撞程式碼，將Block及Dead zone設為不可移動不可轉動。
- 球碰到Bar限制球向上速度，將原來吹風力改為0，試玩看看。
- 操作錄影：錄影14b-、錄影14b-1、錄影14b-2。
- 加分練習：範例14b。
第十三週上課：(2015.05.20)
- 多媒體三B：
- 上鎖程式處理：在按鈕上加一個變數what level am I，設定每個按鈕對應的數值。
- 在Game加一個Global變數，unlocked level及current level，紀錄解鎖到哪一個關卡及現在關卡為何。
- 記憶體有一個不變的系統參數稱為unlocklevel，在Button原型寫判斷，當Game.unlocked level<self.what level am i，change image改為有鎖的圖片，否則為沒鎖的圖片。
- 在Next按鈕原型加入判斷程式碼，加一個區域變數n_what level am i，設定一下目前的NEXT按鈕鎖在場景的對應值，設定Game.curent level的值為self.n_what level am i，如果有被按下然後self.n_what level am 等於Game.unlocked level，設定Game.unlocked level=Game.curent level+1,然後save:unlocklevel= Game.unlocked level。
- 操作錄影：錄影13b-、錄影13b-1、錄影13b-2。
- 加分練習：範例13b。
第十二週上課：(2015.05.13)
- 多媒體三B：
- 建立Home、Menu、Level1的場景。
- 找一張圖當背景，設一個actor(A)設定給他，設為場景的尺寸，拉到場景，調到中央放在最底層。
- 找一些透空圖形當Home,NEXT,MENU，按鈕及鎖，再找一些1,2,3,4,5,6的透空圖，全部設定為Actors，在Menu將Home、按鈕及數字圖放到對的位置。
- Level1放Next,Home,Menu等Actor，再加一個Play按鈕在Home場景裡面。
- 複製Level1為Level2到Level6，放相對應的數字到場景中間。
- 加一個Finished的場景，並加入Finish的底圖。
- 設定個物件原型的程式，當touch後Change Scene, goto next Scene或者指定Scene。
- 按Next按鈕跳到下一個關卡，從第二關以後要修改Instance關卡的資料，讓到下一關是沒問題。
- 導入一個聲音檔，然後在按鈕程式碼加Play sound，設定為導入的聲音。加入Timer設定幾秒後到下一關。
- 操作錄影：錄影12b-、錄影12b-1、錄影12b-2、錄影12b-3、錄影12b-4、錄影12b-5、錄影12b-6。
- 加分練習：範例12b。
第十一週上課：(2015.05.06)
- 多媒體三B：
- 找一張圖當背景，設一個actor(A)設定給他，在原型A寫程式，加入往左速度移動Move指令，加一張圖在他的後面，兩個物件分別命名為A1及A2。
- 在A寫判斷如果X位置小於-1/2*圖寬，則把X位置設在3/2*寬度的位置，則圖會連續播放移動動畫有點像跑馬燈。然後如果有間隔黑線則加10。
- 將專案發布到Arcade的HTML 5，可以透過連結試玩遊戲(從軟體介面登入，按照說明做完會有超連結，你可以貼到FB提供試玩。
- 找一朵雲為新的Actor，放到左邊外面，使用change velocity改變速度為random，當中心X座標離開右邊界1/2自身寬度時設定起始位置回到-1/2自身寬度，Y方向也可以設隨機，這樣進入的位置與出去就會不同。
- 也可以設旋轉rotate，這樣雲就會旋轉。設定幾朵雲不同大小在不同位置，則畫面卷軸效果就多變化了。
- 操作錄影：錄影11b-、錄影11b-1、錄影11b-2、錄影11b-3、錄影11b-4、錄影11b-5。
- 加分練習：範例11b。
第十週上課：(2015.04.29)
第九週期中考：(2015.04.22)
第八週上課：(2015.04.15)
- 多媒體三B：
- 期中考實作：製作熊大及兔兔當bar及球(30x60)，製作你的姓名三個字為磚塊(30x30)
- 利用前次的打磚塊檔案修改，刪去部必要的場景及物件，置換所有的sprite圖，重新布置room0的內容包刮背景都要修改。
- 今天開系週會，10:10分到B階。
- 操作錄影：錄影8b-、錄影8b-1。
- 加分練習：範例8b。
第七週上課：(2015.04.08)
- 多媒體三B：
- 到開放的資料夾下載上次操作資料或使用你自己製作的成果繼續作業。
- 對球先寫程式碼：
- create事件寫入移動方向：random(150)+15，速度設為5
- 在down下邊界磚塊碰撞寫入存活減1，讓球消失，產生一個新的球放在固定的位置發射。
- 在up上邊界磚塊碰撞謝入碰撞反彈。
- 與其他磚塊狀碰撞寫入反彈、加分數、播放聲音、讓這個磚塊消失
- 對bar碰撞則球self反彈。
- 對bar寫程式碼：
- 碰到上邊界不動
- 以左鍵操作按下則往左移動8
- 以右鍵操作按下則往右移動8
- 放開兩鍵則停止不動
- 建一個control物件，不用給圖，拉入場景room0，
- create事件：
- draw事件：
- 設顏色字型
- draw文字(或使用draw為image將名字的影像載入)
- draw球
- 全部的物件產生object，勾選solid，建一個room0，到裡面布置一下物件。
- 對control物件寫程式碼：
- 加一個step事件，判斷分數是否超過30分，如果是則停留一秒鐘，然後go to next room(設定轉場特效)，加入括號的action。
- 加入no more lives，寫入程式：end the game。
- 加入game end事件，Display一個message"you are lost!" 。
- 對bar寫程式碼：
- 碰到上邊界不動
- 以左鍵操作按下則往左移動8
- 以右鍵操作按下則往右移動8
- 放開兩鍵則停止不動
- 複製一個control物件，名為control2，修改以下資料：
- 將control2放入room2裡面
- create事件：
- Game end事件：
- 如果分數達到60分則Display一個message"you win!",否則Display一個message"you are lost!"
- Step事件：
- 判斷分數是否超過60分，如果是則停留一秒鐘，然後end the game。
- 操作錄影：錄影7b-、錄影7b-1、錄影7b-2、錄影7b-3、錄影7b-4、錄影7b-5。
- 加分練習：範例7b。
第六週上課：(2015.04.01)
- 多媒體三B：
- 打磚塊遊戲範例介紹，程式講解。
- 下載打磚塊遊戲要用的圖包括bar，球，飛碟，牆壁及三種磚塊，使用photoshop製作去背的影像存為png，大小為32x32的倍數。
- 全部的物件產生object，勾選solid，建一個room0，到裡面布置一下物件。
- 對球先寫程式碼：
- create事件寫入移動方向：random(150)+15，速度設為5
- 在down下邊界磚塊碰撞寫入存活減1，讓球消失，產生一個新的球放在固定的位置發射。
- 在up上邊界磚塊碰撞謝入碰撞反彈。
- 與其他磚塊狀碰撞寫入反彈、加分數、播放聲音、讓這個磚塊消失
- 對bar碰撞則球self反彈。
- 操作錄影：錄影6b-、錄影6b-1、錄影6b-2、錄影6b-3、錄影6b-4、錄影6b-5。
- 加分練習：範例6b。
第五週上課：(2015.03.25)
第四週上課：(2015.03.18)
- 多媒體三B：
- 下載火箭、一個人物角色、月球表面背景、黃金塊，到Photoshop處理成透空貼圖，大小分別為為32x64，32x64，640x480，64x32。
- 下載jetman.gmd範例，觀察程式只有寫在角色上。
- 將相關的圖置換為以上的圖，執行看看你可以使用左右及上鍵去移動火箭人，升到岩石平台及過關。
- 再加一個room，過關條件改為goto next room，可到下一關。
- 任意放置你的物件在場景中，按右鍵取消，按左鍵放置。
- 從頭寫程式碼則可以刪掉角色的程式碼，邊寫邊測試結果。
- 例如先產生create事件，加入health=100的設定，剛開始是哪張圖以及設重力，如果沒燃料則掉下來，按上鍵當helath>0則換為揹火箭的圖，不是的話則掉落換為靜止的圖，按左右鍵及鬆開則角色要移動及靜止，step表示要一直執行裡面的指令，如果上鍵被按下則health減1，如果往上走則換揹火箭的圖，否則就是原來的圖。
- 操作錄影：錄影4b-、錄影4b-1、錄影4b-2、錄影4b-3、錄影4b-4、錄影4b-5、錄影4b-6。
- 加分練習：範例4b。
第三週上課：(2015.03.11)
- 多媒體三B：
- 介紹行動裝置遊戲的引擎Construct 2：投影片
- Construct 2試用版軟體：195下載
- 介紹Construct 2，賽車範例，在新專案打入driv，找到範例檔，下在資料夾file，使用裡面的圖片置換，然後使用上下左右鍵操作汽車。
- 範例二：Top-down遊戲，打入top找到範例檔打開，點方塊兩下置換圖片，觀看程式碼及架構，用上下左右鍵試玩，若要角色執行卷軸則加入scrollTo行為指令。
- 範例三：馬力歐Mario遊戲，打入PLATF，是一個平台遊戲，換掉馬力歐角色，設定走路動畫及跳動動畫，修改及載入圖檔，適當修改錨點位置。
- 程式碼加入練習。
- 操作錄影：錄影3b-、錄影3b-1、錄影3b-2、錄影3b-3、錄影3b-4、錄影3b-5。
- 加分練習：範例3b。
第二週上課：(2015.03.04)
- 多媒體三B：
- 介紹行動裝置遊戲的市場：網路搜尋資料
- 介紹game maker 8.0，先講解一個範例程式的架構treasure寶藏。
- 使用iclone 5在top場景架設四台攝影機分別看角色的前後左右，角色加入走路動畫，分別輸出不同的keyframe位置每方向四張，使用photoshop處理貼圖為32x32，存為png透空貼圖。
- 到寶藏內將角色的一個方向圖片置換，則執行時該方向會換成你的圖片動畫
- 加一個sprite設定動畫，將這個sprite設為object，加入場景中，執行則開始會動。
- 對角色加入一個事件，create時，換圖片為image0，則開始執行時靜止不動。
- 操作錄影：錄影2b-、錄影2b-1、錄影2b-2、錄影2b-3、錄影2b-4、錄影2b-5。
- 加分練習：範例2b。
第一週上課：(2015.02.25)數位遊戲產業介紹。
- 多媒體三B：
- 博碩提供之教學投影片(遊戲設計概論，胡昭民)：
版權所有©2014 謝慧民
