Description

In making a game, sometimes we need a user interface to control menu, input data form and data or just to displays a message.

HANIF FLAT UI is an extension for Game Maker: Studio that written in GML (Game Maker Language). This extension contains several functions and macros that can help developers to create user interface components such as button, textbox, checkbox, radio button, etc.

HANIF FLAT UI is not use sprites or background anymore, but it’s using built-in functions such as draw_rectangle(...),draw_circle(...)and others. This can reduced the performance of your game, especially in the use of memory, but on other side, you can reduce of resources uses. So use only as needed.

The controls in this extension include:

  • Button
  • Textbox
  • Checkbox
  • Radio Button
  • Switch
  • Select
  • Range Bar
  • Tab
  • SideNav
  • Virtual Keyboard

Write code with handler (on create event):

editField = ui_textbox_create(16, 16, 320, 24, "Fill this");
ui_set_background_colour(editField, ui_grey);

Finally draw it (on draw event):

ui_textbox_draw(editField);

You can read the documentation here: https://hanif222.gitbooks.io/hanif-flat-ui-eng/content/.

Original Indonesian version: https://hanif222.gitbooks.io/hanif-flat-ui-ind/content/.

Warning: too many control may make apps running slow.

To handling animation when running on lag or slowness devices, this may be help (on step event):

if (fps_real < 100)
{
    ds_map_replace(ui_global_config, "effect_speed", 8 * (room_speed * delta_time / 1000000));
}

End User Licence Agreement (EULA).

Version 1.3.1. Published November 7, 2017

Created with GameMaker: Studio v1.4.1772

Age Rating: 4+

Average Rating

Your review

You can only review assets you've bought.


Gravatar

Joel V 28 November 2017

Very nice and affordable

Ive been hoping to get a free asset with checkboxes and virtual keyboard system and this is most affordable and well functional asset I could find. It works like a charm. Although for my app, I need a third keyboard displays for other symbols like {}|=^[]. I tried modifying the extension myself to allow that but it seems to not give me the input I want. Can you update this with a third keyboard option for other symbol usage please?

Many thanks in advance

EDIT Nov 28: I also notice two problems with the asset: There is no multi-line support on the textbox and a bug for when you move the beam to the first position and do backspace or left. It somehow glitches the keypress input. Also it would be good to add a ui_set_beamposition.


Gravatar

Melaina N 11 October 2017

Awesome!

This is an amazing extension, very useful for text-based games! Thank you so much for sharing!

This review was left for a previous version of this asset.

Logo

Muharif AL Hanif (Publisher) 06 November 2017

You are Welcome ;)


Gravatar

joe w 07 October 2017

awesome

This review was left for a previous version of this asset.


Gravatar

Anonymous 29 August 2017

Epic

This review was left for a previous version of this asset.


Gravatar

Phillip D 16 August 2017

This review was left for a previous version of this asset.


Gravatar

Dimitri L 28 June 2017

This review was left for a previous version of this asset.


Gravatar

Jett P 21 June 2017

Amazing!

Thank you for this extension! Are you still working on this extension? If not, it would be a waste imo.
I've encountered on some issues though like the virtual keyboard moving a normal draw_text() slightly higher. The problem might be at my end but maybe you know something about it. :P
It has a very nice and clear documentation, even a scrub like me can understand it! Thanks a lot again ❤

This review was left for a previous version of this asset.

Logo

Muharif AL Hanif (Publisher) 27 June 2017

You are welcome :D
This extension is no longer to added new features. But I'm still fixing on major bug. Maybe I will make a new one later. Thanks for reporting this issue :D


Gravatar

Anonymous 10 June 2017

YES!

YES!

This review was left for a previous version of this asset.


Gravatar

Alireza B 09 February 2017

Love Your Work

Thanks for this very usefull extension. I will test it tonight ❤

This review was left for a previous version of this asset.

Logo

Muharif AL Hanif (Publisher) 10 February 2017

Hi, Thanks for trying this extension. Please email me if you need some help ❤


Gravatar

Anonymous 23 January 2017

Excellent and easy to use

I really like its design and ease of use.
Full documentation and great customer support! I recommend it.

This review was left for a previous version of this asset.

Logo

Muharif AL Hanif (Publisher) 01 March 2017

Thanks :D


Gravatar

Iain B 20 January 2017

Excellent

Very easy to use, brilliant for making quick editors. Very impressed. Using no sprites is also a bonus (at the cost of performance ofcourse)

Adding transparency (alpha) would be a nice addition so you could make the controls slightly see through.

[Update]
Issue has been fixed in version 1.1.4. Well deserved 5 stars.

This review was left for a previous version of this asset.

Logo

Muharif AL Hanif (Publisher) 20 January 2017

Thanks for your feedback :D

There is still no header and footer function in this asset. You can create a custom function like the demo in this asset XD

For the issue, I fixed that in old version. But the new feature (Virtual Keyboard) causes that again XD
Btw, I have been updated, check whether the problem is fixed.


Gravatar

Muhammad R 27 December 2016

Complete Set, Well Done!

Everything is working well, it does what it says. Complete UI engine, with good documentation. The only downside is the tab is created using surface, so only text and images can be applied inside tabs. Any interactive menu such as textbox, button, etc can't fit inside a tab. Also some grammar error on the documentation but still easily understandable.

Overall this extension surprised me with a well-written, complete documentation in both English and Indonesia. All in a $1 price tag. Marvelous. Anyway I haven't seen this asset on Indonesian forum, why?

TL;DR: Complete UI with proper documentation

This review was left for a previous version of this asset.

Logo

Muharif AL Hanif (Publisher) 28 December 2016

Thanks for rating Meliaz :D
The tab is awful XD, it just a surface and no control can be put in there, I have no idea to find the best solution of this XD
For documentation, I just write in Indonesian and the english version is translated by a machine... lol :v (my english is too bad hahaha...)
I was planning to post it in Indonesian forum, may be next time. It is my old extension and I have lost access to login that forum a few months ago :D


Gravatar

Serhiy K 20 November 2016

5/5

Probably best UI engine on the marketplace so far. Definitely 5 stars.

This review was left for a previous version of this asset.

Logo

Muharif AL Hanif (Publisher) 20 November 2016

Hi, thanks for rating, this extension still needs to be more improved.

What is the issue?

Back to Top