T3D User Interface (Dark Theme/ GUI) - T3D 3.5
by Nils Eikelenboom · 02/20/2014 (10:55 am) · 38 comments
This recourse can replace the default T3D 3.5 user interface (light grey) with another called Dark UI
It looks like this:
[+] Click to enlarge
Easy instructions:
For noobs and fresh new projects1. Make a copy of your game folder
- This should be a T3D 3.5 Empty or Full template! -
2. Download the zip file (3MB)
3. Extract the zip file
4. Select and copy the folders art, core, scripts and tools
5. Paste and overwrite all folders and files in the game folder
6. Delete your DSO files if you have any
7. Start Torque 3D and enjoy
Download, extract and use etc. on your own risk.
I can't be held responsible for any consequences possible!
______________________________________________________________________________________________
Pro instructions:
For developers with difficult stuff like custom GUI profiles etc...1. Make a copy of your game folder
2. Download the zip file (3MB)
3. Extract the zip file
4. Pick what you want to use and have another coffee or 2
5. If you succeed, let me know if you have ideas how to improve this
Download, extract and use etc. on your own risk.
I can't be held responsible for any consequences possible!
Compatibility
The whole thing is fully compatible with T3D 3.5. It's based on the recent 3.5 Empty Template, with only one thing added; that's ToolsGuiEditorProfile in profiles.ed.cs. This version doesn't need any engine changes, so you don't have to recompile your project. Future T3D updates that involve GUI's, profiles, settings and assets (images) need to be done with care, unless I'm going to update this recourse as well.
If you're still not sure; just try it out on a copy and see for your self!
Known style issues
1. The rulers of the GUI editor are bright instead of dark:
The colors of rulers are hard coded, if changed, a project would need to be recompiled.
2. GuiTextEditSliderCtrl icons (little triangles) should be white instead of black:
The colors of the GuiTextEditSliderCtrl icons are hard coded, if changed, a project would need to be recompiled.
Updates
02/11/2014 Dark UI Beta 1.1 (download link has been updated)
- ConsoleTextEditProfile style definitions have been removed
03/29/2014 Dark UI Beta 1.2 (download link has been updated)
- GuiConsoleTextProfile style definitions have been updated
07/08/2014 Dark UI Beta 1.3 (download link has been updated)
- ToolsGuiTextBoldCenterProfile and
GuiRadioProfile style definitions have been updated
______________________________________________________________________________________________
Give back to the Torque community and cheer each other for their work!
We are all learners, we are all noobs!
Cheers, Nils
#22
to
I've updated the files, so we have now DarkUI Beta 1.2
03/28/2014 (11:11 pm)
Thanks @Glenn for pointing that out! The GuiConsoleText should be of course readable at all times. To keep it in line with the other styles is the text off-white and do we have a light border-color. So I changed:if( !isObject( GuiConsoleTextProfile ) )
new GuiControlProfile( GuiConsoleTextProfile )
{
fontColor = "0 0 0";
autoSizeWidth = true;
autoSizeHeight = true;
textOffset = "2 2";
opaque = true;
fillColor = "21 21 21 255";
border = "1";
borderThickness = 1;
borderColor = "0 0 0";
category = "Core";
fontColors[0] = "0 0 0 255";
};to
if( !isObject( GuiConsoleTextProfile ) )
new GuiControlProfile( GuiConsoleTextProfile )
{
fontColor = "196 196 196";
autoSizeWidth = true;
autoSizeHeight = true;
textOffset = "2 2";
opaque = true;
fillColor = "21 21 21 255";
border = "1";
borderThickness = 1;
borderColor = "128 128 128";
category = "Core";
fontColors[0] = "196 196 196 255";
};I've updated the files, so we have now DarkUI Beta 1.2
#23
@Timmy; I'm afraid there will be no spectacular future developments on this, only the minor updates...
03/28/2014 (11:22 pm)
Quote:awesome job so far.
@Timmy; I'm afraid there will be no spectacular future developments on this, only the minor updates...
#25
and the Gui Radio Button change:
04/25/2014 (1:28 pm)
More fixes:if( !isObject( ToolsGuiTextBoldCenterProfile ) )
new GuiControlProfile (ToolsGuiTextBoldCenterProfile : ToolsGuiTextProfile)
{
fontColor = "50 50 50";
fontType = "Arial Bold";
fontSize = 16;
justify = "center";
category = "Tools";
};toif( !isObject( ToolsGuiTextBoldCenterProfile ) )
new GuiControlProfile (ToolsGuiTextBoldCenterProfile : ToolsGuiTextProfile)
{
fontColor = "50 50 50";
fontType = "Arial Bold";
fontSize = 16;
justify = "center";
category = "Tools";
};and the Gui Radio Button change:
if( !isObject( GuiRadioProfile ) )
new GuiControlProfile( GuiRadioProfile )
{
fontSize = 14;
fillColor = "21 21 21 255";
fontColor = "196 196 196";
fontColorHL = "80 80 80";
fixedExtent = 1;
bitmap = "core/art/gui/images/radioButton";
hasBitmapArray = true;
category = "Core";
fontColors[0] = "196 196 196 255";
fontColors[1] = "196 196 196 255";
};
#26
The files have been updated!
These are the changes:
and
07/07/2014 (6:51 pm)
Thanks @Glenn!The files have been updated!
These are the changes:
if( !isObject( ToolsGuiTextBoldCenterProfile ) )
new GuiControlProfile (ToolsGuiTextBoldCenterProfile : ToolsGuiTextProfile)
{
// fontColor = "50 50 50"; // +++ changed Dark UI 1.3
fontType = "Arial Bold";
fontSize = 16;
justify = "center";
category = "Tools";
};and
if( !isObject( GuiRadioProfile ) )
new GuiControlProfile( GuiRadioProfile )
{
// +++ changed Dark UI 1.3
fontSize = 14;
fillColor = "32 32 32 255";
fontColor = "196 196 196 255";
fontColorHL = "255 255 255 255";
fixedExtent = 1;
bitmap = "tools/gui/images/radioButton";
hasBitmapArray = true;
category = "Tools";
modal = "1";
fontColors[0] = "196 196 196 255";
fontColors[1] = "255 255 255 255";
};
#27
07/14/2014 (7:56 pm)
hello, as part of the list of things, i am announcing the integration of dark ui as default ui for Greed, it's indeed a sexy ui and i do like it, i would like to thanks j0linar for showing me this ressource :)
#29
You surprised me twice in just one sentence
07/14/2014 (8:21 pm)
Quote:hello, as part of the list of things, i am announcing the integration of dark ui as default ui for Greed, it's indeed a sexy ui and i do like it, i would like to thanks j0linar for showing me this ressource :)
You surprised me twice in just one sentence
#30
07/15/2014 (6:02 pm)
@Nils I have some transparent parts in some the WorldEditor UI (the part where you pick scale/rotate/move/select, I believe I heard something about someone else encountering this, was it ever resolved?
#31
07/15/2014 (7:17 pm)
@Lukas, the toolbar you mean? Can you show or tell me what parts are transparent? Do you see a magenta colour appearing in places where it shouldn't? 
#33
It's defined in \tools\gui\profiles.ed.cs
Can you check if the code is the same and/or if the bitmap is there?
07/16/2014 (7:15 am)
@Lukas, That's strange! Is it all out of the box or were there changes after you applied the DarkUI? The only thing I could think of right now is that the path to the toolbar bitmap doesn't work or the bitmap doesn't exist.It's defined in \tools\gui\profiles.ed.cs
if( !isObject( ToolsGuiToolbarWindowProfile ) )
new GuiControlProfile(ToolsGuiToolbarWindowProfile : ToolsGuiWindowProfile)
{
bitmap = "./images/toolbar-window";
text = "";
category = "Tools";
};Can you check if the code is the same and/or if the bitmap is there?
#34
07/16/2014 (7:52 am)
If you wan't to try out a clean project with DarkUI 1.3, you can download it here (zip file / 19MB)
#35
07/16/2014 (8:31 am)
Works completely fine with that version, so it's probably just an issue with the OMNI integration, I'll take it up with the guys.
#36
07/17/2014 (7:37 am)
@Nils oh right I forgot to tell you this, Vince and Aswin told me that the UI issue is Omni-related :P So now worries, sorry to bother you!
#37
07/17/2014 (7:51 am)
@Lukas: Haha, I saw the tiny buttons with the '>' right after I hit 'Post Comment', so it was too late for a different response ;) I like being tested on my sharpness so no not to worry if you bothered me or not. Just shoot if you find more issues and I'll try to be helpful again!
#38
Dark UI is compatible with T3D 3.6.1. Hop over to the new recourse post for the latest updates.
---
Please note that the Garagegames 2012 MIT licence for Torque 3D has been unchanged and still apply on all files and code that are included in this recourse. The copyright notice and the permission notice shall be included in all copies or substantial portions of the software!
10/09/2014 (10:48 pm)
Dark UI is compatible with T3D 3.6.1. Hop over to the new recourse post for the latest updates.
---
Please note that the Garagegames 2012 MIT licence for Torque 3D has been unchanged and still apply on all files and code that are included in this recourse. The copyright notice and the permission notice shall be included in all copies or substantial portions of the software!
Timmy01