Skip to content

Add animated menu controls #23

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
meowchelo wants to merge 1 commit into
base: master
Choose a base branch
from
Open

Add animated menu controls #23

Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
173 changes: 122 additions & 51 deletions ElysiumModMenu.cs
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -3061,11 +3061,11 @@ public static void SendNotification(string title, string message, float ttl = 3.
private bool stylesInited = false;
private GUIStyle windowStyle, btnStyle, activeTabStyle, headerStyle, boxStyle;
private GUIStyle sidebarStyle, sidebarBtnStyle, activeSidebarBtnStyle, titleStyle;
private GUIStyle toggleOnStyle, toggleOffStyle, toggleLabelStyle, safeLineStyle;
private GUIStyle toggleOnStyle, toggleOffStyle, toggleLabelStyle, safeLineStyle, trackOnStyle, trackOffStyle, knobStyle;
private GUIStyle sliderStyle, sliderThumbStyle, subTabStyle, activeSubTabStyle;
public GUIStyle inputBlockStyle;
private Texture2D texWindowBg, texBoxBg, texBtnBg, texAccent, texSidebarBg;
private Texture2D texToggleOff, texToggleOn, texSliderBg, texSliderThumb, texInputBg, texColorBtn, texScrollThumb;
private Texture2D texToggleOff, texToggleOn, texSliderBg, texSliderThumb, texInputBg, texColorBtn, texScrollThumb, texTrackOff, texTrackOn, texKnobWhite;
private Texture2D texMenuCard;
private GUIStyle menuCardStyle, menuSectionTitleStyle, menuDescStyle, menuBadgeStyle, menuAccentBarStyle, menuSwatchStyle;
private void DrawHostOnlyTab()
Expand Down Expand Up @@ -5803,11 +5803,11 @@ private RectOffset CreateRectOffset(int left, int right, int top, int bottom)
return new RectOffset { left = left, right = right, top = top, bottom = bottom };
}

private void UpdateSwitchTex(Texture2D tex, bool isOn, Color accentColor)
{
int width = tex.width; int height = tex.height;
Color transparent = new Color(0, 0, 0, 0);
Color offBg = new Color(0.23f, 0.23f, 0.23f, 1f);
private void UpdateSwitchTex(Texture2D tex, bool isOn, Color accentColor)
{
int width = tex.width; int height = tex.height;
Color transparent = new Color(0, 0, 0, 0);
Color offBg = new Color(0.23f, 0.23f, 0.23f, 1f);
Color offKnob = new Color(0.6f, 0.6f, 0.6f, 1f);
Color bgColor = isOn ? accentColor : offBg;
Color knobColor = isOn ? Color.white : offKnob;
Expand Down Expand Up @@ -5835,12 +5835,42 @@ private void UpdateSwitchTex(Texture2D tex, bool isOn, Color accentColor)
}
else pixels[y * width + x] = transparent;
}
}
tex.SetPixels(pixels); tex.Apply();
}

private static Color GetThemeAccentColor(Color source)
{
}
tex.SetPixels(pixels); tex.Apply();
}

private void UpdateTrackTex(Texture2D tex, bool isOn, Color accentColor)
{
int width = tex.width; int height = tex.height;
Color transparent = new Color(0, 0, 0, 0);
Color offBg = new Color(0.23f, 0.23f, 0.23f, 1f);
Color bgColor = isOn ? accentColor : offBg;
float r = height / 2f;
float cx1 = r; float cx2 = width - r; float cy = r;
Color[] pixels = new Color[width * height];
for (int y = 0; y < height; y++)
{
for (int x = 0; x < width; x++)
{
float dLeft = Vector2.Distance(new Vector2(x + 0.5f, y + 0.5f), new Vector2(cx1, cy));
float dRight = Vector2.Distance(new Vector2(x + 0.5f, y + 0.5f), new Vector2(cx2, cy));
float dRect = (x + 0.5f >= cx1 && x + 0.5f <= cx2) ? Mathf.Abs((y + 0.5f) - cy) : 9999f;
float distBg = Mathf.Min(dLeft, Mathf.Min(dRight, dRect));
float alphaBg = Mathf.Clamp01(r - distBg + 0.5f);
if (alphaBg > 0)
{
Color finalCol = bgColor;
finalCol.a = alphaBg;
pixels[y * width + x] = finalCol;
}
else pixels[y * width + x] = transparent;
}
}
tex.SetPixels(pixels); tex.Apply();
}

