Update IMGUI to something roughly TB-like

This commit is contained in:
NGnius (Graham) 2021-05-31 17:59:25 -04:00
parent b31eaa20c0
commit 06cb911ea3
2 changed files with 32 additions and 36 deletions

View file

@ -33,7 +33,7 @@ namespace TechbloxModdingAPI.Interface.IMGUI
} }
} }
private static Font _riffic = null; private static Font _font = null;
private static Texture2D _blueBackground = null; private static Texture2D _blueBackground = null;
private static Texture2D _grayBackground = null; private static Texture2D _grayBackground = null;
@ -49,12 +49,13 @@ namespace TechbloxModdingAPI.Interface.IMGUI
private static GUISkin BuildDefaultGUISkin() private static GUISkin BuildDefaultGUISkin()
{ {
_defaultCompletion = 0; _defaultCompletion = 0;
if (_riffic == null) return GUI.skin; //if (_font == null) return GUI.skin;
// build GUISkin // build GUISkin
GUISkin gui = ScriptableObject.CreateInstance<GUISkin>(); GUISkin gui = ScriptableObject.CreateInstance<GUISkin>();
gui.font = _riffic; gui.font = _font;
gui.settings.selectionColor = Color.white; gui.settings.selectionColor = Color.white;
gui.settings.tripleClickSelectsLine = true; gui.settings.tripleClickSelectsLine = true;
Color textColour = new Color(0.706f, 0.706f, 0.706f);
// set properties off all UI elements // set properties off all UI elements
foreach (PropertyInfo p in typeof(GUISkin).GetProperties()) foreach (PropertyInfo p in typeof(GUISkin).GetProperties())
{ {
@ -63,29 +64,30 @@ namespace TechbloxModdingAPI.Interface.IMGUI
{ {
style.richText = true; style.richText = true;
style.alignment = TextAnchor.MiddleCenter; style.alignment = TextAnchor.MiddleCenter;
style.fontSize = 30; style.fontSize = 16;
style.wordWrap = true; style.wordWrap = true;
style.border = new RectOffset(4, 4, 4, 4); style.border = new RectOffset(4, 4, 4, 4);
style.margin = new RectOffset(4, 4, 4, 4); style.margin = new RectOffset(4, 4, 4, 4);
style.padding = new RectOffset(4, 4, 4, 4); style.padding = new RectOffset(4, 4, 4, 4);
// normal state // normal state
style.normal.background = _blueBackground; style.normal.background = _grayBackground;
style.normal.textColor = Color.white; style.normal.textColor = textColour;
// hover state // hover state
style.hover.background = _grayBackground; style.hover.background = _grayBackground;
style.hover.textColor = Color.white; style.hover.textColor = textColour;
// focused // focused
style.focused.background = _grayBackground; style.focused.background = _grayBackground;
style.focused.textColor = Color.white; style.focused.textColor = textColour;
// clicking state // clicking state
style.active.background = _whiteBackground; style.active.background = _whiteBackground;
style.active.textColor = Color.white; style.active.textColor = textColour;
p.SetValue(gui, style); // probably unnecessary p.SetValue(gui, style); // probably unnecessary
} }
} }
// set element-specific styles // set element-specific styles
// label // label
gui.label.fontSize = 20;
gui.label.normal.background = null; gui.label.normal.background = null;
gui.label.hover.background = null; gui.label.hover.background = null;
gui.label.focused.background = null; gui.label.focused.background = null;
@ -115,35 +117,29 @@ namespace TechbloxModdingAPI.Interface.IMGUI
private static void LoadGUIAssets() private static void LoadGUIAssets()
{ {
AsyncOperationHandle<Font> rifficHandle = Addressables.LoadAssetAsync<Font>("Assets/Art/Fonts/riffic-bold.ttf"); /*AsyncOperationHandle<Font> fontHandle = Addressables.LoadAssetAsync<Font>("Assets/Plugins/TextMesh Pro/Fonts/LiberationSans.ttf");
rifficHandle.Completed += handle => fontHandle.Completed += handle =>
{ {
_riffic = handle.Result; _font = handle.Result;
_defaultCompletion++;
};
_blueBackground = new Texture2D(1, 1);
_blueBackground.SetPixel(0, 0, new Color(0.004f, 0.522f, 0.847f) /* Techblox Blue */);
_blueBackground.Apply();
_grayBackground = new Texture2D(1, 1);
_grayBackground.SetPixel(0, 0, new Color(0.745f, 0.745f, 0.745f) /* Gray */);
_grayBackground.Apply();
_whiteBackground = new Texture2D(1, 1);
_whiteBackground.SetPixel(0, 0, new Color(0.898f, 0.898f, 0.898f) /* Very light gray */);
_whiteBackground.Apply();
_textInputBackground = new Texture2D(1, 1);
_textInputBackground.SetPixel(0, 0, new Color(0f, 0f, 0f, 0.25f) /* Translucent gray */);
_textInputBackground.Apply();
_areaBackground = new Texture2D(1, 1);
_areaBackground.SetPixel(0, 0, new Color(0f, 0f, 0f, 0.25f) /* Translucent gray */);
_areaBackground.Apply();
/* // this is actually gray (used for the loading screen)
AsyncOperationHandle<Texture2D> backgroundHandle =
Addressables.LoadAssetAsync<Texture2D>("Assets/Art/Textures/UI/FrontEndMap/RCX_Blue_Background_5k.jpg");
backgroundHandle.Completed += handle =>
{
_blueBackground = handle.Result;
_defaultCompletion++; _defaultCompletion++;
};*/ };*/
_font = Resources.Load<Font>("Assets/Plugins/TextMesh Pro/Fonts/LiberationSans.ttf");
// TODO generate larger textures with borders on them so it actually looks more like Techblox
_blueBackground = new Texture2D(1, 1);
_blueBackground.SetPixel(0, 0, new Color(0.004f, 0.522f, 0.847f) /* Gamecraft Blue, unused */);
_blueBackground.Apply();
_grayBackground = new Texture2D(1, 1);
_grayBackground.SetPixel(0, 0, new Color(0.11f, 0.11f, 0.11f, 1f) /* Very dark gray */);
_grayBackground.Apply();
_whiteBackground = new Texture2D(1, 1);
_whiteBackground.SetPixel(0, 0, new Color(0.961f, 0.961f, 0.961f) /* Very light gray */);
_whiteBackground.Apply();
_textInputBackground = new Texture2D(1, 1);
_textInputBackground.SetPixel(0, 0, new Color(0.961f, 0.961f, 0.961f) /* Very light gray */);
_textInputBackground.Apply();
_areaBackground = new Texture2D(1, 1);
_areaBackground.SetPixel(0, 0, new Color(0.051f, 0.051f, 0.051f, 1f) /* Very very dark gray */);
_areaBackground.Apply();
_defaultCompletion++; _defaultCompletion++;
} }
} }

