Select Page
UI For RPG Mobile Game

UI For RPG Mobile Game

I am pretty much influenced with JRPG games like Final Fantasy, Dragon Quest and Pokemon but those game are pretty much in bird eye point of view.

Since I am aiming for a 3D game, I want to control the character from third person perspective like in action RPG.

After testing some mechanics, I come out with this simple layout.

 

RPG Mobile Game UI

RPG Mobile Game UI


And because I don’t aim to make an action RPG games, I don’t need other button control than what shown in the diagram above.

The game I’m developing now doesn’t even include “battle mechanic” instead the users goals are to finish a rhythm game.

So another UI that  I needed is the dialogue and quest system.
Here’s how it look like.

 

Dialogue & Quest System UI

Dialogue & Quest System UI


And we must not forgot that this is a mobile game that runs on touch screen. So we don’t need to complicate the buttons. All can be set dynamically like the above diagram.

While choosing between the two options, the dialogue UI will be disabled.

This might not be the most innovative idea, but it works. smile

My Most Precious Treasure : MMD Edition v0.2

My Most Precious Treasure : MMD Edition v0.2

My Most Precious Treasure : MMD Edition

My Most Precious Treasure : MMD Edition

Goals :

  1. Be able to load the game.
  2. Be able to load “Rumah Miku”.
  3. Be able to move.
  4. Be able to do camera zoom.
  5. Be able to tilt and rotate camera angle.
  6. Be able to load “Permulaan Baru (Easy)”.
  7. Be able to finished “Permulaan Baru (Easy)”
    What’s your score?

Notes : There’s no way to go out from each of the scene, “Rumah Miku” and “Permulaan Baru (Easy)” after it load.
Simply kill/restart the app to try to load the different scene.

GUIDE :

  1. Left : Move front, backward, left, right.
  2. Middle : Camera zoom (two finger on iOS, not sure on Android, help me test)
    Only y-axis.
  3. Right : Camera tilt (two finger on iOS, not sure on Android, help me test)
    Tilt = y-axis
    Rotate = x-axis

Please help me screenshot how the main menu look like too. smile

[wpdm_package id=’471′]

[wpdm_package id=’468′]

Game Dev Diary #17 – Working Mobile Input Control

Game Dev Diary #17 – Working Mobile Input Control

You don’t have any idea how hard it is for me for the first time to make the mobile input control works with the plyGame framework.

But I don’t know why, this one very morning I decide to sit down and read again and again the code.

Then read some suggestion by Leslie, the creator of plyGame framework.

And change some little code.

And it works!

Ironically, I just change 2 lines of codes and that’s it! surprised

Make CN Controls Works With plyGame

Make CN Controls Works With plyGame

Here’s a short video demonstrating that it working fine. smile

Oh, yeah…

I know it’s been too long since my last update of the blog.

That’s why I suggest you to follow us on YouTube as well. smile