[12- 遊戲製作] 介面設計

連連看遊戲需求

我所規劃的連連看應要有下面的功能:

  • 時間限制:需要在8分鐘內完成遊戲,否則就算是沒有過關。
  • 重整牌面的限制:最多只能重整牌面3次,每次耗1點生命,生命值耗光遊戲就結束了。
  • 音樂、音效需能開或關
  • 重新整理牌面:可以手動洗牌
  • 提示:提示可連線的路徑
  • 復原:還原已消除的圖案
  • 可連到我的FB

其版面配置如下:

尋找免費素材

有了mockup之後,身為一個不會美術的程式設計師,鐵人賽又沒有美術可以幫忙,最重要的就是去尋找免費素材。
這時候就要大推UNITY的Unity Asset Store

很快的我選擇了Free Platform Game Assets這款免費素材來做我連連看的基本素材,首先先登入網站,然後選擇

接著要在電腦裡安裝unity,安裝好之後,再按

接著就會在unity內開啟這個網頁畫面

按下import後,這包素材就會被下載至你剛剛所創的unity專案下的資料夾裡,按右鍵就可以在一般的資料夾找到所下載的素材。

製作遊戲介面

我是使用Adobe Animate來做畫面的繪製。Adobe Animate(前稱Adobe Flash Professional,Macromedia Flash,FutureSplash Animator)是由Adobe Systems開發的多媒體創作和電腦動畫程式。可用於設計向量圖形和動畫,並發布到電視節目,網路影片,網站,網路應用程式,大型網際網路應用程式和電子遊戲中。

這是我所製作完成的遊戲畫面:

原始檔請在此下載:ui.fla


17年資歷女工程師,專精於動畫、影像辨識以及即時串流程式開發。經常組織活動,邀請優秀的女性分享她們的技術專長,並在眾多場合分享自己的技術知識,也活躍於非營利組織,辦理活動來支持特殊兒及其家庭。期待用技術改變世界。