private static Color GetThemeAccentColor(Color source)
{
if (!whiteMenuTheme) return source;

Color.RGBToHSV(source, out float h, out float s, out float v);
Expand Down Expand Up @@ -5922,11 +5952,12 @@ private void UpdateAccentColor(Color color)
Color c = effectiveColor; c.a = alpha;
pix[y * size + x] = c;
}
}
texScrollThumb.SetPixels(pix); texScrollThumb.Apply();
}
if (texToggleOn != null) UpdateSwitchTex(texToggleOn, true, effectiveColor);
if (windowStyle != null) windowStyle.normal.textColor = whiteMenuTheme ? new Color(0.16f, 0.16f, 0.16f, 1f) : color;
}
texScrollThumb.SetPixels(pix); texScrollThumb.Apply();
}
if (texToggleOn != null) UpdateSwitchTex(texToggleOn, true, effectiveColor);
if (texTrackOn != null) UpdateTrackTex(texTrackOn, true, effectiveColor);
if (windowStyle != null) windowStyle.normal.textColor = whiteMenuTheme ? new Color(0.16f, 0.16f, 0.16f, 1f) : color;
if (headerStyle != null) headerStyle.normal.textColor = whiteMenuTheme ? new Color(0.15f, 0.15f, 0.15f, 1f) : color;
if (menuSectionTitleStyle != null) menuSectionTitleStyle.normal.textColor = whiteMenuTheme ? new Color(0.15f, 0.15f, 0.15f, 1f) : color;
if (menuBadgeStyle != null) menuBadgeStyle.normal.textColor = whiteMenuTheme ? new Color(0.15f, 0.15f, 0.15f, 1f) : color;
Expand Down Expand Up @@ -6002,12 +6033,19 @@ private void InitStyles()

texToggleOff = new Texture2D(30, 16, TextureFormat.RGBA32, false);
texToggleOff.hideFlags = HideFlags.HideAndDontSave;
texToggleOn = new Texture2D(30, 16, TextureFormat.RGBA32, false);
texToggleOn.hideFlags = HideFlags.HideAndDontSave;
UpdateSwitchTex(texToggleOff, false, Color.white);
UpdateSwitchTex(texToggleOn, true, accent);

safeLineStyle = new GUIStyle();
texToggleOn = new Texture2D(30, 16, TextureFormat.RGBA32, false);
texToggleOn.hideFlags = HideFlags.HideAndDontSave;
UpdateSwitchTex(texToggleOff, false, Color.white);
UpdateSwitchTex(texToggleOn, true, accent);
texTrackOff = new Texture2D(30, 16, TextureFormat.RGBA32, false);
texTrackOff.hideFlags = HideFlags.HideAndDontSave;
texTrackOn = new Texture2D(30, 16, TextureFormat.RGBA32, false);
texTrackOn.hideFlags = HideFlags.HideAndDontSave;
UpdateTrackTex(texTrackOff, false, Color.white);
UpdateTrackTex(texTrackOn, true, accent);
texKnobWhite = MakeRoundedTex(16, Color.white, 8f);

safeLineStyle = new GUIStyle();
safeLineStyle.normal.background = MakeRoundedTex(2, isLightTheme ? new Color(0.75f, 0.75f, 0.75f, 1f) : Color.white, 0f);

windowStyle = new GUIStyle();
Expand Down Expand Up @@ -6083,12 +6121,18 @@ private void InitStyles()
activeSidebarBtnStyle.normal.textColor = accent;
activeSidebarBtnStyle.hover.textColor = accent;

toggleOffStyle = new GUIStyle();
toggleOffStyle.normal.background = texToggleOff;
toggleOnStyle = new GUIStyle();
toggleOnStyle.normal.background = texToggleOn;

toggleLabelStyle = new GUIStyle();
toggleOffStyle = new GUIStyle();
toggleOffStyle.normal.background = texToggleOff;
toggleOnStyle = new GUIStyle();
toggleOnStyle.normal.background = texToggleOn;
trackOffStyle = new GUIStyle();
trackOffStyle.normal.background = texTrackOff;
trackOnStyle = new GUIStyle();
trackOnStyle.normal.background = texTrackOn;
knobStyle = new GUIStyle();
knobStyle.normal.background = texKnobWhite;

