Jump to content

Recommended Posts

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 ;)

str_gui.jpg

Download GUI Editor

Download Preview Mission

Mirrors:

armaholic.com

arma2base.de

This is not an official tool.

Edited by Moricky
  • Like 1

Share this post


Link to post
Share on other sites

Awesome - finally a cool GUI editor, thanks!

Interesting part is that it's ingame :)

Share this post


Link to post
Share on other sites

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.

Share this post


Link to post
Share on other sites

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 :).

Share this post


Link to post
Share on other sites

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.

Share this post


Link to post
Share on other sites

Karel, you are incredible.

That is all.

edit:

oh, also happy birthday!

Share this post


Link to post
Share on other sites

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 by R3F-Clint
correction

Share this post


Link to post
Share on other sites
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.

Share this post


Link to post
Share on other sites

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 by GossamerSolid

Share this post


Link to post
Share on other sites

'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.

Share this post


Link to post
Share on other sites
'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.

Share this post


Link to post
Share on other sites

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 by code34

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

Please sign in to comment

You will be able to leave a comment after signing in



Sign In Now
Sign in to follow this  

×