Game Development Community

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:
i-dropper.net/torque/darkUI/T3D_DarkUI_PreviewM.jpg

i-dropper.net/torque/darkUI/T3D_DarkUI_PreviewM.jpg

[+] Click to enlarge

Easy instructions:

For noobs and fresh new projects

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

Torque Owner Nils Eikelenboom
Studio DimSum

About the author

Recent Blogs

• NEW DeadlyMatter Trailer (pre-alpha)
• DeadlyMatter (Pre-Alpha) In-game footage
• T3D 3.6.1 User Interface: Dark UI
• Torsion in VS2012+ style (Dark theme)
• Brighten up shadows of groundcover shapes in T3D

NextNext resource

PrevPrevious resource

More resources

Page «Previous 1 2 Next»

Torque Owner Joshua Leeming
Default Studio Name

02/20/2014 (2:07 pm)

Thankyou

Torque Owner Kevin Mitchell
12 CatBlack Studios

02/20/2014 (2:11 pm)

pretty cool!

Torque Owner Kory Imaginism
innovative imaginations

02/20/2014 (4:09 pm)

thanks!!!

Torque 3D Owner JeffH

02/20/2014 (8:49 pm)

Thank you Nils! It looks wonderful, I might just implement it into my game!

Torque Owner Jeff Yaskus
jy games

02/20/2014 (9:32 pm)

nice change, thanks!

Torque Owner Quinton Delpeche
Gobbo Games

02/20/2014 (9:52 pm)

Nice. Thanks. 8-}

Joshua david groves

02/20/2014 (9:58 pm)

Been waiting so long for this Thank you so much

Torque Owner Stephen
GearedMind Studio

02/20/2014 (11:23 pm)

Looks really nice! Great job! Keep it up. Thanks for releasing this.

Phillip Trotter

02/21/2014 (7:13 am)

awesome job / looks great and nice to work with. thanks.

Francisco Montanes
Adaptive Systems

#10

02/21/2014 (1:45 pm)

Thumps up! Thank you.

Torque Owner Nils Eikelenboom
Studio DimSum

#11

02/23/2014 (12:52 am)

Thanks! Hoping to see awesome T3D screenshots with Dark UI in the near future!

Torque Owner Glenn Bermingham
Demon Flame

#12

02/23/2014 (2:32 am)

Hah oh wow, I've been working on changing my UI from White to Black for the past couple of weeks, finally nearly done and see this resource. Its a surprising hard process to make sure EVERYTHING is balanced correctly for every situation.

Thanks a bunch for sharing.

Edit: I noticed the Console Text edit bar was showing the text as 196 196 196 on white which is near impossible to see. I fixed this by finding GuiTextEditProfile
fontColors[0] = "196 196 196 255";
and changing it to
fontColors[0] = "0 0 0 255";

Torque Owner Nils Eikelenboom
Studio DimSum

#13

02/23/2014 (5:37 am)

Nice catch @Glenn, thanks! I must have overlooked it somehow
(I'm using a different UI for my working project - it's not that I don't use the console ;)

GuiTextEditProfile is being used globally; the only thing you'd want to change here IMO is the custom profile for console only; that's the ConsoleTextEditProfile. If you'd change* that to:

if( !isObject( ConsoleTextEditProfile ) )
new GuiControlProfile( ConsoleTextEditProfile : GuiTextEditProfile )
{
   fontColor = "196 196 196 255";
   fontColorHL = "255 255 255";
   fontColorSEL = "72 12 0 255";
   fontColorNA = "128 128 128 255";
   fontColors[0] = "196 196 196 255";
   fontColors[1] = "255 255 255 255";
   fontColors[2] = "128 128 128 255";
   fontColors[3] = "72 12 0 255";
   fillColor = "21 21 21 255";
   fillColorHL = "72 72 72 255";
   fillColorNA = "18 18 18 0";
   fillColorSEL = "72 72 72 255";
   category = "Core";
};

then the issue is solved. I'll update the files by tomorrow!

I'm sorry you were already working on something similar, I did not know.
Hopefully is was a "learningful" process; for me it was :)

*Edit: You can also remove any style definitions in ConsoleTextEditProfile and let it all inherit from GuiTextEditProfile

Torque Owner D Fasel
Game 3D

#14

02/23/2014 (6:03 am)

cool looking gui, thanks Nils!

Torque Owner Nils Eikelenboom
Studio DimSum

#15

02/23/2014 (6:54 am)

Files have been updated. It's now Dark UI Beta 1.1

Changes:
- ConsoleTextEditProfile style definitions have been removed

Julius

#16

02/25/2014 (1:34 pm)

looks great, this is also licensed MIT right?

Torque Owner Nils Eikelenboom
Studio DimSum

#17

02/25/2014 (6:54 pm)

Yes @Julius, this is licensed MIT

gdyxml2000

#18

03/03/2014 (7:55 am)

good job

Torque Owner Nils Eikelenboom
Studio DimSum

#19

03/18/2014 (12:07 am)

bumpski!

Torque Owner Glenn Bermingham
Demon Flame

#20

03/21/2014 (11:40 pm)

Found another problem, doing metrics(fps); into the console and the FPS stats are in black with a 21 21 21 background colour making it impossible to see.

Change:

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";
};

if( !isObject( GuiConsoleTextProfile ) )
new GuiControlProfile( GuiConsoleTextProfile )
{   
   fontColor = "255 255 255";
   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] = "255 255 255 255";
};

For maximum readability.

Page «Previous 1 2 Next»

Post a blog
Add a resource
Start a Thread