Week 5&6 - Interim Report - UI & AI Design
In this two weeks, we focus on conducting research on the game. Here are the files.
Interim Report
Interim Project Presentation
In week 5, I first design the power point template using a minimalist design with light grey and white. As we believe that it would be better to unify the style and information stated in the slides (page number and topic title). Then, we start to do research on three aspects including the UI Design, the AI function and the Networking Issue.
I am in charge if conducting UI design research and the AI function.
For the UI design, I first search for different principles on gaming UI in mobile. And then I compare the pros and cons on the portrait and landscape mobile orientation on game. Further details are in the Interim Report. To conclude, I believe that the UI for mobile devices must be INTUITIVE to player.
I then study some mobile game I have been playing including #COMPASS, White Cat Project and Dragalia Lost. It is fun to study successful mobile game and analyze them. Their aesthetic and functional UI design inspire me a lot.
For our game UI, I further adjust the previous design as follow:
.png)
For the AI function, I believe that applying hierarchy finite state machine will work best on our game.
There are several components in a Finite State Machine:
-
States: store information about a task
→ eg. you are on Attack State. -
Transitions: “indicate a state change and are described by a condition that needs to be fulfilled”
→ eg. if you see a low level enemy, move to the Attack state. -
Set of Actions: actions need to be followed within the state.
→ eg. while in the Attack State, move toward the enemy and attack it with an axe.
The FSM graph I design for the game. For further information, please check the attached report file above.
.png)
