謝慧民_行動裝置遊戲概論103

課程名稱：行動裝置遊戲概論(多媒體三A)

謝慧民的網站 > 課程網站 > 首頁 >台首大多媒體_謝慧民_103_1_行動裝置遊戲概論

第十三週期末考：(2014.10.30)

多媒體三A：
- 參考成績：期末參考成績
- 期中考未交學號後三碼：018、704
- 期末考未交學號後三碼：014、017、022、039、040、041、702
- 在期末送成績之前，期中考或期末考可以補交一個word報告檔，要跟課程相關。e-mail:hmhsieh@ms3.hinet.net
- 期末考題：下載
- 本日大約10:00-12:00教學意見施測，所有科目，請留下來做完再走。
- 使用Gamesalad製作撿錢計分遊戲。
- 按照題目順序操作，請看錄影檔。
- 參考範例：範例12
- 操作錄影：錄影12-、錄影12-1、錄影12-2、錄影12-3、錄影12-4、錄影12-5、錄影12-6、錄影12-7、錄影12-8、錄影12-9、錄影12-10。

第十二週上課：(2014.10.23)

多媒體三A：
- 期末考題：下載
- 期末考操作教學。
- 使用Gamesalad製作撿錢計分遊戲。
- 按照題目順序操作，請看錄影檔。
- 參考範例：範例12
- 操作錄影：錄影12-、錄影12-1、錄影12-2、錄影12-3、錄影12-4、錄影12-5、錄影12-6、錄影12-7、錄影12-8、錄影12-9、錄影12-10。

第十一週上課：(2014.10.16)

多媒體三A：
- 使用Gamesalad製作打磚塊遊戲。
- 接續上次的檔案：範例10
- 加入bar與Block碰撞反彈的程式，則bar不會跑出去。
- Scene重力的y值改為50，把球移到bar上方一點點，將加速程式刪除，球加入change velocity，方向設為random(5,175)，速度=200。
- 球加入與五個brick碰撞反彈的程式。Bar加入constrain attribute，設定y位置為78。
- Game設一個變數score=0,Blick加入與球碰撞發生時消失destroy，再加分到score。
- 加一個GUI-score，大小為120x30，設全透明，拉到左上角，加入程式Display text，內容設定為score。
- Copy一個Scene，改一下排列位置及數量。
- 加一個角色control，寫入timer=1sec，測試如果分數大於50分，則到下一關，複製一個改為control2，修改分數大於80分reset game。將control拉到第一關場景，control2拉到第二關場景，都設全透明，然後屬性設不可移動及不可轉動。
- 加入一個紅色方塊及黃色方塊，紅色方塊放左方當營火蟲，黃色方塊放右方當燈光，按燈光，螢火蟲跑過來。Game設一個變數boolean，light_press，另外兩個變數紀錄滑鼠按下的物件座標，然後light黃色物件寫程式碼rule，如果touch，light_press=true，然後設定座標變數為此黃色物件的座標，否則light_press=false。在紅色物件寫程式碼rule，如果light_press=true，move to到座標變數的位置。
- 參考範例：範例11
- 操作錄影：錄影11-、錄影11-1、錄影11-2、錄影11-3、錄影11-4。

第十週上課：(2014.10.09)

多媒體三A：
- 使用Gamesalad製作打磚塊遊戲。
- 到開放資料夾下載打磚塊的素材包括磚塊、球、Bar及牆壁。
- Gamesalad目前在手機遊戲市場已開發出超過20萬種遊戲：http://gamesalad.com/featured-games，製作能量驚人，台灣引入太晚。
- Gamesalad介面介紹
- 開一個新的專案設定為iphone protriot(直立)：
  - 加入actor並設定圖片，為磚塊及牆壁設定為不可移動不可旋轉。
  - 為sence設定重力Y方向為500。
  - 製作上邊界的actor，將上邊界放到上方及兩邊，設定為不可移動、不可轉動，顏色為半透明
  - 將Acrtor布置到場景中，可使用ctrl+C及ctrl+V複製貼上製作多個物件，先修改物件的大小再拉入場景。
  - 遊戲存檔。
- 對ball寫程式碼：
  - 與上邊界碰撞反彈，
  - 與下邊界牆壁碰撞反彈並reset scence
  - 加入accelerate設定方向180，力量100，則球掉下過程會被吹到左邊，不會在垂直方向重複彈跳
