The F2E - 前端修練精神時光屋-第五關 - 90 秒挑戰遊戲
緣由
因為對UI有興趣,且剛接觸這領域只有一小段時間,為了能增加自己的作品,剛好從六角學院粉絲團上得知了The F2E - 前端修練精神時光屋這活動,於是就決定要參加了!
有分為UI設計組、前端工程組;活動期間是2019/7/4-2019/9/9 為期9週的活動(UI組),每週一中午12點公佈題目,隔週一中午前12點完成,投稿上傳作品即當週成功闖關。
我參加的是UI設計組,目標是盡量完成這9週共9個作品。
第五關作品順利在時間內交件了~ (灑花)
遊戲類的UI 真有挑戰性啊
第五關 - 90 秒挑戰遊戲
題目網址:https://challenge.thef2e.com/news/15
題目內容
user story
- 我可以在網頁介面,直接開始新回合遊戲
- 我可以操控電腦鍵盤,來操控遊戲主角與遊戲介面
- 當滿足破關條件,可以看到破關畫面,並重新開始遊戲
function map
- 介面限制
- 2D 橫向卷軸遊戲 (或是其他介面也 ok)
- 遊戲時間與難易度
- 遊戲時間 90 秒
- 每 30、60 秒難度變難
- 遊戲功能
- 可獲得道具,短暫擁有道具能力
- 途中會有敵人,並依 30、60 秒出現新敵人
- 堅持完 90 秒,便算挑戰成功
創作過程
理念
帶點個人理財概念的小遊戲,主要目的是減少不必要的花費、多儲蓄(投資),達到財富自由。(初次設計遊戲類UI,請多指教)。
Wireframe
(待補)
使用軟體/技術/素材
- 使用軟體:Adobe XD (介面設計)
- 素材:Iconfinder (ICON)、FLATICON (ICON)
- 作品縮圖:Photoshop
作品展示