數字華容道01:原型圖設計

之前已經介紹了簡版數字華容道的程序, 詳情請移步 看了《最強大腦》,我決定做這個遊戲,其實現了數字華容道的框架設計及算法實現,但是那個太簡陋了,今天開始將逐步實現一個完整版華容道的程序,最終的成品應該是一個 APP 樣式的,包含了各種完美遊戲體驗的要素。

環境:

  • 系統:Windows 10 64位
  • Python版本:3.6.4

使用的工具:

  • PowerPoint2016:大家都知道這是一個製作PPT的軟件,我用來進行一些素材的設計。
  • Axure RP8:它是一款專業的原型設計軟件,華容道的所有原型使用它進行設計。
  • Sublime Text 3:本文的所有代碼使用它進行編寫、調試。

1、構思

在做一款軟件或遊戲之前我們應該想好它要實現的功能,這樣才能夠設計軟件的界面及軟件架構。初步構思可能不是那麼完美,在後面可能會修改或者增加一些功能。我希望這款遊戲所具有的功能有:

  • 可以選擇遊戲的難度,難度分爲 3X3 、4X4、5X5、6X6。
  • 遊戲有背景音樂,並且可以手動關閉。
  • 在遊戲過程中可以重新開始。
  • 遊戲記錄時間和步數。
  • 可以按照時間和步數分別保存各難度前10名的成績。
  • 可以按照時間和步數分別查詢各難度的成績排名。

2、原型設計

根據上面的構思,使用 PowerPoint 進行素材設計、Axure 進行原型設計。

2.1 首頁

進入該遊戲首頁,有“數字華容道”字樣,並且有選擇難度的按鈕,最下面是查看排行榜的按鈕。

首頁

其中“數字華容道”的圖片由 PowerPoint 設計生產。

2.2 主頁面

選擇難度後進入主頁面,主要有以下幾部分:

  • 左上角是返回按鍵,該按鈕用於返回首頁;
  • 右上角是音樂開關按鈕;
  • 中間部分是遊戲的主體(所有數字方塊),並記錄了玩家本局遊戲所使用的時間及所走的步數;
  • 最下方是“重新開始”的按鈕。

主頁面

2.3 保存記錄對話框

如果玩家順利完成遊戲並且時間或步數成績進入排行榜,那麼就要彈出一個保存記錄的對話框,主要包括:

  • 本局遊戲的成績;
  • 姓名輸入框;
  • “返回首頁”及“確定”按鈕。

保存成績

2.4 遊戲結束對話框

如果玩家順利完成遊戲但是時間或步數成績並沒有進入排行榜,那麼就要彈出一個遊戲結束的對話框,主要包括:

  • 本局遊戲的成績;
  • “返回首頁”及“確定”按鈕。

遊戲結束

2.5 排行榜頁面

如果玩家點擊了首頁的“排行榜”按鈕,頁面跳轉到“排行榜”頁面,主要包括:

  • 左上角爲返回按鍵;
  • 右上角爲遊戲難度,用於查看各個難度排行榜;
  • 排行榜:可以按時間或按步數查看。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章