User Interface Editor

[moricky 210]

Hello,

I'm happy to present you ingame tool we're using for internal development for some time. It's simple WYSIWYG editor for Arma 2 and Arma 2: OA user interface.

It won't do all work for you, you still have to have basic knowledge about how GUI works and where to define it. However, it can really speed up the process of creating and modifying dialogs and resources.

Instruction how to operate the editor can be found on community wiki.

I'll appreciate any feedback about bugs and suggestions ;)

Download GUI Editor

Download Preview Mission

Mirrors:

armaholic.com

arma2base.de

This is not an official tool.

Edited February 25, 2011 by Moricky

[AnimalMother92 10]

Cool & happy birthday :)

[sickboy 13]

Awesome - finally a cool GUI editor, thanks!

Interesting part is that it's ingame :)

[Nordin 0]

Wonderful! Thanks!

[Lonestar 11]

Long overdue! :)

[avengerzx 10]

Nice! Testing now

[rexehuk 16]

Can this do ALL dialog control types, i.e control sets etc? I use a GUI editor at present in a windows studio but it has the limitation of control sets not working yet.

[PuFu 4591]

cheers Gaia, i'll give it a test-drive today

[rexehuk 16]

Cool little tool, although I prefer doing it in a windows environment with simplier controls and less typing needed.

Thanks for the release, I'm sure some people will find use for it or modify it in some way :).

[gossamersolid 155]

Thank Baby Jesus!

No more manual x and y coordinates!

[shay_gman 272]

Holly cow!!!

How ironic is that, just when I finished most of the work on the sandbox tool it gets released. Do you know how much time BIS could have save me if they released this earlier?

To move the control a little left: abort mission --> go all the way to the lobby --> change the hpp file --> start the mission again --> found out I moved the control a bit too much --> repeat the process. Oh you forgot ";" crush to desktop ;)

I love you BIS. Gonna test it when I get home.

[Gnome_AS 10]

Sweet, this should relieve some of the annoyances in the process.

:)

[cole 0]

Karel, you are incredible.

That is all.

edit:

oh, also happy birthday!

[Walker001 0]

Much appreciated. Tnx, your the best.

[Tankbuster 1733]

Win.

5 chars

[das attorney 857]

I'll risk an infraction for saying what I want to say.

Fucking brilliant :)

Thanks BIS!

[chicago 13]

It´s cool. Finally, I can create GUI dialogs simply :)

Thanks BIS!

[R3F-Clint 0]

Huge!

Since the time I expected that.

After some testing summary, the tool to look nice and handy. Bravo!

Too bad, how to capture the colors is not pleasant.

I prefer something with sliders to set the RGBA

There is an online tool for this: http://lothule.com/zamzack/convert-color.php

This tool is very easy to use. It's in french but there is nothing to read, juste move fours sliders.

For information there is an dialog editor online for Arma2 but not WYSIWYG

http://lothule.com/zamzock/

It was made to work for Arma2 during the hours of work with impunity. LoL

And also because my daughter needed to learn javascript, css + html.

Edited February 25, 2011 by R3F-Clint
correction

[moricky 210]

Too bad, how to capture the colors is not pleasant.

I prefer something with sliders to set the RGBA

Good idea, I'll try to implement it into next version. Thanks for suggestion.

[gossamersolid 155]

Has anybody got the "Import from Config File" feature working?

I create a file named test.h in my working directory for the mission, then I say the config file is test.h and click Ok, but nothing happens.

The contents of test.h are the same as the sample config file output from the wiki page