- 對Bar寫程式碼：
  - 使用key(keyboard)設定如果按下向左鍵則移動速度改為-300，設定如果按下向右鍵則移動速度改為300，否則都設速度為0
  - 碰到上下邊界則反彈
- 介紹Gamesalad：官方網站、安裝教學中文說明、help網站
- 參考範例：範例10
- 操作錄影：錄影10-、錄影10-1、錄影10-2、錄影10-3、錄影10-4。

第九週上課：(2014.10.02)

多媒體三A：
- 打磚塊遊戲製作(多個場景關卡)。
- 到開放的資料夾下載上次操作資料或使用你自己製作的成果繼續作業。
- 設定球的程式碼，加一個與bar碰撞的事件，設定為本身反彈，加入一個聲音播放。
- 全部的物件產生object，勾選solid，建一個room0，到裡面布置一下物件。
- 對control物件寫程式碼：
  - 加一個step事件，判斷分數是否超過45分，如果是則停留一秒鐘，然後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事件：
    - 拿掉設live為3
    - 拿掉設分數為0
  - Game end事件：
    - 如果分數達到60分則Display一個message"you win!",否則Display一個message"you are lost!"
  - Step事件：
    - 判斷分數是否超過60分，如果是則停留一秒鐘，然後end the game。
- 球如果方向為180或0或90會形成遊戲死路，所以避免這種情況發生的方法就是去檢查方向，如果符合條件則加減一些角度，讓方向偏一個角度繼續走。
  - 加step事件：執行一段程式碼：
    - if(direction<=360&&direction>=355 ) direction=355
      if(direction<=270&&direction>=265 ) direction=265
      if(direction<=180&&direction>=175 ) direction=175
      if(direction<=90&&direction>=85 ) direction=85
      if(direction>=0&&direction<=5 ) direction=5
- 介紹Game maker的help，函式變數等名稱。
- 介紹Gamesalad：官方網站、安裝教學中文說明、help網站
- 參考範例：範例9
- 操作錄影：錄影9-、錄影9-1、錄影9-2、錄影9-3、錄影9-4、錄影9-5、錄影9-6。

第八週上課：(2014.09.25)

多媒體三A：
- 打磚塊遊戲製作。
- 到我開放的資料夾複製bar、五顆磚塊及球。使用內建的縮放功能將這些圖的sprite縮成32x32，bar縮成128x32。
- 到網路下載wall seamless兩張圖，一樣使用內建功能縮放為32x32
- 全部的物件產生object，勾選solid，建一個room0，到裡面布置一下物件。
- 對球先寫程式碼：
  - create事件寫入移動方向：random(150)+15，速度設為5
  - 在down下邊界磚塊碰撞寫入存活減1，讓球消失，產生一個新的球放在固定的位置發射。
  - 在up上邊界磚塊碰撞謝入碰撞反彈。
  - 與其他磚塊狀碰撞寫入反彈、加分數、播放聲音、讓這個磚塊消失
  - 對bar碰撞則球self反彈。
- 對bar寫程式碼：
  - 碰到上邊界不動
  - 以左鍵操作按下則往左移動8
  - 以右鍵操作按下則往右移動8
  - 放開兩鍵則停止不動
- 建一個control物件，不用給圖，拉入場景room0，
  - create事件：
    - 設live為3
    - 設分數為0
    - 將分數畫出來
  - draw事件：
    - 設顏色字型
    - draw文字(或使用draw為image將名字的影像載入)
    - draw球
- 參考範例：範例8
- 操作錄影：錄影8-、錄影8-1、錄影8-2、錄影8-3、錄影8-4、錄影8-5、錄影8-6、錄影8-7、錄影8-8。

第七週上課(期中考)：(2014.09.18)

多媒體三A：
- 期中考題：類似神魔之塔的交換物件程式撰寫
- 期中考講解使用Gmae maker 8.0撰寫互動程式。
- 在step內加入if moveok=1 then 執行一段程式碼：
- x=(ceil(mouse_x/60)-1)*60
  y=(ceil(mouse_y/60)-1)*60。
- 以blue與其他顏色粒子的碰撞都加入一個音效及互相交換的指令(change instance into)
- 所有角色都跟藍色角色一致的設定，最後加入滑鼠按下放開及滑鼠按鈕事件及沒有按下事件，設定moveok為1或0。
- 檢查使用滑鼠拖拉角色是否會持續交換並發出聲音。
- 參考範例：範例7
- 操作錄影：錄影7-、錄影7-1、錄影7-2、錄影7-3、錄影7-4。