toggleLabelStyle = new GUIStyle();
toggleLabelStyle.normal.textColor = textMain;
toggleLabelStyle.alignment = TextAnchor.MiddleLeft;
toggleLabelStyle.padding = CreateRectOffset(4, 0, 0, 0);
Expand Down Expand Up @@ -6188,27 +6232,52 @@ private void LoadBackgroundImage()
catch { enableBackground = false; }
}

public static string ApplyMenuShimmer(string text)
{
string result = "";
Color baseColor = currentAccentColor, glowColor = Color.white;
for (int i = 0; i < text.Length; i++)
public static string ApplyMenuShimmer(string text)
{
string result = "";
Color baseColor = currentAccentColor, glowColor = Color.white;
for (int i = 0; i < text.Length; i++)
{
if (text[i] == ' ') { result += " "; continue; }
float wave = Mathf.Sin(Time.unscaledTime * 6f - (i * 0.4f)) * 0.5f + 0.5f;
Color c = Color.Lerp(baseColor, glowColor, wave);
result += $"<color=#{ColorUtility.ToHtmlStringRGB(c)}>{text[i]}</color>";
}
return result;
}

private bool DrawToggle(bool value, string text, int width = 0)
{
GUILayout.BeginHorizontal(GUILayout.MinWidth(width > 0 ? width : 200), GUILayout.Height(20));

bool clickedBox = GUILayout.Button("", value ? toggleOnStyle : toggleOffStyle, GUILayout.Width(30), GUILayout.Height(16));

GUILayout.Space(6);
}
return result;
}

private static readonly Dictionary<string, float> toggleAnimStates = new Dictionary<string, float>();

private void DrawAnimatedSwitch(Rect boxRect, bool value, string animKey)
{
string key = animKey ?? "";
float anim;
if (!toggleAnimStates.TryGetValue(key, out anim)) { anim = value ? 1f : 0f; toggleAnimStates[key] = anim; }
if (Event.current.type != EventType.Repaint) return;

anim = Mathf.MoveTowards(anim, value ? 1f : 0f, Time.unscaledDeltaTime * 8f);
toggleAnimStates[key] = anim;
float eased = Mathf.SmoothStep(0f, 1f, anim);

float knob = boxRect.height - 4f;
float knobX = Mathf.Lerp(boxRect.x + 2f, boxRect.xMax - knob - 2f, eased);
Rect knobRect = new Rect(knobX, boxRect.y + 2f, knob, knob);

Color prevBg = GUI.backgroundColor;
GUI.backgroundColor = Color.Lerp(new Color(0.80f, 0.80f, 0.84f, 1f), Color.white, eased);
GUI.Box(knobRect, "", knobStyle);
GUI.backgroundColor = prevBg;
}

private bool DrawToggle(bool value, string text, int width = 0)
{
GUILayout.BeginHorizontal(GUILayout.MinWidth(width > 0 ? width : 200), GUILayout.Height(20));

Rect animSwitchRect = GUILayoutUtility.GetRect(30f, 16f, GUILayout.Width(30f), GUILayout.Height(16f));
bool clickedBox = GUI.Button(animSwitchRect, "", value ? trackOnStyle : trackOffStyle);
DrawAnimatedSwitch(animSwitchRect, value, text);

GUILayout.Space(6);

GUIStyle toggleTextStyle = new GUIStyle(toggleLabelStyle)
{
Expand Down Expand Up @@ -6248,11 +6317,13 @@ private bool DrawBindableButton(string label, string bindKey, float width)
return clicked;
}

private bool DrawHostToggle(bool value, string text, float totalWidth = 250f)
{
GUILayout.BeginHorizontal(GUILayout.MinWidth(totalWidth), GUILayout.Height(20));
bool clickedBox = GUILayout.Button("", value ? toggleOnStyle : toggleOffStyle, GUILayout.Width(30), GUILayout.Height(16));
GUILayout.Space(6);
private bool DrawHostToggle(bool value, string text, float totalWidth = 250f)
{
GUILayout.BeginHorizontal(GUILayout.MinWidth(totalWidth), GUILayout.Height(20));
Rect animSwitchRect = GUILayoutUtility.GetRect(30f, 16f, GUILayout.Width(30f), GUILayout.Height(16f));
bool clickedBox = GUI.Button(animSwitchRect, "", value ? trackOnStyle : trackOffStyle);
DrawAnimatedSwitch(animSwitchRect, value, text);
GUILayout.Space(6);

GUIStyle hostToggleTextStyle = new GUIStyle(toggleLabelStyle)
{
Expand Down