class RscText_1000: RscText
{
idc = 1000;
x = 0.3125 * safezoneW + safezoneX;
y = 0.35 * safezoneH + safezoneY;
w = 0.375 * safezoneW;
h = 0.3 * safezoneH;
colorBackground[] = {0,0,0,0.5};
};
class MyHeader: RscText
{
style = ST_CENTER;

idc = 1001;
text = "Hello World";
x = 0.3125 * safezoneW + safezoneX;
y = 0.35 * safezoneH + safezoneY;
w = 0.375 * safezoneW;
h = 0.05 * safezoneH;
colorBackground[] = {0,0,0,0.5};
};
class MyEditbox: RscEdit
{
idc = 1234;

x = 0.328125 * safezoneW + safezoneX;
y = 0.425 * safezoneH + safezoneY;
w = 0.34375 * safezoneW;
h = 0.15 * safezoneH;
};
class MyButtonOK: RscShortcutButton
{
onButtonClick = "hint ctrltext ((ctrlParent (_this select 0)) displayCtrl 1234);";

idc = 1700;
text = "Ok";
x = 0.53125 * safezoneW + safezoneX;
y = 0.575 * safezoneH + safezoneY;
w = 0.140625 * safezoneW;
h = 0.1 * safezoneH;
};
class MyButtonBack: RscShortcutButton
{
onButtonClick = "((ctrlParent (_this select 0)) closeDisplay 3000);";

idc = 1701;
text = "Cancel";
x = 0.328125 * safezoneW + safezoneX;
y = 0.575 * safezoneH + safezoneY;
w = 0.140625 * safezoneW;
h = 0.1 * safezoneH;
};

EDIT:

Also wondering how to change the layer that the GUI elements appear on. I make a picture control that should be the background, but anything I try to put in after it is kinda behind it so it's not visible.

Edited March 1, 2011 by GossamerSolid

[moricky 210]

'Import from config' is using config data load by game, you cannot open specific file. That's why 'configfile' is already predefined in the text field.

Examples:

configfile >> "RscDisplayMain";

configfile >> "RscDisplayBuyGear"

missionConfigFile >> "MyMissionDialog"

So you have to first define it as resource/dialog for game to recognize it.

[gossamersolid 155]

'Import from config' is using config data load by game, you cannot open specific file. That's why 'configfile' is already predefined in the text field.

Examples:

configfile >> "RscDisplayMain";

configfile >> "RscDisplayBuyGear"

missionConfigFile >> "MyMissionDialog"

So you have to first define it as resource/dialog for game to recognize it.

ah ok.

[code34 248]

Hi,

First test,

It seems RscListbox doesn't exist as define class. :eek: so, i copy the definition from your demo mission, is there a better way ?

other thing, it's seems import function is very tricky

i did this:

enter into the box:

missionConfigFile >> "RscDisplayTest"

and my .hpp file contains this

class RscDisplayTest

{

idd = 3000;

movingenable = 0;

controlsBackground[] = {"RscStructuredText_1101", "RscListbox_1500", "RscStructuredText_1100", "RscButton_1600","RscText_1000"};

class RscStructuredText_1101: RscStructuredText

{

idc = 1101;

x = 0.181213 * safezoneW + safezoneX;

y = 0.075 * safezoneH + safezoneY;

w = 0.636565 * safezoneW;

h = 0.84775 * safezoneH;

colorBackground[] = {0,0,0,0.75};

colorBackgroundActive[] = {0,0,0,0};

};

class RscListbox_1500: RscListBox

{

idc = 1500;

x = 0.189011 * safezoneW + safezoneX;

y = 0.155 * safezoneH + safezoneY;

w = 0.161715 * safezoneW;

h = 0.687 * safezoneH;

};

class RscStructuredText_1100: RscStructuredText

{

idc = 1100;

x = 0.35754 * safezoneW + safezoneX;

y = 0.105 * safezoneH + safezoneY;

w = 0.450848 * safezoneW;

h = 0.742 * safezoneH;

};

class RscButton_1600: RscButton

{

idc = 1600;

text = "Validate";

x = 0.663526 * safezoneW + safezoneX;

y = 0.862 * safezoneH + safezoneY;

w = 0.141702 * safezoneW;

h = 0.052 * safezoneH;

action = "closedialog 0;";

};

class RscText_1000: RscText

{

idc = 1000;

text = "Choose your mission";

x = 0.190591 * safezoneW + safezoneX;

y = 0.094 * safezoneH + safezoneY;

w = 0.158028 * safezoneW;

h = 0.048 * safezoneH;

};

};

and import works but i m not sure it's the easiest way.

NB: It seems color import doesn't work.

colorBackground[] = {0,0,0,0.75};

colorBackgroundActive[] = {0,0,0,0};

Edited March 6, 2011 by code34

[Doolittle 0]

This is so beautiful. I think I'm going to cry.

This addon alone should have been DLC for $25 and I would buy it :o

[kremator 1064]

For the less academically gifted could you give us an idea what you can do with it Doolittle?