第六週上課：(2014.09.11)

多媒體三A：
- 期中考題：類似神魔之塔的交換物件程式撰寫
- 期中考講解使用Gmae maker 8.0及photoshop處理透空貼圖
- 對個物件寫滑鼠拖拉及放開的事件及處理 action。
- 到開放的位置下載神魔之塔的遊戲圖，然後從裡面擷取各個屬性的子圖，製作透空貼圖54x54，存成png檔，到Game maker加入為sprites，及objects，
- 製作背景棋盤格，及裁切上方圖，到game maker設定為背景及碰撞控制的上方圖sprite，然後在藍色的子寫程式碼。
- 設定子與碰撞上圖碰撞不可移動，設定檢查step當按了滑鼠左鍵時就讓子移動到滑鼠所在的格子。
- 參考範例：範例6
- 操作錄影：錄影6-、錄影6-1、錄影6-2、錄影6-3。

第五週上課：(2014.09.01)企業參訪與2014.09.04時間對調補課

多媒體三A：
- 開啟treasure範例，模擬一個角色吃一個東西產生分數增加並讓這物件消失的程式。
- 製作一隻兔子的動畫：使用photoshop處理透空貼圖，並使用變形工具製作兩張不同的動作圖，到Game maker設定一個sprite為rabit，匯入兩張動作圖產生動畫，產生rabit object。
- 加入蘿蔔物件：一樣到photoshop處理透空貼圖，到game maker產生一個object稱為food，我們在photoshop裡面再做幾張蘿蔔被啃的動畫圖，然後再設一個sprite為被啃的動畫。
- 兔子與蘿蔔碰撞事件處理設定：兔子產生時設分數為0，當兔子碰到蘿蔔時，在蘿蔔上寫程式碼，先產生聲音，然後蘿蔔換為被啃動畫，再來加一分，然後睡一秒鐘，再將自己丟垃圾桶，依此邏輯拉入action修改數值，範例5
- 操作錄影：錄影5-。
- 加分練習：今天練習的內容。

第四週上課：(2014.08.28)

多媒體三A：
- 投影片進度：第三章完。
- 使用賽車範例取出賽車的圖，到photoshop處理透空，旋轉四個方向，分別存成四個圖檔
- Game maker建立四個方向的sprite，及一個往上的object，在此object設定程式碼當按鍵盤左鍵切換為向左的圖前進，放開後停止，要設四個按下的事件及四個放開的事件分別定義各方向的action，範例4。
- 操作錄影：錄影4-。
- 加分練習：使用鍵盤上下左右鍵可以操作車子前後左右移動。

第三週上課：(2014.08.21)

多媒體三A：
- 投影片進度：第二章完。
- ITE數位內容遊戲企劃及美術專業人員介紹：第三章。
- 接續上次的結果，設定背景橫向捲圖，在豬寫程式碼判斷碰到牆壁反彈，範例3。
- 操作錄影：錄影3-、錄影3-1。
- 加分練習：使用Game maker製作豬自動行走碰到牆壁反彈。

第二週上課：(2014.08.14)

多媒體三A：
- 投影片進度：第一章完。
- 介紹game maker 8.0，先講解一個範例程式的架構。
- ITE數位內容遊戲企劃及美術專業人員介紹：第二章。
- 介紹行動裝置遊戲的市場：網路搜尋資料
- 加背景圖於場景，加一隻豬的動畫於場景(到photoshop處理)：範例2。
- 操作錄影：錄影2-、錄影2-1、錄影2-2、錄影2-3、錄影2-4。
- 加分練習：製作有背景的場景豬角色可以動。

第一週上課：(2014.08.07)數位遊戲產業介紹。

多媒體三A：
- 國內數位遊戲廠商：70多家
- 猴子故事的開發軟體為Game Maker，有一百多關可玩。
- Game Maker功能介紹
- 介紹神魔之塔的內容及營運模式
- Game maker8.0軟體下載
- 介紹Game Maker網站，可以下載8版Lite免費使用，但是中文字型無法顯示在場景。
- 課程進度安排介紹、使用教科書及參考書(操作軟體，有加分練習，軟體為Game Maker、Unity 3D、3ds max、RPG製作大師VX)。

博碩提供之教學投影片(遊戲設計概論，胡昭民)：

第一章	第二章	第三章	第四章	第五章
第六章	第七章	第八章	第九章	第十章
第十一章	GameMaker53a