2014年3月11日 星期二

App Inventor 2 的範例程式 - 出氣筒(影像處理)

出氣筒是一個可以盡情發洩情緒的小遊戲。

遊戲內容:
玩家利用不斷點擊畫面來發洩情緒,並將圖片中的主角(本範例為皮老闆)打敗。



需求元件:

  • 皮老闆原始圖plankton.png (按滑鼠右鍵另存影像連結)



開發步驟:

製作出氣筒(程式)前,需先利用Photo Impact X3進行影像處理,完成程式的所需元件。本範例一共需要五張不同階段的圖片並且要有連續性,第一張為原始圖,接下來每完成一個階段要記得存一次檔(步驟四)



本範例假設所找的圖片背景為白色。


步驟一:腫起來。點選上方功能表列中的特效,按下扭曲中的創意扭曲。
(1)  先用畫筆選好不要變形的區域,適時利用+-及筆刷大小調整
(2)  選取範本中的第四個往外擴張,在想要腫起來的地方點選或按住滑鼠即可
(3)  可利用範本中的第一個還原,在想要還原的地方點選或按住滑鼠即可
在使用範本效果之前要先把+-取消!



















步驟二:拉扯。點選上方功能表列中的特效,按下扭曲中的以格線變形。
(1)  格線大小越小控制點越多,能拉扯的越細微,請選取適合的格線大小
(2)  用滑鼠拖曳移動控制點,再選取測試,即可在下方預覽其效果



















步驟三:流血和瘀青。點選左邊工具箱中的筆刷,在上方的屬性工具列調整其屬性。由左到右依序是顏色、形狀、大小、透明度、柔邊。



步驟四:存檔。點選上方功能表列中的檔案,選取另存新檔,依照範例程式所需將檔名依序設為12345,存檔類型設為JPG,按下存檔,完成!


沒有留言:

張貼留言