The F2E - 前端修練精神時光屋-第五關 - 90 秒挑戰遊戲

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
作品展示

點我看連結