View file

@ -216,7 +216,7 @@ namespace TechbloxModdingAPI.Tests
button.OnClick += (b, __) => { Logging.MetaDebugLog($"Click on {((Interface.IMGUI.Button)b).Name}");}; button.OnClick += (b, __) => { Logging.MetaDebugLog($"Click on {((Interface.IMGUI.Button)b).Name}");};
var button2 = new Button("TEST2"); var button2 = new Button("TEST2");
button2.OnClick += (b, __) => { Logging.MetaDebugLog($"Click on {((Interface.IMGUI.Button)b).Name}");}; button2.OnClick += (b, __) => { Logging.MetaDebugLog($"Click on {((Interface.IMGUI.Button)b).Name}");};
Text uiText = new Text("This is text!", multiline: true); Text uiText = new Text("<Input!>", multiline: true);
uiText.OnEdit += (t, txt) => { Logging.MetaDebugLog($"Text in {((Text)t).Name} is now '{txt}'"); }; uiText.OnEdit += (t, txt) => { Logging.MetaDebugLog($"Text in {((Text)t).Name} is now '{txt}'"); };
Label uiLabel = new Label("Label!"); Label uiLabel = new Label("Label!");
Image uiImg = new Image(name:"Behold this texture!"); Image uiImg = new Image(name:"Behold this texture!");