Merge pull request 'Remove the upgrade of opaque theme colors from before 0.1.3' (#14) from drop-color-upgrade into master

Reviewed-on: #14

src/main/java/org/saturnclient/common/provider/SaturnProvider.java

@@ -22,6 +22,12 @@ public interface SaturnProvider {
     /** The Saturn Client mod version, e.g. {@code 0.1.0-beta3+1.21.11}. */
     public String getModVersion();
 
+    /**
+     * The signed-in player's 64x64 skin texture, or the default skin until
+     * theirs has loaded.
+     */
+    public IdentifierRef getPlayerSkin();
+
     /** Shows a warning toast. Safe to call from any thread. */
     public void showWarning(String title, String message);
 }

src/main/java/org/saturnclient/common/ref/game/ItemStackRef.java

@@ -1,7 +1,11 @@
 package org.saturnclient.common.ref.game;
 
+/**
+ * An item stack. Its methods are implemented in ItemStackMixin, so their names must not match any of
+ * ItemStack's own methods.
+ */
 public interface ItemStackRef {
-    public boolean isEmpty();
+    public boolean isEmptyStack();
-    public int getMaxDamage();
+    public int getMaxItemDamage();
-    public int getDamage();
+    public int getItemDamage();
 }

src/main/java/org/saturnclient/common/ref/render/WindowRef.java

@@ -1,9 +1,15 @@
 package org.saturnclient.common.ref.render;
 
+/**
+ * The game window. Its methods are implemented in WindowMixin, so their names must not match any of
+ * Window's own methods.
+ */
 public interface WindowRef {
-    public int getWidth();
+    /** The window's width in screen coordinates */
+    public int getWindowWidth();
 
-    public int getHeight();
+    /** The window's height in screen coordinates */
+    public int getWindowHeight();
 
     public int getFramebufferWidth();
 

src/main/java/org/saturnclient/config/Config.java

@@ -6,6 +6,7 @@ import org.saturnclient.common.provider.GLFWProvider;
 import org.saturnclient.common.provider.Providers;
 import org.saturnclient.common.ref.asset.IdentifierRef;
 import org.saturnclient.config.property.BoolProperty;
+import org.saturnclient.config.property.FloatProperty;
 import org.saturnclient.config.property.IntProperty;
 import org.saturnclient.config.property.KeybindingProperty;
 import org.saturnclient.config.property.Property;
@@ -18,9 +19,33 @@ public class Config {
     public static BoolProperty saturnTitleScreen = Property.bool(true);
     public static BoolProperty cloakPhysics = Property.bool(true);
     public static BoolProperty stagger = Property.bool(true);
+    /** The world or panorama behind Saturn's screens, faded in as they open */
     public static IntProperty backgroundBlur = Property.integer(5).range(0, 10);
+    /** Glass behind translucent menus (panels), and widgets (buttons, the dock) */
+    public static IntProperty menuBlur = Property.integer(8).range(0, 20);
+    public static IntProperty widgetBlur = Property.integer(6).range(0, 20);
+    // How big Saturn's screens are, relative to Minecraft's GUI scale
+    public static FloatProperty titleScale = guiScale();
+    public static FloatProperty menuScale = guiScale();
+    public static FloatProperty hudMenuScale = guiScale();
+
+    /** Added in 0.1.3, so a config without it was saved by an older version */
+    static final String MENU_BLUR = "Menu blur";
     public static KeybindingProperty openEmoteWheel = Property.keybinding(GLFWProvider.GLFW_KEY_B);
 
+    private static FloatProperty guiScale() {
+        return Property.floatProp(1f).range(0.5f, 2f, 0.05f).unit("×");
+    }
+
+    /**
+     * Whether any glass can be drawn: a glass blur is on, and a background it
+     * goes behind isn't solid.
+     */
+    public static boolean usesGlass() {
+        boolean translucent = Theme.getPanelBg() >>> 24 < 0xFF || Theme.PRIMARY.value >>> 24 < 0xFF;
+        return translucent && (menuBlur.value > 0 || widgetBlur.value > 0);
+    }
+
     public static IdentifierRef getLogo() {
         return realisticLogo.value ? Textures.REALISTIC_LOGO : Textures.LOGO;
     }
@@ -34,7 +59,12 @@ public class Config {
         config.property("Open Emote Wheel", openEmoteWheel, "The key that opens the emote wheel");
         config.property("Cloak Physics", cloakPhysics, "Let cloaks swing as you move");
         config.property("Stagger Animations", stagger, "Animate list items one after another");
-        config.property("Background blur", backgroundBlur, "How much the game behind Saturn's screens is blurred");
+        config.property("World blur", backgroundBlur, "How much the world or panorama behind Saturn's screens is blurred");
+        config.property(MENU_BLUR, menuBlur, "How much the game is blurred through translucent menus");
+        config.property("Widget blur", widgetBlur, "How much the game is blurred through translucent buttons and the dock");
+        config.property("Title screen scale", titleScale, "How big the title screen is, relative to Minecraft's GUI scale");
+        config.property("Menu scale", menuScale, "How big the mods, settings and cosmetics menus are, relative to Minecraft's GUI scale");
+        config.property("HUD menu scale", hudMenuScale, "How big the emote wheel and shift menu are, relative to Minecraft's GUI scale");
 
         // Initialize a sub namespace for theme
         Theme.init(config);

src/main/java/org/saturnclient/config/ConfigManager.java

@@ -156,10 +156,17 @@ public class ConfigManager {
      * Load only a single property immediately after creation
      */
     private void loadSingleProperty(String name, Property prop) {
+        JsonNode element = getSaved(name);
 
+        if (element != null) {
+            prop.loadFromJson(element);
+        }
+    }
+
+    private JsonNode getSaved(String name) {
         JsonNode source = cachedJson != null ? cachedJson : loadAndCache();
         if (source == null || !source.isObject())
-            return;
+            return null;
 
         JsonNode currentScope = source;
 
@@ -170,16 +177,12 @@ public class ConfigManager {
             if (next != null && next.isObject()) {
                 currentScope = next;
             } else {
-                return;
+                return null;
             }
 
         }
 
-        JsonNode element = currentScope.get(name);
+        return currentScope.get(name);
-
-        if (element != null) {
-            prop.loadFromJson(element);
-        }
     }
 
     /**

src/main/java/org/saturnclient/config/Theme.java

@@ -10,14 +10,14 @@ import org.saturnclient.config.property.SelectProperty;
 public class Theme {
     public static ConfigManager config;
 
-    // Main UI background (slightly warm dark to match Saturn tone)
+    // Main UI background (slightly warm dark to match Saturn tone), translucent over the world
-    public static final ColorProperty BACKGROUND = Property.color(0xFF12100D);
+    public static final ColorProperty BACKGROUND = Property.color(0xD112100D);
 
     // Default text color
     public static final ColorProperty FOREGROUND = Property.color(0xFFF2E6D2);
 
-    // Widget default background (normal state)
+    // Widget default background (normal state), translucent over the world
-    public static final ColorProperty PRIMARY = Property.color(0xFF1C1915);
+    public static final ColorProperty PRIMARY = Property.color(0xB81C1915);
 
     // Widget text color
     public static final ColorProperty PRIMARY_FG = Property.color(0xFFEAD9B8);
@@ -62,10 +62,10 @@ public class Theme {
     }
 
     public static final List<Preset> PRESETS = List.of(
-            new Preset("Saturn", 0xFF12100D, 0xFFF2E6D2, 0xFF1C1915, 0xFFEAD9B8, 0xFFE2BF7D, 0xFF1A140A, 0xFFE2BF7D),
+            new Preset("Saturn", 0xD112100D, 0xFFF2E6D2, 0xB81C1915, 0xFFEAD9B8, 0xFFE2BF7D, 0xFF1A140A, 0xFFE2BF7D),
-            new Preset("Midnight", 0xFF0E1117, 0xFFE4EAF5, 0xFF171C26, 0xFFC9D4E8, 0xFF8FB3FF, 0xFF0A1224, 0xFF8FB3FF),
+            new Preset("Midnight", 0xD10E1117, 0xFFE4EAF5, 0xB8171C26, 0xFFC9D4E8, 0xFF8FB3FF, 0xFF0A1224, 0xFF8FB3FF),
-            new Preset("Amethyst", 0xFF120F17, 0xFFEDE4F7, 0xFF1C1724, 0xFFD8C9EB, 0xFFC79BFF, 0xFF1A0F2A, 0xFFC79BFF),
+            new Preset("Amethyst", 0xD1120F17, 0xFFEDE4F7, 0xB81C1724, 0xFFD8C9EB, 0xFFC79BFF, 0xFF1A0F2A, 0xFFC79BFF),
-            new Preset("Emerald", 0xFF0D1210, 0xFFE2F2EA, 0xFF16201B, 0xFFC4E0D2, 0xFF7FD1A8, 0xFF0A1F15, 0xFF7FD1A8));
+            new Preset("Emerald", 0xD10D1210, 0xFFE2F2EA, 0xB816201B, 0xFFC4E0D2, 0xFF7FD1A8, 0xFF0A1F15, 0xFF7FD1A8));
 
     public static void init(ConfigManager parent) {
         config = new ConfigManager(parent, "UI Style");
@@ -98,10 +98,19 @@ public class Theme {
     }
 
     /**
-     * Translucent background for panels drawn over the world
+     * Background for panels drawn over the world, as translucent as the
+     * background color is
      */
     public static int getPanelBg() {
-        return withAlpha(0.82f, BACKGROUND.value);
+        return BACKGROUND.value;
+    }
+
+    /**
+     * Background for popups, which sit over other panels: the background color,
+     * kept nearly solid so what's under it doesn't show through
+     */
+    public static int getPopupBg() {
+        return withAlpha(0.97f, BACKGROUND.value | 0xFF000000);
     }
 
     /**

src/main/java/org/saturnclient/cosmetics/Cloaks.java

@@ -38,7 +38,14 @@ public class Cloaks {
         availableCloaks.add(0, "");
     }
 
+    /**
+     * The cloak's texture, or null for no cloak ("", the "None" choice) and for a cloak this version
+     * has no texture for, which would otherwise draw as the missing texture.
+     */
     public static IdentifierRef getCurrentCloakTexture(String cloakName) {
+        if (cloakName == null || !Arrays.asList(ALL_CLOAKS).contains(cloakName)) {
+            return null;
+        }
         if (Arrays.asList(ANIMATED_CLOAKS).contains(cloakName)) {
             return IdentifierRef.ofSaturn("textures/cloaks/" + cloakName + ".gif");
         } else {

src/main/java/org/saturnclient/cosmetics/Emotes.java

@@ -8,6 +8,7 @@ import java.util.Optional;
 import org.saturnclient.common.provider.Providers;
 import org.saturnclient.emotes.core.Emote;
 import org.saturnclient.emotes.core.EmoteRegistry;
+import org.saturnclient.ui.Utils;
 
 /**
  * Saturn's emotes, loaded from {@code assets/saturnclient/player_animations/<id>.json} (Emotecraft
@@ -16,13 +17,20 @@ import org.saturnclient.emotes.core.EmoteRegistry;
  */
 public class Emotes {
     private static final List<String> IDS = List.of("tpose", "back_flip", "facepalm", "cry", "giga_chad",
-            "front_flip");
+            "twerk", "get_the_griddy", "take_the_l", "dab", "wave", "salute", "shrug", "67");
 
     private static final EmoteRegistry REGISTRY = new EmoteRegistry();
 
     /** The emotes that loaded, in wheel order. */
     public static List<String> availableEmotes = new ArrayList<>();
 
+    /**
+     * The emote's name as shown to players.
+     */
+    public static String getName(String id) {
+        return id.equals("tpose") ? "T-Pose" : Utils.nameFromId(id);
+    }
+
     public static void initialize() {
         for (String id : IDS) {
             String path = "/assets/saturnclient/player_animations/" + id + ".json";

src/main/java/org/saturnclient/mod/mods/ArmorDisplayMod.java

@@ -75,16 +75,16 @@ public class ArmorDisplayMod extends Mod implements HudMod {
 
         int row = 0;
 
-        if (useMainHand.value && !mainHand.isEmpty()) {
+        if (useMainHand.value && !mainHand.isEmptyStack()) {
             row = renderSlot(scope, mainHand, row);
         }
-        if (!helmet.isEmpty())
+        if (!helmet.isEmptyStack())
             row = renderSlot(scope, helmet, row);
-        if (!chestplate.isEmpty())
+        if (!chestplate.isEmptyStack())
             row = renderSlot(scope, chestplate, row);
-        if (!leggings.isEmpty())
+        if (!leggings.isEmptyStack())
             row = renderSlot(scope, leggings, row);
-        if (!boots.isEmpty())
+        if (!boots.isEmptyStack())
             row = renderSlot(scope, boots, row);
     }
 
@@ -94,8 +94,8 @@ public class ArmorDisplayMod extends Mod implements HudMod {
     private int renderSlot(RenderScope scope, ItemStackRef item, int row) {
         scope.drawItem(item, 0, 15 * row);
 
-        if (item.getMaxDamage() > 0) {
+        if (item.getMaxItemDamage() > 0) {
-            int remaining = item.getMaxDamage() - item.getDamage();
+            int remaining = item.getMaxItemDamage() - item.getItemDamage();
             scope.drawText(0.5f, String.valueOf(remaining),
                     17, (15 * row) + 3,
                     layout.font.value, layout.fgColor.value);

src/main/java/org/saturnclient/ui/Element.java

@@ -11,7 +11,6 @@ public class Element {
     public boolean focused;
     public Animation animation;
     public float scale = 1.0f;
-    public Integer duration = null; // Element duration, will fade out if not null
 
     public void render(RenderScope renderScope, ElementContext ctx) {
     }

src/main/java/org/saturnclient/ui/ElementRenderer.java

@@ -26,6 +26,11 @@ public class ElementRenderer {
         for (Element element : elements) {
             element.playAnimationFrame(elapsed);
 
+            // Not faded in yet
+            if (element.opacity <= 0) {
+                continue;
+            }
+
             renderScope.getMatrixStack().push();
             renderScope.setOpacity(element.opacity);
             renderScope.getMatrixStack().translate(element.x, element.y);

src/main/java/org/saturnclient/ui/RenderScope.java

@@ -34,6 +34,14 @@ public interface RenderScope {
         if (color == 0)
             return;
 
+        drawTexture(getRoundedRectangle(width, height, radius), x, y, 0, 0, width, height, color);
+    }
+
+    /**
+     * The white rounded rectangle that {@link #drawRoundedRectangle} tints, as a
+     * cached texture.
+     */
+    default IdentifierRef getRoundedRectangle(int width, int height, int radius) {
         radius = Math.min(radius, width / 2);
         radius = Math.min(radius, height / 2);
 
@@ -42,7 +50,38 @@ public interface RenderScope {
                 width, height,
                 radius, radius);
 
-        drawSvgShape(rect, "rounded_" + width + "_" + height + "_" + radius, x, y, width, height, color);
+        return getSvgShape(rect, "rounded_" + width + "_" + height + "_" + radius, width, height);
+    }
+
+    /**
+     * Frosts a rounded rectangle for a translucent background to be drawn over:
+     * the game behind the screen, blurred by {@code blur}, cut to exactly the
+     * shape {@link #drawRoundedRectangle} draws. Render scopes without glass
+     * draw nothing.
+     */
+    default void drawGlass(int x, int y, int width, int height, int radius, int blur) {
+        drawGlass(getRoundedRectangle(width, height, radius), x, y, width, height, blur);
+    }
+
+    /**
+     * Draws the game behind the screen, blurred by {@code blur}, where
+     * {@code mask}, stretched over the area, is opaque.
+     */
+    default void drawGlass(IdentifierRef mask, int x, int y, int width, int height, int blur) {
+    }
+
+    /**
+     * A {@link #drawRoundedRectangle} with a border, frosted with glass blurred
+     * by {@code blur} when the background isn't solid. A blur of 0 leaves it
+     * plain, showing the screen's own background blur.
+     */
+    default void drawGlassRectangle(int x, int y, int width, int height, int radius, int blur, int thickness,
+            int background, int border) {
+        if (blur > 0 && background >>> 24 < 0xFF) {
+            drawGlass(x, y, width, height, radius, blur);
+        }
+
+        drawRoundedRectangle(x, y, width, height, radius, thickness, background, border);
     }
 
     /**
@@ -89,15 +128,22 @@ public interface RenderScope {
      * {@code color}.
      */
     private void drawSvgShape(String shape, String cacheKey, int x, int y, int width, int height, int color) {
+        drawTexture(getSvgShape(shape, cacheKey, width, height), x, y, 0, 0, width, height, color);
+    }
+
+    /**
+     * {@code shape} (SVG elements in a {@code width} x {@code height} canvas,
+     * drawn in white) rendered to a cached texture.
+     */
+    private IdentifierRef getSvgShape(String shape, String cacheKey, int width, int height) {
         String svg = String.format(
                 "<svg xmlns='http://www.w3.org/2000/svg' width='%d' height='%d'>%s</svg>",
                 width, height, shape);
 
         InputStream svgStream = new ByteArrayInputStream(svg.getBytes(StandardCharsets.UTF_8));
 
-        drawTexture(SvgTexture.getSvg(svgStream,
+        return SvgTexture.getSvg(svgStream, IdentifierRef.ofSaturn("textures/gui/tmp_rect/" + cacheKey),
-                IdentifierRef.ofSaturn("textures/gui/tmp_rect/" + cacheKey),
+                width * 4, height * 4);
-                width * 4, height * 4), x, y, 0, 0, width, height, color);
     }
 
     void drawBorder(int x, int y, int width, int height, int color);

src/main/java/org/saturnclient/ui/SaturnScreen.java

@@ -6,6 +6,7 @@ import java.util.ArrayList;
 import java.util.List;
 
 import org.saturnclient.config.Config;
+import org.saturnclient.config.property.FloatProperty;
 
 public abstract class SaturnScreen {
     /** How long the background blur takes to fade in, in ms */
@@ -14,8 +15,10 @@ public abstract class SaturnScreen {
     public static interface ScreenProvider {
         public void close();
 
+        /** The screen's width in GUI pixels */
         public int getWidth();
 
+        /** The screen's height in GUI pixels */
         public int getHeight();
     }
 
@@ -23,6 +26,10 @@ public abstract class SaturnScreen {
     public int width;
     public int height;
     public String title;
+    /** GUI pixels per Saturn unit, from {@link #getScale()} when the screen was built */
+    public float scale = 0.5f;
+    /** Whether a mouse button is held, so the screen isn't rebuilt under a drag */
+    private boolean mouseDown = false;
 
     // Saturn Screen
     public List<Element> elements = new ArrayList<>();
@@ -51,10 +58,39 @@ public abstract class SaturnScreen {
         return Math.round(Config.backgroundBlur.value * Math.min(elapsed / (float) BLUR_FADE_IN, 1f));
     }
 
+    /**
+     * The GUI scale setting this screen follows; the menu scale unless the
+     * screen is another kind.
+     */
+    protected FloatProperty getScaleSetting() {
+        return Config.menuScale;
+    }
+
+    /**
+     * GUI pixels per Saturn unit. At 1× a Saturn unit is half a GUI pixel.
+     * Enlarging stops where the screen would be smaller than 320x240 GUI
+     * pixels, the least Minecraft's own GUI scale leaves.
+     */
+    public float getScale() {
+        float fit = Math.min(provider.getWidth() / 320f, provider.getHeight() / 240f);
+        return 0.5f * Math.min(getScaleSetting().value, Math.max(1f, fit));
+    }
+
+    /**
+     * Rebuilds the screen if its scale setting changed, once no drag is going
+     * on (the slider being dragged would be replaced).
+     */
+    public void updateScale() {
+        if (!mouseDown && getScale() != scale) {
+            init();
+        }
+    }
+
     public void init() {
         elements.clear();
-        width = provider.getWidth();
+        scale = getScale();
-        height = provider.getHeight();
+        width = (int) (provider.getWidth() / scale);
+        height = (int) (provider.getHeight() / scale);
         Popup.reset(width, height);
         ui(); // abstraction to render the saturn ui and also render extra stuff here
     }
@@ -72,7 +108,7 @@ public abstract class SaturnScreen {
     public void render(RenderScope renderScope, int mouseX, int mouseY, float delta, long elapsed) {
         renderScope.getMatrixStack().push();
 
-        renderScope.getMatrixStack().scale(0.5f, 0.5f);
+        renderScope.getMatrixStack().scale(scale, scale);
 
         ElementRenderer.render(new ArrayList<>(elements), elapsed, renderScope, mouseX, mouseY);
         Popup.render(renderScope, elapsed, mouseX, mouseY);
@@ -85,8 +121,9 @@ public abstract class SaturnScreen {
     // --------------
 
     public boolean mouseClicked(double mouseX, double mouseY, int button) {
-        mouseX *= 2;
+        mouseDown = true;
-        mouseY *= 2;
+        mouseX /= scale;
+        mouseY /= scale;
 
         if (!Popup.mouseClicked(mouseX, mouseY, button)) {
             ElementRenderer.mouseClicked(elements, mouseX, mouseY, button);
@@ -96,8 +133,8 @@ public abstract class SaturnScreen {
     }
 
     public boolean mouseDragged(double mouseX, double mouseY, int button, double deltaX, double deltaY) {
-        mouseX *= 2;
+        mouseX /= scale;
-        mouseY *= 2;
+        mouseY /= scale;
 
         if (!Popup.mouseDragged(mouseX, mouseY, button, deltaX, deltaY)) {
             ElementRenderer.mouseDragged(elements, mouseX, mouseY, button, deltaX, deltaY);
@@ -107,8 +144,9 @@ public abstract class SaturnScreen {
     }
 
     public boolean mouseReleased(double mouseX, double mouseY, int button) {
-        mouseX *= 2;
+        mouseDown = false;
-        mouseY *= 2;
+        mouseX /= scale;
+        mouseY /= scale;
 
         // Everything hears the release, so no element is left thinking it's being dragged.
         Popup.mouseReleased(mouseX, mouseY, button);
@@ -122,8 +160,8 @@ public abstract class SaturnScreen {
             double mouseY,
             double horizontalAmount,
             double verticalAmount) {
-        mouseX *= 2;
+        mouseX /= scale;
-        mouseY *= 2;
+        mouseY /= scale;
 
         if (!Popup.mouseScrolled(mouseX, mouseY, horizontalAmount, verticalAmount)) {
             ElementRenderer.mouseScrolled(elements, mouseX, mouseY, horizontalAmount, verticalAmount);

src/main/java/org/saturnclient/ui/Utils.java

@@ -1,7 +1,5 @@
 package org.saturnclient.ui;
 
-import java.util.List;
-
 import org.saturnclient.common.provider.GLFWProvider;
 
 public class Utils {
@@ -47,17 +45,21 @@ public class Utils {
         };
     }
 
-    public static <T> T getOrNull(List<T> list, int index) {
+    /**
-        return (index >= 0 && index < list.size()) ? list.get(index) : null;
+     * A display name from an id: each underscore-separated word capitalized, so
+     * "black_hole_white" becomes "Black Hole White".
+     */
+    public static String nameFromId(String id) {
+        StringBuilder builder = new StringBuilder();
+        for (String word : id.split("_")) {
+            if (word.isEmpty()) {
+                continue;
+            }
+            if (!builder.isEmpty()) {
+                builder.append(' ');
+            }
+            builder.append(Character.toUpperCase(word.charAt(0))).append(word.substring(1));
+        }
+        return builder.toString();
     }
-
-    // public static void notify(NotificationKind kind, String title, String toast)
-    // {
-    // if (SaturnClient.client.currentScreen instanceof SaturnScreen) {
-    // ((SaturnScreen) SaturnClient.client.currentScreen)
-    // .draw(new Notification(SaturnClient.client.currentScreen.width,
-    // SaturnClient.client.currentScreen.height, kind,
-    // title, toast));
-    // }
-    // }
 }

src/main/java/org/saturnclient/ui/anim/Fade.java

@@ -16,12 +16,12 @@ public class Fade extends Animation {
 
     @Override
     public void tick(double progress, Element element) {
-        element.opacity = Math.max(0.1f, targetOpacity * (float) progress);
+        element.opacity = targetOpacity * (float) progress;
     }
 
     @Override
     public void init(Element element) {
         targetOpacity = element.opacity;
-        element.opacity = 0.1f;
+        element.opacity = 0;
     }
 }

src/main/java/org/saturnclient/ui/anim/FadeOut.java

@@ -1,27 +0,0 @@
-package org.saturnclient.ui.anim;
-
-import org.saturnclient.config.AnimationConfig;
-import org.saturnclient.ui.Element;
-
-public class FadeOut extends Animation {
-    float targetOpacity;
-
-    public FadeOut(int duration) {
-        super(duration);
-    }
-
-    public FadeOut(AnimationConfig config) {
-        super(config);
-    }
-
-    @Override
-    public void tick(double progress, Element element) {
-        element.opacity = targetOpacity - (float) progress;
-    }
-
-    @Override
-    public void init(Element element) {
-        targetOpacity = element.opacity;
-        // element.opacity = 1.0f;
-    }
-}

src/main/java/org/saturnclient/ui/anim/SlideX.java

@@ -1,39 +0,0 @@
-package org.saturnclient.ui.anim;
-
-import org.saturnclient.config.AnimationConfig;
-import org.saturnclient.ui.Element;
-
-public class SlideX extends Animation {
-    int offset = 20;
-    double startX;
-
-    public SlideX(AnimationConfig config) {
-        super(config);
-    }
-
-    public SlideX(AnimationConfig config, int offset) {
-        super(config);
-        this.offset = offset;
-    }
-
-    public SlideX(int duration) {
-        super(duration);
-    }
-
-    public SlideX(int duration, int offset) {
-        super(duration);
-        this.offset = offset;
-    }
-
-    @Override
-    public void init(Element element) {
-        startX = element.x - offset;
-        element.x = (int) startX;
-    }
-
-    @Override
-    public void tick(double progress, Element element) {
-        double currentX = startX + offset * progress;
-        element.x = (int) currentX;
-    }
-}

src/main/java/org/saturnclient/ui/components/AccountChip.java

@@ -0,0 +1,57 @@
+package org.saturnclient.ui.components;
+
+import org.saturnclient.client.ServiceClient;
+import org.saturnclient.common.provider.Providers;
+import org.saturnclient.common.ref.asset.IdentifierRef;
+import org.saturnclient.config.Config;
+import org.saturnclient.config.Theme;
+import org.saturnclient.ui.Element;
+import org.saturnclient.ui.ElementContext;
+import org.saturnclient.ui.RenderScope;
+import org.saturnclient.ui.elements.Field;
+import org.saturnclient.ui.resources.Fonts;
+
+/**
+ * The signed-in player: their skin's face, their name, and a dot that's green
+ * while connected to Saturn.
+ */
+public class AccountChip extends Element {
+    public static final int HEIGHT = 32;
+
+    private static final int HEAD = 18;
+    private static final int PADDING = 7;
+    private static final int GAP = 8;
+    private static final int DOT = 6;
+    private static final float NAME_SCALE = 0.55f;
+    private static final int CONNECTED = 0xFF7FD1A8;
+
+    private final String name;
+
+    public AccountChip() {
+        String username = Providers.saturn.getClient().getUsername();
+        this.name = username != null ? username : "Player";
+        this.height = HEIGHT;
+        this.width = PADDING + HEAD + GAP + (int) (Fonts.getWidth(name, Theme.FONT.value) * NAME_SCALE) + GAP + DOT
+                + GAP + 2;
+    }
+
+    @Override
+    public void render(RenderScope renderScope, ElementContext ctx) {
+        renderScope.drawGlassRectangle(0, 0, width, height, Theme.WIDGET_RADIUS.value, Config.widgetBlur.value, 1,
+                Theme.getPanelBg(), Theme.getBorder());
+
+        // The face, then the hat layer over it, from the 64x64 skin
+        IdentifierRef skin = Providers.saturn.getPlayerSkin();
+        int headY = (height - HEAD) / 2;
+        renderScope.drawTexture(skin, PADDING, headY, 8, 8, HEAD, HEAD, 8, 8, 64, 64);
+        renderScope.drawTexture(skin, PADDING, headY, 40, 8, HEAD, HEAD, 8, 8, 64, 64);
+
+        int nameX = PADDING + HEAD + GAP;
+        renderScope.drawText(NAME_SCALE, name, nameX, Field.textY(height, NAME_SCALE), Theme.FONT.value,
+                Theme.FOREGROUND.value);
+
+        int dotX = nameX + (int) (Fonts.getWidth(name, Theme.FONT.value) * NAME_SCALE) + GAP;
+        renderScope.drawRoundedRectangle(dotX, (height - DOT) / 2, DOT, DOT, DOT / 2,
+                ServiceClient.isConnected() ? CONNECTED : Theme.withAlpha(0.3f, Theme.FOREGROUND.value));
+    }
+}

src/main/java/org/saturnclient/ui/components/CosmeticTile.java

@@ -60,7 +60,7 @@ public class CosmeticTile extends Element {
         int border = isEquipped ? Theme.ACCENT.value
                 : Theme.withAlpha(hovered ? 0.22f : 0.06f, Theme.FOREGROUND.value);
         renderScope.drawRoundedRectangle(0, 0, width, height, Theme.WIDGET_RADIUS.value, isEquipped ? 2 : 1,
-                Theme.withAlpha(0.72f, Theme.PRIMARY.value), border);
+                Theme.PRIMARY.value, border);
 
         // Preview, fitted into its area
         int areaWidth = width - INSET * 2;

src/main/java/org/saturnclient/ui/components/Dock.java

@@ -0,0 +1,69 @@
+package org.saturnclient.ui.components;
+
+import java.util.List;
+
+import org.saturnclient.common.ref.asset.IdentifierRef;
+import org.saturnclient.config.Config;
+import org.saturnclient.config.Theme;
+import org.saturnclient.ui.Element;
+import org.saturnclient.ui.ElementContext;
+import org.saturnclient.ui.RenderScope;
+
+/**
+ * A glass bar of square icon buttons.
+ */
+public class Dock extends Element {
+    public record Item(IdentifierRef icon, Runnable onClick) {
+    }
+
+    public static final int HEIGHT = 40;
+
+    private static final int PADDING = 5;
+    private static final int ITEM = HEIGHT - PADDING * 2;
+    private static final int ICON = 15;
+    private static final int GAP = 3;
+
+    private final List<Item> items;
+
+    public Dock(List<Item> items) {
+        this.items = items;
+        this.height = HEIGHT;
+        this.width = PADDING * 2 + items.size() * ITEM + (items.size() - 1) * GAP;
+    }
+
+    @Override
+    public void render(RenderScope renderScope, ElementContext ctx) {
+        renderScope.drawGlassRectangle(0, 0, width, height, Theme.WIDGET_RADIUS.value + 4, Config.widgetBlur.value, 1,
+                Theme.getPanelBg(),
+                Theme.withAlpha(0.1f, Theme.FOREGROUND.value));
+
+        for (int i = 0; i < items.size(); i++) {
+            int x = getItemX(i);
+            boolean hovered = ctx.isHovering(x, PADDING, ITEM, ITEM);
+
+            if (hovered) {
+                renderScope.drawRoundedRectangle(x, PADDING, ITEM, ITEM, Theme.WIDGET_RADIUS.value,
+                        Theme.withAlpha(0.08f, Theme.FOREGROUND.value));
+            }
+
+            int offset = (ITEM - ICON) / 2;
+            renderScope.drawTexture(items.get(i).icon(), x + offset, PADDING + offset, 0, 0, ICON, ICON,
+                    hovered ? Theme.ACCENT.value : Theme.PRIMARY_FG.value);
+        }
+    }
+
+    @Override
+    public void click(int mouseX, int mouseY) {
+        for (int i = 0; i < items.size(); i++) {
+            int x = getItemX(i);
+            if (mouseX >= x && mouseX <= x + ITEM) {
+                items.get(i).onClick().run();
+                return;
+            }
+        }
+    }
+
+    private static int getItemX(int index) {
+        return PADDING + index * (ITEM + GAP);
+    }
+}

src/main/java/org/saturnclient/ui/components/EmoteTile.java

@@ -0,0 +1,68 @@
+package org.saturnclient.ui.components;
+
+import org.saturnclient.common.ref.asset.IdentifierRef;
+import org.saturnclient.config.Theme;
+import org.saturnclient.cosmetics.Emotes;
+import org.saturnclient.ui.Element;
+import org.saturnclient.ui.ElementContext;
+import org.saturnclient.ui.RenderScope;
+import org.saturnclient.ui.resources.Fonts;
+import org.saturnclient.ui.resources.Textures;
+
+/**
+ * One emote in the emote wheel: its preview in its own colors and its name.
+ * An emote without a preview shows an icon instead.
+ */
+public class EmoteTile extends Element {
+    public static final int SIZE = 86;
+
+    private static final int INSET = 6;
+    private static final int NAME_AREA = 20;
+    private static final int PLACEHOLDER = 26;
+    private static final float NAME_SCALE = 0.56f;
+
+    private final String name;
+    /** The preview, or null when the emote has none */
+    private final IdentifierRef preview;
+    private final Runnable onPlay;
+
+    public EmoteTile(String emote, Runnable onPlay) {
+        IdentifierRef texture = Textures.getEmotePreview(emote);
+
+        this.name = Emotes.getName(emote);
+        this.preview = Textures.exists(texture) ? texture : null;
+        this.onPlay = onPlay;
+        this.width = SIZE;
+        this.height = SIZE;
+    }
+
+    @Override
+    public void render(RenderScope renderScope, ElementContext ctx) {
+        boolean hovered = ctx.isHovering();
+
+        renderScope.drawRoundedRectangle(0, 0, width, height, Theme.WIDGET_RADIUS.value, hovered ? 2 : 1,
+                Theme.PRIMARY.value,
+                hovered ? Theme.ACCENT.value : Theme.withAlpha(0.06f, Theme.FOREGROUND.value));
+
+        int imageSize = height - INSET * 2 - NAME_AREA;
+
+        if (preview != null) {
+            renderScope.drawTexture(preview, (width - imageSize) / 2, INSET, 0, 0, imageSize, imageSize);
+        } else {
+            int iconY = INSET + (imageSize - PLACEHOLDER) / 2;
+            renderScope.drawTexture(Textures.ICON_EMOTE, (width - PLACEHOLDER) / 2, iconY, 0, 0, PLACEHOLDER,
+                    PLACEHOLDER, Theme.getMutedFg());
+        }
+
+        String text = Fonts.ellipsize(name, Theme.FONT.value, NAME_SCALE, width - INSET * 2);
+        int textX = (width - (int) (Fonts.getWidth(text, Theme.FONT.value) * NAME_SCALE)) / 2;
+        int textY = height - INSET - NAME_AREA + (NAME_AREA - (int) (Fonts.getHeight() * NAME_SCALE)) / 2;
+        renderScope.drawText(NAME_SCALE, text, textX, textY, Theme.FONT.value,
+                hovered ? Theme.FOREGROUND.value : Theme.PRIMARY_FG.value);
+    }
+
+    @Override
+    public void click(int mouseX, int mouseY) {
+        onPlay.run();
+    }
+}

src/main/java/org/saturnclient/ui/components/HudModPreview.java

@@ -15,13 +15,21 @@ public class HudModPreview extends Element {
 
     @Override
     public void render(RenderScope scope, ElementContext ctx) {
-        ModLayout layout = feature.getDimensions();
+        draw(scope, feature);
+    }
+
+    /**
+     * Draws a HUD mod with sample content and the background it has in game,
+     * at the origin and its layout's unscaled size.
+     */
+    public static void draw(RenderScope scope, HudMod mod) {
+        ModLayout layout = mod.getDimensions();
 
         if (layout.renderBackground) {
             scope.drawRoundedRectangle(0, 0, layout.width, layout.height,
                     layout.radius.value, layout.bgColor.value);
         }
 
-        feature.renderDummy(scope);
+        mod.renderDummy(scope);
     }
 }

src/main/java/org/saturnclient/ui/components/SaturnModule.java

@@ -46,7 +46,7 @@ public class SaturnModule extends Element {
 
         // Card
         renderScope.drawRoundedRectangle(0, 0, width, height, Theme.WIDGET_RADIUS.value, 1,
-                Theme.withAlpha(0.72f, Theme.PRIMARY.value), border);
+                Theme.PRIMARY.value, border);
 
         if (enabled) {
             renderScope.drawRoundedRectangle(0, 0, width, height, Theme.WIDGET_RADIUS.value,

src/main/java/org/saturnclient/ui/components/Sidebar.java

@@ -22,9 +22,9 @@ public class Sidebar extends Element {
 
     // Values for the constructor's `active`
     public static final int MODS = 0;
-    public static final int COSMETICS = 1;
+    public static final int SETTINGS = 1;
-    public static final int HUD_EDITOR = 2;
+    public static final int COSMETICS = 2;
-    public static final int SETTINGS = 3;
+    public static final int HUD_EDITOR = 3;
 
     private static final int LOGO = 32;
     private static final int BUTTON = 44;
@@ -35,11 +35,12 @@ public class Sidebar extends Element {
     private record Item(IdentifierRef icon, Runnable onClick) {
     }
 
+    // In the order of the constants above
     private final Item[] items = {
             new Item(Textures.ICON_MODS, () -> Providers.saturn.getClient().setScreen(new ModMenu())),
+            new Item(Textures.ICON_SETTINGS, () -> Providers.saturn.getClient().setScreen(new ClientSettings())),
             new Item(Textures.ICON_COSMETICS, () -> Providers.saturn.getClient().setScreen(new CosmeticsMenu())),
             new Item(Textures.ICON_HUD_EDITOR, () -> Providers.saturn.getClient().setScreen(new HudEditor())),
-            new Item(Textures.ICON_SETTINGS, () -> Providers.saturn.getClient().setScreen(new ClientSettings())),
     };
 
     private final int active;

src/main/java/org/saturnclient/ui/components/ThemePresetCard.java

@@ -38,7 +38,7 @@ public class ThemePresetCard extends Element {
                 : Theme.withAlpha(ctx.isHovering() ? 0.22f : 0.06f, Theme.FOREGROUND.value);
 
         renderScope.drawRoundedRectangle(0, 0, width, height, Theme.WIDGET_RADIUS.value, active ? 2 : 1,
-                Theme.withAlpha(0.72f, Theme.PRIMARY.value), border);
+                Theme.PRIMARY.value, border);
 
         // A panel in the preset's colors: a line of text over an accent and a widget
         int previewWidth = width - PADDING * 2;

src/main/java/org/saturnclient/ui/components/inputs/ColorPicker.java

@@ -1,7 +1,10 @@
 package org.saturnclient.ui.components.inputs;
 
 import java.awt.Color;
+import java.awt.image.BufferedImage;
 
+import org.saturnclient.common.provider.Providers;
+import org.saturnclient.common.ref.asset.IdentifierRef;
 import org.saturnclient.config.Theme;
 import org.saturnclient.config.property.ColorProperty;
 import org.saturnclient.ui.Element;
@@ -27,6 +30,18 @@ public class ColorPicker extends Element {
     private static final int SQUARE_Y = OPACITY_Y + SLIDER_HEIGHT + GAP;
     private static final int HUE_Y = SQUARE_Y + SIZE + GAP;
 
+    // Gradient strips, made once and stretched over each part, so a frame is a
+    // few draws instead of one per pixel. Tinting the white ones colors them.
+    private static final int STRIP = 256;
+    /** White fading out to the right: saturation, over the hue */
+    private static final IdentifierRef SATURATION = IdentifierRef.ofSaturn("textures/gui/color_picker/saturation");
+    /** Black fading in downwards: brightness, over the saturation */
+    private static final IdentifierRef BRIGHTNESS = IdentifierRef.ofSaturn("textures/gui/color_picker/brightness");
+    /** White fading in to the right, tinted with the color */
+    private static final IdentifierRef OPACITY = IdentifierRef.ofSaturn("textures/gui/color_picker/opacity");
+    private static final IdentifierRef HUE = IdentifierRef.ofSaturn("textures/gui/color_picker/hue");
+    private static boolean stripsRegistered = false;
+
     private final ColorProperty prop;
 
     private float hue;
@@ -46,8 +61,10 @@ public class ColorPicker extends Element {
 
     @Override
     public void render(RenderScope renderScope, ElementContext ctx) {
+        registerStrips();
+
         renderScope.drawRoundedRectangle(0, 0, width, height, Theme.WIDGET_RADIUS.value, 1,
-                Theme.withAlpha(0.97f, Theme.BACKGROUND.value), Theme.withAlpha(0.14f, Theme.FOREGROUND.value));
+                Theme.getPopupBg(), Theme.withAlpha(0.14f, Theme.FOREGROUND.value));
 
         renderOpacity(renderScope);
         renderSquare(renderScope);
@@ -55,22 +72,16 @@ public class ColorPicker extends Element {
     }
 
     private void renderOpacity(RenderScope renderScope) {
-        int rgb = prop.value & 0xFFFFFF;
+        renderScope.drawTexture(OPACITY, PADDING, OPACITY_Y, 0, 0, SIZE, SLIDER_HEIGHT,
-        for (int x = 0; x < SIZE; x++) {
+                0xFF000000 | prop.value);
-            int alpha = (int) (x / (float) SIZE * 255) & 0xFF;
-            renderScope.fill(PADDING + x, OPACITY_Y, PADDING + x + 1, OPACITY_Y + SLIDER_HEIGHT, (alpha << 24) | rgb);
-        }
 
         drawMarker(renderScope, PADDING + (int) (opacity * SIZE), OPACITY_Y);
     }
 
     private void renderSquare(RenderScope renderScope) {
-        for (int x = 0; x < SIZE; x++) {
+        renderScope.fill(PADDING, SQUARE_Y, PADDING + SIZE, SQUARE_Y + SIZE, 0xFF000000 | Color.HSBtoRGB(hue, 1f, 1f));
-            for (int y = 0; y < SIZE; y++) {
+        renderScope.drawTexture(SATURATION, PADDING, SQUARE_Y, 0, 0, SIZE, SIZE, 0xFFFFFFFF);
-                int color = Color.HSBtoRGB(hue, x / (float) SIZE, 1f - y / (float) SIZE);
+        renderScope.drawTexture(BRIGHTNESS, PADDING, SQUARE_Y, 0, 0, SIZE, SIZE, 0xFFFFFFFF);
-                renderScope.fill(PADDING + x, SQUARE_Y + y, PADDING + x + 1, SQUARE_Y + y + 1, 0xFF000000 | color);
-            }
-        }
 
         int selX = PADDING + (int) (saturation * SIZE) - 4;
         int selY = SQUARE_Y + (int) ((1f - brightness) * SIZE) - 4;
@@ -79,14 +90,36 @@ public class ColorPicker extends Element {
     }
 
     private void renderHue(RenderScope renderScope) {
-        for (int x = 0; x < SIZE; x++) {
+        renderScope.drawTexture(HUE, PADDING, HUE_Y, 0, 0, SIZE, SLIDER_HEIGHT, 0xFFFFFFFF);
-            int color = Color.HSBtoRGB(x / (float) SIZE, 1f, 1f);
-            renderScope.fill(PADDING + x, HUE_Y, PADDING + x + 1, HUE_Y + SLIDER_HEIGHT, 0xFF000000 | color);
-        }
 
         drawMarker(renderScope, PADDING + (int) (hue * SIZE), HUE_Y);
     }
 
+    private static void registerStrips() {
+        if (stripsRegistered) {
+            return;
+        }
+
+        BufferedImage saturation = new BufferedImage(STRIP, 1, BufferedImage.TYPE_INT_ARGB);
+        BufferedImage brightness = new BufferedImage(1, STRIP, BufferedImage.TYPE_INT_ARGB);
+        BufferedImage opacity = new BufferedImage(STRIP, 1, BufferedImage.TYPE_INT_ARGB);
+        BufferedImage hue = new BufferedImage(STRIP, 1, BufferedImage.TYPE_INT_ARGB);
+
+        for (int i = 0; i < STRIP; i++) {
+            int alpha = i * 255 / (STRIP - 1);
+            saturation.setRGB(i, 0, ((255 - alpha) << 24) | 0xFFFFFF);
+            brightness.setRGB(0, i, alpha << 24);
+            opacity.setRGB(i, 0, (alpha << 24) | 0xFFFFFF);
+            hue.setRGB(i, 0, 0xFF000000 | Color.HSBtoRGB(i / (float) STRIP, 1f, 1f));
+        }
+
+        Providers.saturn.registerBufferedImageTexture(SATURATION, saturation);
+        Providers.saturn.registerBufferedImageTexture(BRIGHTNESS, brightness);
+        Providers.saturn.registerBufferedImageTexture(OPACITY, opacity);
+        Providers.saturn.registerBufferedImageTexture(HUE, hue);
+        stripsRegistered = true;
+    }
+
     private static void drawMarker(RenderScope renderScope, int x, int sliderY) {
         renderScope.fill(x - 2, sliderY - 2, x + 2, sliderY + SLIDER_HEIGHT + 2, 0xFFFFFFFF);
         renderScope.fill(x - 1, sliderY - 1, x + 1, sliderY + SLIDER_HEIGHT + 1, 0xFF000000);

src/main/java/org/saturnclient/ui/components/inputs/CurvePreview.java

@@ -38,7 +38,7 @@ public class CurvePreview extends Element {
     @Override
     public void render(RenderScope renderScope, ElementContext ctx) {
         renderScope.drawRoundedRectangle(0, 0, width, height, Theme.WIDGET_RADIUS.value, 1,
-                Theme.withAlpha(0.97f, Theme.BACKGROUND.value), Theme.withAlpha(0.14f, Theme.FOREGROUND.value));
+                Theme.getPopupBg(), Theme.withAlpha(0.14f, Theme.FOREGROUND.value));
 
         renderScope.drawText(TITLE_SCALE, "PREVIEW", PADDING, PADDING - 2, Theme.FONT.value, Theme.getMutedFg());
 

src/main/java/org/saturnclient/ui/components/inputs/OptionList.java

@@ -45,7 +45,7 @@ public class OptionList extends Element {
     @Override
     public void render(RenderScope renderScope, ElementContext ctx) {
         renderScope.drawRoundedRectangle(0, 0, width, height, Theme.WIDGET_RADIUS.value, 1,
-                Theme.withAlpha(0.97f, Theme.BACKGROUND.value), Theme.withAlpha(0.14f, Theme.FOREGROUND.value));
+                Theme.getPopupBg(), Theme.withAlpha(0.14f, Theme.FOREGROUND.value));
 
         int visible = Math.min(options.length, MAX_VISIBLE);
         hovered = getIndexAt(ctx.mouseX, ctx.mouseY);

src/main/java/org/saturnclient/ui/elements/AnimationStagger.java

@@ -13,6 +13,8 @@ import org.saturnclient.ui.RenderScope;
 public class AnimationStagger extends Element {
     protected List<Element> children = new ArrayList<>();
     public int delay;
+    /** When the first child starts, in ms */
+    public int start = 0;
 
     public AnimationStagger(int delay) {
         this.delay = delay;
@@ -22,13 +24,21 @@ public class AnimationStagger extends Element {
         this.delay = config.stagger.value;
     }
 
+    /**
+     * Holds the children back until {@code start} ms after the screen opens.
+     */
+    public AnimationStagger after(int start) {
+        this.start = start;
+        return this;
+    }
+
     public void draw(Element element) {
         if (!Config.stagger.value) {
             element.animation = null;
         }
 
         if (element.animation != null) {
-            element.animation.delay = delay * children.size();
+            element.animation.delay = start + delay * children.size();
         }
 
         ElementRenderer.draw(children, element);

src/main/java/org/saturnclient/ui/elements/Button.java

@@ -1,29 +1,47 @@
 package org.saturnclient.ui.elements;
 
+import org.saturnclient.config.Config;
 import org.saturnclient.config.Theme;
 import org.saturnclient.ui.Element;
 import org.saturnclient.ui.ElementContext;
 import org.saturnclient.ui.RenderScope;
 import org.saturnclient.ui.resources.Fonts;
 
+/**
+ * A text button: a translucent, outlined surface that brightens on hover.
+ */
 public class Button extends Element {
-    private String text;
+    public static final int HEIGHT = 40;
-    private Runnable onClick;
+
+    private static final float TEXT_SCALE = 0.72f;
+
+    private final String text;
+    private final Runnable onClick;
 
     public Button(String text, Runnable onClick) {
         this.text = text;
         this.onClick = onClick;
-        this.dimensions(Fonts.getWidth(text, Theme.FONT.value) + 50, 38);
+        this.width = (int) (Fonts.getWidth(text, Theme.FONT.value) * TEXT_SCALE) + 48;
+        this.height = HEIGHT;
     }
 
     @Override
     public void render(RenderScope renderScope, ElementContext ctx) {
-        renderScope.drawRoundedRectangle(0, 0, width, height, Theme.WIDGET_RADIUS.value,
+        boolean hovered = ctx.isHovering();
-                ctx.isHovering() ? Theme.ACCENT.value : Theme.PRIMARY.value);
+        drawSurface(renderScope, width, height, hovered);
 
-        renderScope.drawText(text, Fonts.centerX(width, text, Theme.FONT.value), Fonts.centerY(height),
+        int textX = (width - (int) (Fonts.getWidth(text, Theme.FONT.value) * TEXT_SCALE)) / 2;
-                Theme.FONT.value,
+        renderScope.drawText(TEXT_SCALE, text, textX, Field.textY(height, TEXT_SCALE), Theme.FONT.value,
-                ctx.isHovering() ? Theme.ACCENT_FG.value : Theme.PRIMARY_FG.value);
+                hovered ? Theme.FOREGROUND.value : Theme.PRIMARY_FG.value);
+    }
+
+    /**
+     * The button's surface, shared with {@link IconButton}.
+     */
+    static void drawSurface(RenderScope renderScope, int width, int height, boolean hovered) {
+        renderScope.drawGlassRectangle(0, 0, width, height, Theme.WIDGET_RADIUS.value, Config.widgetBlur.value, 1,
+                hovered ? Theme.PRIMARY.value : Theme.getPanelBg(),
+                Theme.withAlpha(hovered ? 0.25f : 0.1f, Theme.FOREGROUND.value));
     }
 
     @Override

src/main/java/org/saturnclient/ui/elements/ClickableTexture.java

@@ -1,30 +0,0 @@
-package org.saturnclient.ui.elements;
-
-import org.saturnclient.common.ref.asset.IdentifierRef;
-import org.saturnclient.config.Theme;
-import org.saturnclient.ui.Element;
-import org.saturnclient.ui.ElementContext;
-import org.saturnclient.ui.RenderScope;
-
-public class ClickableTexture extends Element {
-    IdentifierRef sprite;
-    private Runnable onClick;
-
-    public ClickableTexture(IdentifierRef sprite, Runnable onClick) {
-        this.sprite = sprite;
-        this.onClick = onClick;
-    }
-
-    @Override
-    public void render(RenderScope renderScope, ElementContext ctx) {
-        renderScope.drawTexture(sprite, 0, 0, 0, 0, width, height,
-                ctx.isHovering() ? Theme.ACCENT.value : Theme.PRIMARY.value);
-    }
-
-    @Override
-    public void click(int mouseX, int mouseY) {
-        if (onClick != null) {
-            onClick.run();
-        }
-    }
-}

src/main/java/org/saturnclient/ui/elements/IconButton.java

@@ -0,0 +1,40 @@
+package org.saturnclient.ui.elements;
+
+import org.saturnclient.common.ref.asset.IdentifierRef;
+import org.saturnclient.config.Theme;
+import org.saturnclient.ui.Element;
+import org.saturnclient.ui.ElementContext;
+import org.saturnclient.ui.RenderScope;
+
+/**
+ * A square {@link Button} showing an icon, which turns the accent color on
+ * hover.
+ */
+public class IconButton extends Element {
+    private static final float ICON_RATIO = 0.48f;
+
+    private final IdentifierRef icon;
+    private final Runnable onClick;
+
+    public IconButton(IdentifierRef icon, Runnable onClick) {
+        this.icon = icon;
+        this.onClick = onClick;
+        this.width = Button.HEIGHT;
+        this.height = Button.HEIGHT;
+    }
+
+    @Override
+    public void render(RenderScope renderScope, ElementContext ctx) {
+        boolean hovered = ctx.isHovering();
+        Button.drawSurface(renderScope, width, height, hovered);
+
+        int size = (int) (Math.min(width, height) * ICON_RATIO);
+        renderScope.drawTexture(icon, (width - size) / 2, (height - size) / 2, 0, 0, size, size,
+                hovered ? Theme.ACCENT.value : Theme.PRIMARY_FG.value);
+    }
+
+    @Override
+    public void click(int mouseX, int mouseY) {
+        onClick.run();
+    }
+}

src/main/java/org/saturnclient/ui/elements/ImageTexture.java

@@ -20,9 +20,9 @@ public class ImageTexture extends Element {
         if (sprite.toString().endsWith(".svg")) {
             MinecraftClientRef client = Providers.saturn.getClient();
 
-            int renderWidth = (int) (width * client.getWindow().getFramebufferWidth() / client.getWindow().getWidth());
+            int renderWidth = (int) (width * client.getWindow().getFramebufferWidth() / client.getWindow().getWindowWidth());
             int renderHeight = (int) (height * client.getWindow().getFramebufferHeight()
-                    / client.getWindow().getHeight());
+                    / client.getWindow().getWindowHeight());
 
             IdentifierRef pngId = SvgTexture.getSvg(sprite, renderWidth * 2, renderHeight * 2);
 

src/main/java/org/saturnclient/ui/elements/Notification.java

@@ -1,59 +0,0 @@
-package org.saturnclient.ui.elements;
-
-import org.saturnclient.config.Theme;
-import org.saturnclient.config.property.ColorProperty;
-import org.saturnclient.config.property.Property;
-import org.saturnclient.ui.Element;
-import org.saturnclient.ui.ElementContext;
-import org.saturnclient.ui.RenderScope;
-import org.saturnclient.ui.anim.SlideX;
-import org.saturnclient.ui.resources.Fonts;
-import org.saturnclient.ui.resources.Textures;
-
-public class Notification extends Element {
-    private static ColorProperty error = Property.color(0xFFbf212f);
-    private static ColorProperty info = Property.color(0xFF264b96);
-    private static ColorProperty success = Property.color(0xFF27b376);
-
-    public static enum NotificationKind {
-        Error,
-        Info,
-        Success,
-    }
-
-    NotificationKind kind;
-    String text;
-    String title;
-
-    public Notification(int width, int height, NotificationKind kind, String title, String text) {
-        this.kind = kind;
-        this.text = text;
-        this.title = title;
-        this.width = (int) Math.max(Fonts.getWidth(text, 1) * 0.6f, Fonts.getWidth(title, 1)) + 20;
-        this.height = 50;
-        this.x = width - this.width - 15;
-        this.y = height - this.height - 15;
-        this.animation = new SlideX(700, -width);
-        this.duration = 3000;
-    }
-
-    @Override
-    public void render(RenderScope renderScope, ElementContext ctx) {
-        renderScope.drawRoundedRectangle(0, 0, width, height, 10, Theme.PRIMARY.value);
-        switch (kind) {
-            case Error:
-                renderScope.drawTexture(Textures.CIRCLE_X, 9, 9, 0, 0, 15, 15, error.value);
-                break;
-
-            case Info:
-                renderScope.drawTexture(Textures.INFO, 9, 9, 0, 0, 15, 15, info.value);
-                break;
-
-            case Success:
-                renderScope.drawTexture(Textures.CHECK, 9, 9, 0, 0, 15, 15, success.value);
-                break;
-        }
-        renderScope.drawText(0.7f, title, 32, 10, 1, -1);
-        renderScope.drawText(0.5f, text, 32, 28, 1, -1);
-    }
-}

src/main/java/org/saturnclient/ui/elements/Panel.java

@@ -1,12 +1,14 @@
 package org.saturnclient.ui.elements;
 
+import org.saturnclient.config.Config;
 import org.saturnclient.config.Theme;
 import org.saturnclient.ui.Element;
 import org.saturnclient.ui.ElementContext;
 import org.saturnclient.ui.RenderScope;
 
 /**
- * The translucent, outlined surface that screens lay their content on.
+ * The translucent, outlined surface that screens lay their content on,
+ * frosted over the game where glass is supported.
  */
 public class Panel extends Element {
 
@@ -16,7 +18,7 @@ public class Panel extends Element {
     }
 
     public static void drawBackground(RenderScope renderScope, int width, int height) {
-        renderScope.drawRoundedRectangle(0, 0, width, height, Theme.BG_RADIUS.value, 1,
+        renderScope.drawGlassRectangle(0, 0, width, height, Theme.BG_RADIUS.value, Config.menuBlur.value, 1,
                 Theme.getPanelBg(), Theme.getBorder());
     }
 }

src/main/java/org/saturnclient/ui/elements/Text.java

@@ -1,22 +0,0 @@
-package org.saturnclient.ui.elements;
-
-import org.saturnclient.config.Theme;
-import org.saturnclient.ui.Element;
-import org.saturnclient.ui.ElementContext;
-import org.saturnclient.ui.RenderScope;
-import org.saturnclient.ui.resources.Fonts;
-
-public class Text extends Element {
-    private String text;
-
-    public Text(String text) {
-        this.text = text;
-        width = Fonts.getWidth(text, Theme.FONT.value);
-        height = Fonts.getHeight();
-    }
-
-    @Override
-    public void render(RenderScope renderScope, ElementContext ctx) {
-        renderScope.drawText(this.text, 0, 0, Theme.FONT.value, Theme.FOREGROUND.value);
-    }
-}

src/main/java/org/saturnclient/ui/elements/TextureButton.java

@@ -1,37 +0,0 @@
-package org.saturnclient.ui.elements;
-
-import org.saturnclient.common.ref.asset.IdentifierRef;
-import org.saturnclient.config.Theme;
-import org.saturnclient.ui.Element;
-import org.saturnclient.ui.ElementContext;
-import org.saturnclient.ui.RenderScope;
-
-public class TextureButton extends Element {
-    IdentifierRef sprite;
-    private Runnable onClick;
-    static int padding = 14;
-
-    public TextureButton(IdentifierRef sprite, Runnable onClick) {
-        this.sprite = sprite;
-        this.onClick = onClick;
-    }
-
-    @Override
-    public void render(RenderScope renderScope, ElementContext ctx) {
-        renderScope.drawRoundedRectangle(0, 0, width, height, Theme.WIDGET_RADIUS.value,
-                ctx.isHovering() ? Theme.ACCENT.value : Theme.PRIMARY.value);
-
-        int texWidth = width - padding;
-        int texHeight = height - padding;
-
-        renderScope.drawTexture(sprite, padding / 2, padding / 2, 0, 0, texWidth, texHeight,
-                ctx.isHovering() ? Theme.ACCENT_FG.value : Theme.PRIMARY_FG.value);
-    }
-
-    @Override
-    public void click(int mouseX, int mouseY) {
-        if (onClick != null) {
-            onClick.run();
-        }
-    }
-}

src/main/java/org/saturnclient/ui/resources/Textures.java

@@ -1,29 +1,14 @@
 package org.saturnclient.ui.resources;
 
+import java.io.IOException;
+import java.io.InputStream;
+
+import org.saturnclient.common.provider.Providers;
 import org.saturnclient.common.ref.asset.IdentifierRef;
 
 public class Textures {
     public static final IdentifierRef CROSSHAIR_RANGE = IdentifierRef
             .ofSaturn("textures/gui/hud/crosshair_range.png");
-    public static final IdentifierRef COSMETICS = IdentifierRef.ofSaturn("textures/gui/components/cosmetics.png");
-    public static final IdentifierRef HUD_ICON = IdentifierRef.ofSaturn("textures/gui/components/hud.png");
-    public static final IdentifierRef SEARCH = IdentifierRef.ofSaturn("textures/gui/components/search.png");
-    public static final IdentifierRef CLOSE = IdentifierRef.ofSaturn("textures/gui/components/close.png");
-    public static final IdentifierRef MODS_TAB = IdentifierRef.ofSaturn("textures/gui/components/mods_tab.png");
-    public static final IdentifierRef SETTINGS = IdentifierRef.ofSaturn("textures/gui/components/settings.png");
-    public static final IdentifierRef CLOAK = IdentifierRef.ofSaturn("textures/gui/components/cloak.png");
-    public static final IdentifierRef HAT = IdentifierRef.ofSaturn("textures/gui/components/hat.png");
-    public static final IdentifierRef RESET = IdentifierRef.ofSaturn("textures/gui/components/reset.png");
-    public static final IdentifierRef TOGGLE_INDICATOR = IdentifierRef
-            .ofSaturn("textures/gui/components/toggle_indicator.png");
-    public static final IdentifierRef LEFT = IdentifierRef.ofSaturn("textures/gui/components/left.png");
-    public static final IdentifierRef RIGHT = IdentifierRef.ofSaturn("textures/gui/components/right.png");
-    public static final IdentifierRef STORE = IdentifierRef.ofSaturn("textures/gui/components/store.png");
-    public static final IdentifierRef COINS = IdentifierRef.ofSaturn("textures/gui/components/coins.png");
-    public static final IdentifierRef SHIRT = IdentifierRef.ofSaturn("textures/gui/components/shirt.png");
-    public static final IdentifierRef CIRCLE_X = IdentifierRef.ofSaturn("textures/gui/components/circle_x.png");
-    public static final IdentifierRef INFO = IdentifierRef.ofSaturn("textures/gui/components/info.png");
-    public static final IdentifierRef CHECK = IdentifierRef.ofSaturn("textures/gui/components/check.png");
 
     // Lucide icons (SVG, drawn in white so they can be tinted)
     public static final IdentifierRef ICON_MODS = IdentifierRef.ofSaturn("textures/gui/components/mods.svg");
@@ -43,6 +28,7 @@ public class Textures {
             .ofSaturn("textures/gui/components/chevron_right.svg");
     public static final IdentifierRef ICON_CHEVRON_DOWN = IdentifierRef
             .ofSaturn("textures/gui/components/chevron_down.svg");
+    public static final IdentifierRef ICON_EMOTE = IdentifierRef.ofSaturn("textures/gui/components/emote.svg");
     public static final IdentifierRef ICON_CHECK = IdentifierRef.ofSaturn("textures/gui/components/check.svg");
 
     public static final IdentifierRef LOGO = IdentifierRef.ofSaturn("textures/logo/logo.png");
@@ -51,15 +37,17 @@ public class Textures {
     public static final IdentifierRef LOGO_TEXT_BIG = IdentifierRef.ofSaturn("textures/logo/text_big.png");
     public static final IdentifierRef SPLASH = IdentifierRef.ofSaturn("textures/gui/splash.png");
 
-    // Widgets
+    /**
-    public static final IdentifierRef BUTTON_BORDER = IdentifierRef.ofSaturn("button_border");
+     * Whether a texture file is in the resources, for falling back when an
-    public static final IdentifierRef BUTTON = IdentifierRef.ofSaturn("button");
+     * optional one (like an emote's preview) is missing.
-    public static final IdentifierRef BUTTON_OP = IdentifierRef.ofSaturn("button_op");
+     */
-    public static final IdentifierRef SETTINGS_BG = IdentifierRef.ofSaturn("settings_bg");
+    public static boolean exists(IdentifierRef texture) {
-    public static final IdentifierRef RECT = IdentifierRef.ofSaturn("rect");
+        try (InputStream in = Providers.saturn.getClient().getResource(texture)) {
-    public static final IdentifierRef RECT_BORDER = IdentifierRef.ofSaturn("rect_border");
+            return in != null;
-    public static final IdentifierRef MOD = IdentifierRef.ofSaturn("textures/gui/components/mod.png");
+        } catch (IOException e) {
-    public static final IdentifierRef MOD_BG = IdentifierRef.ofSaturn("textures/gui/components/mod_bg.png");
+            return false;
+        }
+    }
 
     public static IdentifierRef getCloakPreview(String cloak) {
         return IdentifierRef.ofSaturn("textures/gui/cloak/" + (cloak.isEmpty() ? "none" : cloak) + ".png");

src/main/java/org/saturnclient/ui/screens/CosmeticsMenu.java

@@ -19,6 +19,7 @@ import org.saturnclient.ui.Element;
 import org.saturnclient.ui.ElementContext;
 import org.saturnclient.ui.PanelScreen;
 import org.saturnclient.ui.RenderScope;
+import org.saturnclient.ui.Utils;
 import org.saturnclient.ui.anim.SlideFade;
 import org.saturnclient.ui.components.CosmeticTile;
 import org.saturnclient.ui.components.Sidebar;
@@ -193,18 +194,7 @@ public class CosmeticsMenu extends PanelScreen {
 
     private static String getName(String id) {
         String name = NAMES.get(id);
-        if (name != null) {
+        return name != null ? name : Utils.nameFromId(id);
-            return name;
-        }
-
-        StringBuilder builder = new StringBuilder();
-        for (String word : id.split("_")) {
-            if (!builder.isEmpty()) {
-                builder.append(' ');
-            }
-            builder.append(Character.toUpperCase(word.charAt(0))).append(word.substring(1));
-        }
-        return builder.toString();
     }
 
     /**

src/main/java/org/saturnclient/ui/screens/EmoteWheel.java

@@ -1,110 +1,181 @@
 package org.saturnclient.ui.screens;
 
-import org.saturnclient.cosmetics.Emotes;
+import java.util.List;
+
 import org.saturnclient.client.ServiceClient;
 import org.saturnclient.common.provider.Providers;
+import org.saturnclient.common.ref.asset.IdentifierRef;
 import org.saturnclient.config.AnimationConfig;
 import org.saturnclient.config.Config;
+import org.saturnclient.config.property.FloatProperty;
+import org.saturnclient.config.Theme;
+import org.saturnclient.cosmetics.Emotes;
+import org.saturnclient.ui.Element;
+import org.saturnclient.ui.ElementContext;
+import org.saturnclient.ui.RenderScope;
 import org.saturnclient.ui.SaturnScreen;
-import org.saturnclient.ui.Utils;
 import org.saturnclient.ui.anim.Fade;
 import org.saturnclient.ui.anim.SlideY;
+import org.saturnclient.ui.components.EmoteTile;
 import org.saturnclient.ui.elements.AnimationStagger;
 import org.saturnclient.ui.elements.ImageTexture;
-import org.saturnclient.ui.elements.TextureButton;
+import org.saturnclient.ui.elements.Label;
+import org.saturnclient.ui.resources.Fonts;
 import org.saturnclient.ui.resources.Textures;
 
+/**
+ * A 3x3 wheel of emotes to play, with the page controls in the middle. The
+ * emote wheel key opens and closes it (in the version's key handler).
+ */
 public class EmoteWheel extends SaturnScreen {
-    int page = 1;
+    private static final int GAP = 10;
+    private static final int GRID = EmoteTile.SIZE * 3 + GAP * 2;
+    private static final int LOGO = 48;
+
+    /** The grid's cells in the order emotes fill them, around the middle one */
+    private static final int[][] SLOTS = {
+            { 0, 0 }, { 1, 0 }, { 2, 0 },
+            { 0, 1 }, { 2, 1 },
+            { 0, 2 }, { 1, 2 }, { 2, 2 } };
+
+    private int page = 0;
 
     public EmoteWheel() {
         super("Emote Wheel");
     }
 
+    @Override
+    protected FloatProperty getScaleSetting() {
+        return Config.hudMenuScale;
+    }
+
     @Override
     public void ui() {
-        int row = 0;
+        List<String> emotes = Emotes.availableEmotes;
-        int col = 0;
+        int left = (width - GRID) / 2;
-
+        int top = (height - GRID) / 2 + LOGO / 2;
-        // =============================
-        // Logo
-        // =============================
-
-        draw(new ImageTexture(Textures.LOGO_TEXT)
-                .dimensions(98, 10)
-                .center(width, height, 0, -105)
-                .animation(new Fade(AnimationConfig.logo.duration.value)));
 
         draw(new ImageTexture(Config.getLogo())
-                .dimensions(98, 98)
+                .dimensions(LOGO, LOGO)
-                .center(width, height, 0, -149)
+                .position((width - LOGO) / 2, top - 20 - LOGO)
-                .animation(new SlideY(AnimationConfig.logo, -20)));
+                .animation(new SlideY(AnimationConfig.logo, -12)));
 
-        // =============================
+        if (emotes.isEmpty()) {
-        // Navigation Buttons
+            String message = "No emotes available";
-        // =============================
+            int x = (width - (int) (Fonts.getWidth(message, Theme.getBodyFont()) * 0.7f)) / 2;
-
+            draw(new Label(() -> message, 0.7f, Theme::getBodyFont, Theme::getMutedFg).position(x, top + GRID / 2));
-        draw(new TextureButton(Textures.LEFT, () -> {
+            return;
-            if (page > 1) {
-                page--;
-                elements.clear();
-                ui();
-            }
-        }).dimensions(30, 30)
-                .center(width, height, -50, 105)
-                .animation(new Fade(500)));
-
-        draw(new TextureButton(Textures.RIGHT, () -> {
-            if ((page * 8) < Emotes.availableEmotes.size()) {
-                page++;
-                elements.clear();
-                ui();
-            }
-        }).dimensions(30, 30)
-                .center(width, height, 50, 105)
-                .animation(new Fade(500)));
-
-        // =============================
-        // Emote Grid (Staggered)
-        // =============================
-
-        AnimationStagger emoteStagger = new AnimationStagger(AnimationConfig.emoteWheel);
-
-        while (row < 3) {
-
-            int idx = (row * 3 + col) + ((page - 1) * 8);
-
-            if (row == 1 && col == 1) {
-                col++;
         }
 
-            String emote = Utils.getOrNull(Emotes.availableEmotes, idx);
+        int pages = (emotes.size() + SLOTS.length - 1) / SLOTS.length;
+        page = Math.min(page, pages - 1);
 
-            emoteStagger.draw(
+        AnimationStagger grid = new AnimationStagger(AnimationConfig.emoteWheel);
-                    new TextureButton(Textures.getEmotePreview(emote), () -> {
+
+        for (int slot = 0; slot < SLOTS.length; slot++) {
+            int index = page * SLOTS.length + slot;
+            if (index >= emotes.size()) {
+                break;
+            }
+
+            String emote = emotes.get(index);
+            grid.draw(new EmoteTile(emote, () -> play(emote))
+                    .position(SLOTS[slot][0] * (EmoteTile.SIZE + GAP), SLOTS[slot][1] * (EmoteTile.SIZE + GAP))
+                    .animation(new SlideY(AnimationConfig.emoteWheel, 12)));
+        }
+
+        draw(grid.position(left, top));
+
+        draw(new PageControl(page, pages, () -> turnPage(-1), () -> turnPage(1))
+                .position(left + EmoteTile.SIZE + GAP, top + EmoteTile.SIZE + GAP)
+                .animation(new Fade(AnimationConfig.emoteWheel)));
+    }
+
+    private void play(String emote) {
         Providers.saturn.playEmote(ServiceClient.uuid, emote);
         ServiceClient.emote(emote);
         provider.close();
-                    })
-                            .dimensions(70, 70)
-                            .center(width, height,
-                                    -80 + (col * 80),
-                                    -35 + (row * 80))
-                            .animation(new SlideY(AnimationConfig.emoteWheel, 12)));
-
-            if (col < 2) {
-                col++;
-            } else {
-                col = 0;
-                row++;
-            }
     }
 
-        draw(emoteStagger);
+    private void turnPage(int direction) {
+        page += direction;
+        init();
     }
 
     @Override
     public boolean shouldPause() {
         return false;
     }
+
+    /**
+     * The middle of the wheel: "Emotes", and the page with arrows to turn it
+     * when there's more than one.
+     */
+    private static class PageControl extends Element {
+        private static final int ARROW = 16;
+        private static final int ARROW_AREA = 26;
+
+        private final int page;
+        private final int pages;
+        private final Runnable onPrevious;
+        private final Runnable onNext;
+
+        PageControl(int page, int pages, Runnable onPrevious, Runnable onNext) {
+            this.page = page;
+            this.pages = pages;
+            this.onPrevious = onPrevious;
+            this.onNext = onNext;
+            this.width = EmoteTile.SIZE;
+            this.height = EmoteTile.SIZE;
+        }
+
+        @Override
+        public void render(RenderScope renderScope, ElementContext ctx) {
+            renderScope.drawGlassRectangle(0, 0, width, height, Theme.WIDGET_RADIUS.value, Config.widgetBlur.value,
+                    1, Theme.getPanelBg(), Theme.getBorder());
+
+            float titleScale = 0.54f;
+            drawCentered(renderScope, "EMOTES", titleScale, pages > 1 ? 24 : (height - 10) / 2, Theme.getMutedFg());
+
+            if (pages <= 1) {
+                return;
+            }
+
+            drawCentered(renderScope, (page + 1) + " / " + pages, 0.66f, 48, Theme.FOREGROUND.value);
+
+            int arrowY = 48 + ((int) (Fonts.getHeight() * 0.66f) - ARROW) / 2;
+            drawArrow(renderScope, ctx, Textures.ICON_CHEVRON_LEFT, 4, arrowY, canGoBack());
+            drawArrow(renderScope, ctx, Textures.ICON_CHEVRON_RIGHT, width - 4 - ARROW, arrowY, canGoForward());
+        }
+
+        private void drawArrow(RenderScope renderScope, ElementContext ctx, IdentifierRef icon, int x, int y,
+                boolean enabled) {
+            boolean hovered = enabled && ctx.isHovering(x - 5, 0, ARROW_AREA, height);
+            int color = !enabled ? Theme.withAlpha(0.2f, Theme.FOREGROUND.value)
+                    : hovered ? Theme.ACCENT.value : Theme.getMutedFg();
+            renderScope.drawTexture(icon, x, y, 0, 0, ARROW, ARROW, color);
+        }
+
+        private void drawCentered(RenderScope renderScope, String text, float scale, int y, int color) {
+            int x = (width - (int) (Fonts.getWidth(text, Theme.FONT.value) * scale)) / 2;
+            renderScope.drawText(scale, text, x, y, Theme.FONT.value, color);
+        }
+
+        @Override
+        public void click(int mouseX, int mouseY) {
+            if (mouseX < ARROW_AREA && canGoBack()) {
+                onPrevious.run();
+            } else if (mouseX > width - ARROW_AREA && canGoForward()) {
+                onNext.run();
+            }
+        }
+
+        private boolean canGoBack() {
+            return page > 0;
+        }
+
+        private boolean canGoForward() {
+            return page < pages - 1;
+        }
+    }
 }

src/main/java/org/saturnclient/ui/screens/HudEditor.java

@@ -1,59 +1,76 @@
 package org.saturnclient.ui.screens;
 
-import org.saturnclient.common.ref.render.MatrixStackRef;
+import java.util.ArrayList;
+import java.util.List;
+
 import org.saturnclient.config.ConfigManager;
+import org.saturnclient.config.Theme;
 import org.saturnclient.mod.HudMod;
 import org.saturnclient.mod.Mod;
 import org.saturnclient.mod.ModLayout;
 import org.saturnclient.mod.ModManager;
 import org.saturnclient.ui.RenderScope;
 import org.saturnclient.ui.SaturnScreen;
+import org.saturnclient.ui.components.HudModPreview;
+import org.saturnclient.ui.resources.Fonts;
 
-import java.util.ArrayList;
+/**
-import java.util.List;
+ * Moves and resizes the enabled HUD mods, drawn as they are in game. Drag one
-
+ * to move it, or drag its corner handle to resize it.
+ *
+ * Unlike other Saturn screens this works in GUI pixels, like the HUD itself,
+ * whatever Saturn's GUI scale.
+ */
 public class HudEditor extends SaturnScreen {
+    private static final String HINT = "Drag to move  ·  Drag the corner to resize  ·  Esc when done";
+
+    /** Size of the resize handle, and how far around it still grabs it */
+    private static final int HANDLE = 4;
+    private static final int HANDLE_REACH = 4;
+    private static final float LABEL_SCALE = 0.4f;
+    private static final float HINT_SCALE = 0.45f;
+
     private final List<HudMod> hudMods = new ArrayList<>();
+
     private HudMod draggingMod = null;
     private boolean resizing = false;
     private int offsetX, offsetY;
-    private static final int RESIZE_MARGIN = 3;
 
     public HudEditor() {
         super("HUD Editor");
         for (Mod m : ModManager.ENABLED_MODS) {
-            if (m.isEnabled() && m instanceof HudMod) {
+            if (m.isEnabled() && m instanceof HudMod hudMod) {
-                hudMods.add((HudMod) m);
+                hudMods.add(hudMod);
             }
         }
     }
 
+    @Override
+    public float getScale() {
+        return 1f;
+    }
+
+    @Override
+    public void ui() {
+        // Placing HUDs needs a clear view of the game.
+        blurBackground = false;
+    }
+
     @Override
     public boolean mouseClicked(double mouseX, double mouseY, int button) {
         if (button == 0) {
-            for (int m = hudMods.size() - 1; m >= 0; m--) {
+            HudMod mod = getModAt(mouseX, mouseY);
-                HudMod mod = hudMods.get(m);
+
+            if (mod != null) {
                 ModLayout dim = mod.getDimensions();
-
-                // Check if clicking the corner for resizing
-                if (isCorner(mouseX, mouseY, dim)) {
                 draggingMod = mod;
-                    resizing = true;
+                resizing = isOnHandle(mouseX, mouseY, dim);
-                    offsetX = (int) (mouseX - (dim.x.value + dim.width * dim.scale.value));
+                offsetX = (int) (mouseX - (resizing ? right(dim) : dim.x.value));
-                    offsetY = (int) (mouseY - (dim.y.value + dim.height * dim.scale.value));
+                offsetY = (int) (mouseY - (resizing ? bottom(dim) : dim.y.value));
-                    return true;
-                }
-
-                // Check if clicking inside the mod
-                if (isInside(mouseX, mouseY, dim)) {
-                    draggingMod = mod;
-                    resizing = false;
-                    offsetX = (int) (mouseX - dim.x.value);
-                    offsetY = (int) (mouseY - dim.y.value);
                 return true;
             }
         }
-        }
+
         return super.mouseClicked(mouseX, mouseY, button);
     }
 
@@ -72,57 +89,115 @@ public class HudEditor extends SaturnScreen {
             ModLayout dim = draggingMod.getDimensions();
 
             if (resizing) {
-                // Scale based on cursor movement
+                // The handle follows the cursor: the scale is the new width over the unscaled width.
-                float newScale = Math.max(0.5f, ((float) (mouseX - dim.x.value) / dim.width));
+                float scale = (float) (mouseX - offsetX - dim.x.value) / dim.width;
-                dim.scale.value = newScale;
+                float min = dim.scale.min != null ? dim.scale.min : 0.5f;
+                float max = dim.scale.max != null ? dim.scale.max : 4f;
+                dim.scale.value = Math.max(min, Math.min(max, scale));
             } else {
-                // Move the mod
                 dim.x.value = (int) mouseX - offsetX;
                 dim.y.value = (int) mouseY - offsetY;
             }
+
+            keepOnScreen(dim);
         }
+
         return super.mouseDragged(mouseX, mouseY, button, deltaX, deltaY);
     }
 
-    @Override
-    public void ui() {
-    }
-
     @Override
     public void render(RenderScope renderScope, int mouseX, int mouseY, float delta, long elapsed) {
+        HudMod hovered = draggingMod != null ? draggingMod : getModAt(mouseX, mouseY);
+
         for (HudMod mod : hudMods) {
             ModLayout dim = mod.getDimensions();
-            MatrixStackRef matrices = renderScope.getMatrixStack();
+            boolean active = mod == hovered;
-            matrices.push();
 
-            matrices.translate(dim.x.value, dim.y.value);
+            renderScope.getMatrixStack().push();
-            matrices.scale(dim.scale.value, dim.scale.value);
+            renderScope.getMatrixStack().translate(dim.x.value, dim.y.value);
+            renderScope.getMatrixStack().scale(dim.scale.value, dim.scale.value);
+            HudModPreview.draw(renderScope, mod);
+            renderScope.getMatrixStack().pop();
 
-            // Render the mod
+            drawFrame(renderScope, mod, dim, active);
-            mod.renderDummy(renderScope);
+        }
 
-            matrices.pop();
+        drawHint(renderScope);
+    }
 
-            // Draw border around mod
+    /**
-            int borderX = dim.x.value;
+     * The outline around a HUD, its resize handle, and its name while it's
-            int borderY = dim.y.value;
+     * hovered or dragged.
-            int borderW = (int) (dim.width * dim.scale.value);
+     */
-            int borderH = (int) (dim.height * dim.scale.value);
+    private void drawFrame(RenderScope renderScope, HudMod mod, ModLayout dim, boolean active) {
+        int x = dim.x.value;
+        int y = dim.y.value;
+        int w = right(dim) - x;
+        int h = bottom(dim) - y;
+        int color = active ? Theme.ACCENT.value : Theme.withAlpha(0.45f, Theme.FOREGROUND.value);
 
-            renderScope.drawBorder(borderX, borderY, borderW, borderH, 0xFFFFFFFF); // White border
+        if (active) {
+            renderScope.drawRectangle(x, y, w, h, Theme.withAlpha(0.08f, Theme.ACCENT.value));
+        }
+
+        renderScope.drawBorder(x - 1, y - 1, w + 2, h + 2, color);
+        renderScope.drawRectangle(x + w - HANDLE / 2, y + h - HANDLE / 2, HANDLE, HANDLE, color);
+
+        if (active && mod instanceof Mod named) {
+            int labelHeight = (int) (Fonts.getHeight() * LABEL_SCALE);
+            int labelY = y - labelHeight - 4 < 0 ? y + h + 4 : y - labelHeight - 4;
+            renderScope.drawText(LABEL_SCALE, named.getName(), x, labelY, Theme.FONT.value, Theme.FOREGROUND.value);
         }
     }
 
-    private boolean isInside(double mouseX, double mouseY, ModLayout dim) {
+    private void drawHint(RenderScope renderScope) {
-        return mouseX >= dim.x.value && mouseX <= dim.x.value + (dim.width * dim.scale.value) &&
+        int textWidth = (int) (Fonts.getWidth(HINT, Theme.getBodyFont()) * HINT_SCALE);
-                mouseY >= dim.y.value && mouseY <= dim.y.value + (dim.height * dim.scale.value);
+        int textHeight = (int) (Fonts.getHeight() * HINT_SCALE);
+        int pillWidth = textWidth + 20;
+        int pillHeight = textHeight + 10;
+        int x = (width - pillWidth) / 2;
+        int y = 8;
+
+        renderScope.drawRoundedRectangle(x, y, pillWidth, pillHeight, pillHeight / 2, 1, Theme.getPanelBg(),
+                Theme.getBorder());
+        renderScope.drawText(HINT_SCALE, HINT, x + 10, y + 5, Theme.getBodyFont(), Theme.PRIMARY_FG.value);
     }
 
-    private boolean isCorner(double mouseX, double mouseY, ModLayout dim) {
+    /**
-        float rightX = dim.x.value + dim.width * dim.scale.value;
+     * The HUD under the mouse, preferring the one drawn on top, or null.
-        float bottomY = dim.y.value + dim.height * dim.scale.value;
+     */
+    private HudMod getModAt(double mouseX, double mouseY) {
+        for (int i = hudMods.size() - 1; i >= 0; i--) {
+            ModLayout dim = hudMods.get(i).getDimensions();
+            if (isOnHandle(mouseX, mouseY, dim) || isInside(mouseX, mouseY, dim)) {
+                return hudMods.get(i);
+            }
+        }
+        return null;
+    }
 
-        return Math.abs(mouseX - rightX) < RESIZE_MARGIN && Math.abs(mouseY - bottomY) < RESIZE_MARGIN;
+    private void keepOnScreen(ModLayout dim) {
+        int w = right(dim) - dim.x.value;
+        int h = bottom(dim) - dim.y.value;
+
+        dim.x.value = Math.max(0, Math.min(dim.x.value, width - w));
+        dim.y.value = Math.max(0, Math.min(dim.y.value, height - h));
+    }
+
+    private static int right(ModLayout dim) {
+        return dim.x.value + (int) (dim.width * dim.scale.value);
+    }
+
+    private static int bottom(ModLayout dim) {
+        return dim.y.value + (int) (dim.height * dim.scale.value);
+    }
+
+    private static boolean isInside(double mouseX, double mouseY, ModLayout dim) {
+        return mouseX >= dim.x.value && mouseX <= right(dim) && mouseY >= dim.y.value && mouseY <= bottom(dim);
+    }
+
+    private static boolean isOnHandle(double mouseX, double mouseY, ModLayout dim) {
+        return Math.abs(mouseX - right(dim)) <= HANDLE_REACH && Math.abs(mouseY - bottom(dim)) <= HANDLE_REACH;
     }
 
     @Override

src/main/java/org/saturnclient/ui/screens/ShiftMenu.java

@@ -3,23 +3,35 @@ package org.saturnclient.ui.screens;
 import org.saturnclient.common.provider.Providers;
 import org.saturnclient.config.AnimationConfig;
 import org.saturnclient.config.Config;
+import org.saturnclient.config.property.FloatProperty;
 import org.saturnclient.ui.SaturnScreen;
 import org.saturnclient.ui.anim.Fade;
 import org.saturnclient.ui.anim.SlideY;
 import org.saturnclient.ui.elements.AnimationStagger;
 import org.saturnclient.ui.elements.Button;
+import org.saturnclient.ui.elements.IconButton;
 import org.saturnclient.ui.elements.ImageTexture;
-import org.saturnclient.ui.elements.TextureButton;
 import org.saturnclient.ui.resources.Textures;
 
+/**
+ * The in-game quick menu: the logo over the HUD editor, mod menu and
+ * cosmetics.
+ */
 public class ShiftMenu extends SaturnScreen {
+    private static final int MODS_WIDTH = 120;
+    private static final int GAP = 6;
+
     public ShiftMenu() {
         super("Shift Menu");
     }
 
+    @Override
+    protected FloatProperty getScaleSetting() {
+        return Config.hudMenuScale;
+    }
+
     @Override
     public void ui() {
-        // Logo animations (unchanged)
         draw(new ImageTexture(Textures.LOGO_TEXT)
                 .dimensions(98, 10)
                 .center(width, height, 0, -36)
@@ -30,32 +42,24 @@ public class ShiftMenu extends SaturnScreen {
                 .center(width, height, 0, -80)
                 .animation(new SlideY(AnimationConfig.logo, -20)));
 
-        // Spacing and sizes
-        int btnWidth = 120;
-        int btnHeight = 40;
-        int spacing = 4;
-
-        // Create stagger
-
         AnimationStagger stagger = new AnimationStagger(AnimationConfig.shiftMenu.stagger.value);
+        int x = 0;
 
-        stagger.draw(new TextureButton(Textures.HUD_ICON, () -> {
+        stagger.draw(new IconButton(Textures.ICON_HUD_EDITOR,
-            Providers.saturn.getClient().setScreen(new HudEditor());
+                () -> Providers.saturn.getClient().setScreen(new HudEditor()))
-        }).dimensions(btnHeight, btnHeight).position(0, 0)
+                .position(x, 0).animation(new Fade(AnimationConfig.shiftMenu)));
-                .animation(new Fade(AnimationConfig.shiftMenu)));
+        x += Button.HEIGHT + GAP;
 
-        stagger.draw(new Button("Settings", () -> {
+        stagger.draw(new Button("Mods", () -> Providers.saturn.getClient().setScreen(new ModMenu()))
-            Providers.saturn.getClient().setScreen(new ModMenu());
+                .dimensions(MODS_WIDTH, Button.HEIGHT)
-        }).dimensions(btnWidth, btnHeight).position(btnHeight + spacing, 0)
+                .position(x, 0).animation(new Fade(AnimationConfig.shiftMenu)));
-                .animation(new Fade(AnimationConfig.shiftMenu)));
+        x += MODS_WIDTH + GAP;
 
-        stagger.draw(new TextureButton(Textures.COSMETICS, () -> {
+        stagger.draw(new IconButton(Textures.ICON_COSMETICS,
-            Providers.saturn.getClient().setScreen(new CosmeticsMenu());
+                () -> Providers.saturn.getClient().setScreen(new CosmeticsMenu()))
-        }).dimensions(btnHeight, btnHeight).position(btnWidth + btnHeight + (spacing * 2), 0)
+                .position(x, 0).animation(new Fade(AnimationConfig.shiftMenu)));
-                .animation(new Fade(AnimationConfig.shiftMenu)));
+        x += Button.HEIGHT;
 
-        // Draw the stagger at the absolute center of the screen
+        draw(stagger.position((width - x) / 2, (height - Button.HEIGHT) / 2));
-        draw(stagger.dimensions(btnWidth + (btnHeight * 2) + (spacing * 2), btnHeight).center(width, height, 0,
-                0));
     }
 }

src/main/java/org/saturnclient/ui/screens/TitleMenu.java

@@ -1,76 +1,153 @@
 package org.saturnclient.ui.screens;
 
+import java.util.List;
+
 import org.saturnclient.common.provider.Providers;
 import org.saturnclient.common.ref.game.MinecraftClientRef.MinecraftScreen;
 import org.saturnclient.config.AnimationConfig;
 import org.saturnclient.config.Config;
+import org.saturnclient.config.property.FloatProperty;
+import org.saturnclient.config.Theme;
+import org.saturnclient.ui.Element;
 import org.saturnclient.ui.SaturnScreen;
+import org.saturnclient.ui.anim.Animation;
 import org.saturnclient.ui.anim.Fade;
 import org.saturnclient.ui.anim.SlideFade;
 import org.saturnclient.ui.anim.SlideY;
+import org.saturnclient.ui.components.AccountChip;
+import org.saturnclient.ui.components.Dock;
 import org.saturnclient.ui.elements.AnimationStagger;
 import org.saturnclient.ui.elements.Button;
+import org.saturnclient.ui.elements.IconButton;
 import org.saturnclient.ui.elements.ImageTexture;
-import org.saturnclient.ui.elements.TextureButton;
+import org.saturnclient.ui.elements.Label;
 import org.saturnclient.ui.resources.Fonts;
 import org.saturnclient.ui.resources.Textures;
 
+/**
+ * Saturn's title screen: the logo over the game's menus in the middle, the
+ * player and a quit button in the top corners, and along the bottom a dock
+ * (Saturn's settings, its mods and cosmetics, then Minecraft's options) and the version.
+ */
 public class TitleMenu extends SaturnScreen {
+    // The logo and wordmark as the shift menu has them: the wordmark over the logo's foot
+    private static final int LOGO = 98;
+    private static final int WORDMARK_WIDTH = 98;
+    private static final int WORDMARK_HEIGHT = 10;
+    private static final int WORDMARK_Y = 88;
+    /** From the logo's foot to the menus, close so they read as one block */
+    private static final int MENUS_GAP = 14;
+    private static final int COLUMN_WIDTH = 280;
+    private static final int BUTTON_HEIGHT = 36;
+    private static final int GAP = 8;
+    /** Space around the account chip, quit button, dock and version, from the screen's edges */
+    private static final int EDGE = 14;
+    /** The top corners sit a little tighter */
+    private static final int TOP_EDGE = 10;
+    /** As tall as the account chip beside it */
+    private static final int QUIT_SIZE = AccountChip.HEIGHT;
+
+    // The intro comes in in reading order, left to right and top to bottom, one step apart
+    private static final int STEP_ACCOUNT = 0;
+    private static final int STEP_QUIT = 1;
+    private static final int STEP_LOGO = 2;
+    private static final int STEP_MENUS = 3;
+    /** After the two menus */
+    private static final int STEP_VERSION = 5;
+    private static final int STEP_DOCK = 6;
+    private static final float VERSION_SCALE = 0.5f;
+    private static final float VERSION_ALPHA = 0.6f;
+
     public TitleMenu() {
         super("Title Menu");
     }
 
+    @Override
+    protected FloatProperty getScaleSetting() {
+        return Config.titleScale;
+    }
+
     @Override
     public void ui() {
         blurBackground = false;
 
-        draw(new ImageTexture(Textures.LOGO_TEXT).dimensions(98, 10).center(width, height, 0, -40)
+        // Logo and menus, centered together a little above the middle
-                .animation(new Fade(AnimationConfig.logo.duration.value)));
+        int menusHeight = BUTTON_HEIGHT * 2 + GAP;
-        draw(new ImageTexture(Config.getLogo()).dimensions(98, 98).center(width, height, 0, -84)
+        int blockHeight = LOGO + MENUS_GAP + menusHeight;
-                .animation(new SlideY(AnimationConfig.logo, -20)));
+        int top = (height - blockHeight) / 2 - 20;
 
-        AnimationStagger mainButtonStagger = new AnimationStagger(AnimationConfig.mainMenu);
+        draw(new ImageTexture(Config.getLogo())
+                .dimensions(LOGO, LOGO)
+                .position((width - LOGO) / 2, top)
+                .animation(step(new SlideY(AnimationConfig.logo, -20), STEP_LOGO)));
+        draw(new ImageTexture(Textures.LOGO_TEXT)
+                .dimensions(WORDMARK_WIDTH, WORDMARK_HEIGHT)
+                .position((width - WORDMARK_WIDTH) / 2, top + WORDMARK_Y)
+                .animation(step(new Fade(AnimationConfig.logo.duration.value), STEP_LOGO)));
 
-        mainButtonStagger.draw(new Button("SINGLEPLAYER", () -> {
+        AnimationStagger menus = new AnimationStagger(AnimationConfig.mainMenu)
-            Providers.saturn.getClient().setScreen(MinecraftScreen.SelectWorld);
+                .after(stepDelay(STEP_MENUS));
-        }).scale(0.69f).dimensions(420, 52).position(0, 0)
-                .animation(new SlideFade(AnimationConfig.mainMenu, -10)));
 
-        mainButtonStagger.draw(new Button("MULTIPLAYER", () -> {
+        addMenuButton(menus, new Button("Singleplayer",
-            Providers.saturn.getClient().setScreen(MinecraftScreen.Multiplayer);
+                () -> Providers.saturn.getClient().setScreen(MinecraftScreen.SelectWorld))
-        }).scale(0.69f).dimensions(420, 52).position(0, 40)
+                .dimensions(COLUMN_WIDTH, BUTTON_HEIGHT).position(0, 0));
-                .animation(new SlideFade(AnimationConfig.mainMenu, -10)));
+        addMenuButton(menus, new Button("Multiplayer",
+                () -> Providers.saturn.getClient().setScreen(MinecraftScreen.Multiplayer))
+                .dimensions(COLUMN_WIDTH, BUTTON_HEIGHT).position(0, BUTTON_HEIGHT + GAP));
 
-        mainButtonStagger.draw(new Button("OPTIONS", () -> {
+        draw(menus.position((width - COLUMN_WIDTH) / 2, top + LOGO + MENUS_GAP));
-            Providers.saturn.getClient().setScreen(MinecraftScreen.Options);
-        }).scale(0.69f).dimensions(206, 52).position(0, 80)
-                .animation(new SlideFade(AnimationConfig.mainMenu, -10)));
 
-        mainButtonStagger.draw(new Button("QUIT", () -> {
+        // Top corners: the player, and quitting the game
-            Providers.saturn.getClient().scheduleStop();
+        draw(new AccountChip()
-        }).scale(0.69f).dimensions(206, 52).position(146, 80)
+                .position(TOP_EDGE, TOP_EDGE)
-                .animation(new SlideFade(AnimationConfig.mainMenu, -10)));
+                .animation(step(new SlideFade(AnimationConfig.mainMenu, 8), STEP_ACCOUNT)));
+        draw(new IconButton(Textures.ICON_CLOSE, () -> Providers.saturn.getClient().scheduleStop())
+                .dimensions(QUIT_SIZE, QUIT_SIZE)
+                .position(width - TOP_EDGE - QUIT_SIZE, TOP_EDGE)
+                .animation(step(new SlideFade(AnimationConfig.mainMenu, 8), STEP_QUIT)));
 
-        draw(mainButtonStagger.dimensions(289, 143).center(width, height, 0, 50));
+        // Along the bottom: the dock, Saturn first (its settings) and Minecraft's options last, and the version
+        Dock dock = new Dock(List.of(
+                new Dock.Item(Textures.LOGO, () -> Providers.saturn.getClient().setScreen(new ClientSettings())),
+                new Dock.Item(Textures.ICON_MODS, () -> Providers.saturn.getClient().setScreen(new ModMenu())),
+                new Dock.Item(Textures.ICON_COSMETICS,
+                        () -> Providers.saturn.getClient().setScreen(new CosmeticsMenu())),
+                new Dock.Item(Textures.ICON_SETTINGS,
+                        () -> Providers.saturn.getClient().setScreen(MinecraftScreen.Options))));
+        draw(dock.position((width - dock.width) / 2, height - EDGE - Dock.HEIGHT)
+                .animation(step(new SlideFade(AnimationConfig.mainMenu, -12), STEP_DOCK)));
 
-        int s = Fonts.getHeight() + 20;
+        String version = getVersionText();
+        int versionHeight = (int) (Fonts.getHeight() * VERSION_SCALE);
+        draw(new Label(() -> version, VERSION_SCALE, Theme::getBodyFont,
+                () -> Theme.withAlpha(VERSION_ALPHA, Theme.getMutedFg()))
+                .position(EDGE, height - EDGE - versionHeight)
+                .animation(step(new Fade(AnimationConfig.mainMenu), STEP_VERSION)));
+    }
 
-        AnimationStagger saturnStagger = new AnimationStagger(AnimationConfig.mainMenu.stagger.value);
+    /**
+     * When the intro's {@code step} starts, in ms: the Main Menu stagger apart,
+     * or all at once when staggering is off.
+     */
+    private static int stepDelay(int step) {
+        return Config.stagger.value ? step * AnimationConfig.mainMenu.stagger.value : 0;
+    }
 
-        saturnStagger.draw(new TextureButton(Textures.HUD_ICON, () -> {
+    private static Animation step(Animation animation, int step) {
-            Providers.saturn.getClient().setScreen(new HudEditor());
+        animation.delay = stepDelay(step);
-        }).dimensions(s, s).position(0, 0).animation(new SlideFade(AnimationConfig.mainMenu, s + 8)));
+        return animation;
+    }
 
-        saturnStagger.draw(new TextureButton(Textures.SETTINGS, () -> {
+    /**
-            Providers.saturn.getClient().setScreen(new ModMenu());
+     * "Saturn 0.1.0 · 1.21.11", from the mod version "0.1.0+1.21.11".
-        }).dimensions(s, s).position(s + 2, 0)
+     */
-                .animation(new SlideFade(AnimationConfig.mainMenu, s + 8)));
+    private static String getVersionText() {
+        String[] version = Providers.saturn.getModVersion().split("\\+", 2);
+        String text = "Saturn " + version[0];
+        return version.length > 1 ? text + " · " + version[1] : text;
+    }
 
-        saturnStagger.draw(new TextureButton(Textures.CLOAK, () -> {
+    private static void addMenuButton(AnimationStagger stagger, Element button) {
-            Providers.saturn.getClient().setScreen(new CosmeticsMenu());
+        stagger.draw(button.animation(new SlideFade(AnimationConfig.mainMenu, -10)));
-        }).dimensions(s, s).position((s + 2) * 2, 0)
-                .animation(new SlideFade(AnimationConfig.mainMenu, s + 8)));
-
-        draw(saturnStagger.dimensions(((s + 2) * 2) + s, s).centerHorizontal(width, height, 0, 8));
     }
 }

src/main/resources/assets/saturnclient/player_animations/dab.json

@@ -0,0 +1,193 @@
+{
+  "version": 3,
+  "name": "\u0414\u044d\u0431",
+  "description": "\u0414\u044d\u0431\u043d\u0438 \u0441\u043e \u0432\u0441\u0435\u043c \u0432\u043a\u0443\u0441\u043e\u043c",
+  "author": "SPEmotes",
+  "emote": {
+    "beginTick": 0,
+    "endTick": 30,
+    "stopTick": 31,
+    "isLoop": false,
+    "returnTick": 1,
+    "easeBeforeKeyframe": false,
+    "degrees": false,
+    "moves": [
+      {
+        "tick": 4,
+        "easing": "EASEINOUTQUAD",
+        "rightLeg": {
+          "x": -1.873698,
+          "y": 11.100854,
+          "z": 0.104908,
+          "pitch": -0.01179,
+          "yaw": 0.000183,
+          "roll": 0.037555
+        }
+      },
+      {
+        "tick": 7,
+        "easing": "EASEINOUTQUAD",
+        "rightArm": {
+          "x": -5.06384,
+          "y": 3.129459,
+          "z": -0.028821,
+          "pitch": 1.006445,
+          "yaw": 0.326442,
+          "roll": 1.238234
+        },
+        "leftArm": {
+          "x": 5.0,
+          "y": 2.0,
+          "z": 0.0,
+          "pitch": -1.859405,
+          "yaw": 0.56235,
+          "roll": -1.6982
+        }
+      },
+      {
+        "tick": 8,
+        "easing": "EASEINOUTQUAD",
+        "head": {
+          "x": 0.0,
+          "y": 0.0,
+          "z": 0.0,
+          "pitch": 0.14541,
+          "yaw": 0.336522,
+          "roll": -0.066829
+        },
+        "body": {
+          "x": 0.0,
+          "y": 0.010776,
+          "z": 0.0,
+          "pitch": -0.007742,
+          "yaw": -0.304674,
+          "roll": -0.059173
+        },
+        "rightArm": {
+          "bend": -1.042365
+        },
+        "leftArm": {
+          "bend": -1.205889
+        },
+        "rightLeg": {
+          "x": -1.9,
+          "y": 12.0,
+          "z": 0.1,
+          "pitch": -0.023581,
+          "yaw": 0.001468,
+          "roll": 0.075111
+        },
+        "leftLeg": {
+          "x": 1.9,
+          "y": 12.0,
+          "z": -0.1,
+          "pitch": 0.025482,
+          "yaw": -0.467862,
+          "roll": 0.006087
+        }
+      },
+      {
+        "tick": 12,
+        "easing": "EASEINOUTQUAD",
+        "leftLeg": {
+          "x": 1.933101,
+          "y": 11.441392,
+          "z": -0.084124,
+          "pitch": 0.021479,
+          "yaw": -0.538523,
+          "roll": -0.038416
+        }
+      },
+      {
+        "tick": 16,
+        "easing": "EASEINOUTQUAD",
+        "body": {
+          "x": 0.0,
+          "y": 0.010776,
+          "z": 0.0,
+          "pitch": -0.043213,
+          "yaw": 0.303575,
+          "roll": -0.059152
+        },
+        "rightArm": {
+          "bend": -1.396377
+        },
+        "leftArm": {
+          "bend": 0.0
+        },
+        "rightLeg": {
+          "x": -1.9,
+          "y": 12.0,
+          "z": 0.1,
+          "pitch": -0.018974,
+          "yaw": 0.303724,
+          "roll": 0.068059
+        },
+        "leftLeg": {
+          "x": 1.9,
+          "y": 12.0,
+          "z": -0.1,
+          "pitch": 0.017477,
+          "yaw": -0.548618,
+          "roll": -0.082919
+        }
+      },
+      {
+        "tick": 18,
+        "easing": "EASEINOUTQUAD",
+        "head": {
+          "x": 0.0,
+          "y": 0.0,
+          "z": 0.0,
+          "pitch": 0.291391,
+          "yaw": 0.542094,
+          "roll": -0.159259
+        },
+        "rightArm": {
+          "x": -5.06384,
+          "y": 3.129459,
+          "z": -0.028821,
+          "pitch": -1.265057,
+          "yaw": 0.037433,
+          "roll": 1.364253
+        },
+        "leftArm": {
+          "x": 5.0,
+          "y": 2.0,
+          "z": 0.0,
+          "pitch": -0.438223,
+          "yaw": -0.045192,
+          "roll": -1.798213
+        }
+      },
+      {
+        "tick": 21,
+        "easing": "EASEINOUTQUAD",
+        "head": {
+          "x": 0.0,
+          "y": 0.0,
+          "z": 0.0,
+          "pitch": 0.291391,
+          "yaw": 0.542094,
+          "roll": -0.159259
+        },
+        "rightArm": {
+          "x": -5.06384,
+          "y": 3.129459,
+          "z": -0.028821,
+          "pitch": -1.265057,
+          "yaw": 0.037433,
+          "roll": 1.364253
+        },
+        "leftArm": {
+          "x": 5.0,
+          "y": 2.0,
+          "z": 0.0,
+          "pitch": -0.438223,
+          "yaw": -0.045192,
+          "roll": -1.798213
+        }
+      }
+    ]
+  }
+}

src/main/resources/assets/saturnclient/player_animations/front_flip.json

@@ -1,697 +0,0 @@
-{
-  "version": 1,
-  "valid": true,
-  "name": "front_flip",
-  "description": "Parkour!!!!1",
-  "author": "DKinchik",
-  "emote": {
-    "beginTick": 0,
-    "endTick": 17,
-    "stopTick": 18,
-    "isLoop": false,
-    "returnTick": 1,
-    "nsfw": false,
-    "degrees": false,
-    "moves": [
-      {
-        "tick": 2,
-        "easing": "INOUTQUAD",
-        "head": {
-          "x": -0.0
-        }
-      },
-      {
-        "tick": 15,
-        "easing": "INOUTQUAD",
-        "head": {
-          "x": -0.0
-        }
-      },
-      {
-        "tick": 2,
-        "easing": "INOUTQUAD",
-        "head": {
-          "y": -0.0
-        }
-      },
-      {
-        "tick": 15,
-        "easing": "INOUTQUAD",
-        "head": {
-          "y": -0.0
-        }
-      },
-      {
-        "tick": 2,
-        "easing": "INOUTQUAD",
-        "head": {
-          "z": -0.0
-        }
-      },
-      {
-        "tick": 15,
-        "easing": "INOUTQUAD",
-        "head": {
-          "z": -0.0
-        }
-      },
-      {
-        "tick": 2,
-        "easing": "INOUTQUAD",
-        "head": {
-          "pitch": -0.0
-        }
-      },
-      {
-        "tick": 5,
-        "easing": "INOUTQUAD",
-        "head": {
-          "pitch": 0.7020477
-        }
-      },
-      {
-        "tick": 10,
-        "easing": "INOUTQUAD",
-        "head": {
-          "pitch": 0.7020477
-        }
-      },
-      {
-        "tick": 15,
-        "easing": "INOUTQUAD",
-        "head": {
-          "pitch": -0.0
-        }
-      },
-      {
-        "tick": 2,
-        "easing": "INOUTQUAD",
-        "head": {
-          "yaw": -0.0
-        }
-      },
-      {
-        "tick": 15,
-        "easing": "INOUTQUAD",
-        "head": {
-          "yaw": -0.0
-        }
-      },
-      {
-        "tick": 2,
-        "easing": "INOUTQUAD",
-        "head": {
-          "roll": 0.0
-        }
-      },
-      {
-        "tick": 15,
-        "easing": "INOUTQUAD",
-        "head": {
-          "roll": 0.0
-        }
-      },
-      {
-        "tick": 2,
-        "easing": "INOUTQUAD",
-        "rightLeg": {
-          "x": -1.9
-        }
-      },
-      {
-        "tick": 15,
-        "easing": "INOUTQUAD",
-        "rightLeg": {
-          "x": -1.9
-        }
-      },
-      {
-        "tick": 2,
-        "easing": "INOUTQUAD",
-        "rightLeg": {
-          "y": 11.169379
-        }
-      },
-      {
-        "tick": 3,
-        "easing": "INOUTQUAD",
-        "rightLeg": {
-          "y": 12.0
-        }
-      },
-      {
-        "tick": 15,
-        "easing": "INOUTQUAD",
-        "rightLeg": {
-          "y": 12.0
-        }
-      },
-      {
-        "tick": 2,
-        "easing": "INOUTQUAD",
-        "rightLeg": {
-          "z": -0.39214998
-        }
-      },
-      {
-        "tick": 3,
-        "easing": "INOUTQUAD",
-        "rightLeg": {
-          "z": 0.1
-        }
-      },
-      {
-        "tick": 15,
-        "easing": "INOUTQUAD",
-        "rightLeg": {
-          "z": 0.1
-        }
-      },
-      {
-        "tick": 2,
-        "easing": "INOUTQUAD",
-        "rightLeg": {
-          "pitch": -0.0
-        }
-      },
-      {
-        "tick": 3,
-        "easing": "INOUTQUAD",
-        "rightLeg": {
-          "pitch": -0.0
-        }
-      },
-      {
-        "tick": 5,
-        "easing": "INOUTQUAD",
-        "rightLeg": {
-          "pitch": -1.9707682
-        }
-      },
-      {
-        "tick": 10,
-        "easing": "INOUTQUAD",
-        "rightLeg": {
-          "pitch": -1.9707682
-        }
-      },
-      {
-        "tick": 15,
-        "easing": "INOUTQUAD",
-        "rightLeg": {
-          "pitch": -0.0
-        }
-      },
-      {
-        "tick": 2,
-        "easing": "INOUTQUAD",
-        "rightLeg": {
-          "yaw": -0.0
-        }
-      },
-      {
-        "tick": 15,
-        "easing": "INOUTQUAD",
-        "rightLeg": {
-          "yaw": -0.0
-        }
-      },
-      {
-        "tick": 2,
-        "easing": "INOUTQUAD",
-        "rightLeg": {
-          "roll": -0.0
-        }
-      },
-      {
-        "tick": 15,
-        "easing": "INOUTQUAD",
-        "rightLeg": {
-          "roll": -0.0
-        }
-      },
-      {
-        "tick": 2,
-        "easing": "INOUTQUAD",
-        "rightLeg": {
-          "bend": -0.0
-        }
-      },
-      {
-        "tick": 2,
-        "easing": "INOUTQUAD",
-        "rightArm": {
-          "x": -5.0
-        }
-      },
-      {
-        "tick": 15,
-        "easing": "INOUTQUAD",
-        "rightArm": {
-          "x": -5.0
-        }
-      },
-      {
-        "tick": 2,
-        "easing": "INOUTQUAD",
-        "rightArm": {
-          "y": 2.0
-        }
-      },
-      {
-        "tick": 15,
-        "easing": "INOUTQUAD",
-        "rightArm": {
-          "y": 2.0
-        }
-      },
-      {
-        "tick": 2,
-        "easing": "INOUTQUAD",
-        "rightArm": {
-          "z": -0.0
-        }
-      },
-      {
-        "tick": 15,
-        "easing": "INOUTQUAD",
-        "rightArm": {
-          "z": -0.0
-        }
-      },
-      {
-        "tick": 2,
-        "easing": "INOUTQUAD",
-        "rightArm": {
-          "pitch": -0.0
-        }
-      },
-      {
-        "tick": 5,
-        "easing": "INOUTQUAD",
-        "rightArm": {
-          "pitch": -1.3665518
-        }
-      },
-      {
-        "tick": 10,
-        "easing": "INOUTQUAD",
-        "rightArm": {
-          "pitch": -1.3665518
-        }
-      },
-      {
-        "tick": 15,
-        "easing": "INOUTQUAD",
-        "rightArm": {
-          "pitch": -0.0
-        }
-      },
-      {
-        "tick": 2,
-        "easing": "INOUTQUAD",
-        "rightArm": {
-          "yaw": -0.0
-        }
-      },
-      {
-        "tick": 15,
-        "easing": "INOUTQUAD",
-        "rightArm": {
-          "yaw": -0.0
-        }
-      },
-      {
-        "tick": 2,
-        "easing": "INOUTQUAD",
-        "rightArm": {
-          "roll": -0.0
-        }
-      },
-      {
-        "tick": 15,
-        "easing": "INOUTQUAD",
-        "rightArm": {
-          "roll": -0.0
-        }
-      },
-      {
-        "tick": 2,
-        "easing": "INOUTQUAD",
-        "rightArm": {
-          "bend": -0.0
-        }
-      },
-      {
-        "tick": 2,
-        "easing": "INOUTQUAD",
-        "leftArm": {
-          "x": 5.0
-        }
-      },
-      {
-        "tick": 15,
-        "easing": "INOUTQUAD",
-        "leftArm": {
-          "x": 5.0
-        }
-      },
-      {
-        "tick": 2,
-        "easing": "INOUTQUAD",
-        "leftArm": {
-          "y": 2.0
-        }
-      },
-      {
-        "tick": 15,
-        "easing": "INOUTQUAD",
-        "leftArm": {
-          "y": 2.0
-        }
-      },
-      {
-        "tick": 2,
-        "easing": "INOUTQUAD",
-        "leftArm": {
-          "z": -0.0
-        }
-      },
-      {
-        "tick": 15,
-        "easing": "INOUTQUAD",
-        "leftArm": {
-          "z": -0.0
-        }
-      },
-      {
-        "tick": 2,
-        "easing": "INOUTQUAD",
-        "leftArm": {
-          "pitch": 0.0
-        }
-      },
-      {
-        "tick": 5,
-        "easing": "INOUTQUAD",
-        "leftArm": {
-          "pitch": -1.0793308
-        }
-      },
-      {
-        "tick": 10,
-        "easing": "INOUTQUAD",
-        "leftArm": {
-          "pitch": -1.0793308
-        }
-      },
-      {
-        "tick": 15,
-        "easing": "INOUTQUAD",
-        "leftArm": {
-          "pitch": 0.0
-        }
-      },
-      {
-        "tick": 2,
-        "easing": "INOUTQUAD",
-        "leftArm": {
-          "yaw": -0.0
-        }
-      },
-      {
-        "tick": 15,
-        "easing": "INOUTQUAD",
-        "leftArm": {
-          "yaw": -0.0
-        }
-      },
-      {
-        "tick": 2,
-        "easing": "INOUTQUAD",
-        "leftArm": {
-          "roll": 0.0
-        }
-      },
-      {
-        "tick": 15,
-        "easing": "INOUTQUAD",
-        "leftArm": {
-          "roll": 0.0
-        }
-      },
-      {
-        "tick": 2,
-        "easing": "INOUTQUAD",
-        "leftArm": {
-          "bend": -0.0
-        }
-      },
-      {
-        "tick": 2,
-        "easing": "INOUTQUAD",
-        "leftLeg": {
-          "x": 1.9
-        }
-      },
-      {
-        "tick": 15,
-        "easing": "INOUTQUAD",
-        "leftLeg": {
-          "x": 1.9
-        }
-      },
-      {
-        "tick": 2,
-        "easing": "INOUTQUAD",
-        "leftLeg": {
-          "y": 10.861001
-        }
-      },
-      {
-        "tick": 3,
-        "easing": "INOUTQUAD",
-        "leftLeg": {
-          "y": 12.0
-        }
-      },
-      {
-        "tick": 15,
-        "easing": "INOUTQUAD",
-        "leftLeg": {
-          "y": 12.0
-        }
-      },
-      {
-        "tick": 2,
-        "easing": "INOUTQUAD",
-        "leftLeg": {
-          "z": -0.5082285
-        }
-      },
-      {
-        "tick": 3,
-        "easing": "INOUTQUAD",
-        "leftLeg": {
-          "z": -0.1
-        }
-      },
-      {
-        "tick": 15,
-        "easing": "INOUTQUAD",
-        "leftLeg": {
-          "z": -0.1
-        }
-      },
-      {
-        "tick": 2,
-        "easing": "INOUTQUAD",
-        "leftLeg": {
-          "pitch": -0.0
-        }
-      },
-      {
-        "tick": 3,
-        "easing": "INOUTQUAD",
-        "leftLeg": {
-          "pitch": -0.0
-        }
-      },
-      {
-        "tick": 5,
-        "easing": "INOUTQUAD",
-        "leftLeg": {
-          "pitch": -1.9850811
-        }
-      },
-      {
-        "tick": 10,
-        "easing": "INOUTQUAD",
-        "leftLeg": {
-          "pitch": -1.9850811
-        }
-      },
-      {
-        "tick": 15,
-        "easing": "INOUTQUAD",
-        "leftLeg": {
-          "pitch": -0.0
-        }
-      },
-      {
-        "tick": 2,
-        "easing": "INOUTQUAD",
-        "leftLeg": {
-          "yaw": -0.0
-        }
-      },
-      {
-        "tick": 15,
-        "easing": "INOUTQUAD",
-        "leftLeg": {
-          "yaw": -0.0
-        }
-      },
-      {
-        "tick": 2,
-        "easing": "INOUTQUAD",
-        "leftLeg": {
-          "roll": -0.0
-        }
-      },
-      {
-        "tick": 15,
-        "easing": "INOUTQUAD",
-        "leftLeg": {
-          "roll": 0.0
-        }
-      },
-      {
-        "tick": 2,
-        "easing": "INOUTQUAD",
-        "leftLeg": {
-          "bend": -0.0
-        }
-      },
-      {
-        "tick": 2,
-        "easing": "INQUAD",
-        "body": {
-          "x": 0.0
-        }
-      },
-      {
-        "tick": 16,
-        "easing": "INQUAD",
-        "body": {
-          "x": 0.0
-        }
-      },
-      {
-        "tick": 2,
-        "easing": "INQUAD",
-        "body": {
-          "y": -0.061333913
-        }
-      },
-      {
-        "tick": 7,
-        "easing": "OUTQUAD",
-        "body": {
-          "y": 0.48852682
-        }
-      },
-      {
-        "tick": 15,
-        "easing": "CONSTANT",
-        "body": {
-          "y": 0.0
-        }
-      },
-      {
-        "tick": 16,
-        "easing": "INQUAD",
-        "body": {
-          "y": 0.0
-        }
-      },
-      {
-        "tick": 2,
-        "easing": "INQUAD",
-        "body": {
-          "z": -0.0
-        }
-      },
-      {
-        "tick": 16,
-        "easing": "INQUAD",
-        "body": {
-          "z": -0.0
-        }
-      },
-      {
-        "tick": 2,
-        "easing": "INQUAD",
-        "body": {
-          "pitch": 0.0
-        }
-      },
-      {
-        "tick": 7,
-        "easing": "OUTQUAD",
-        "body": {
-          "pitch": -2.8362873
-        }
-      },
-      {
-        "tick": 15,
-        "easing": "CONSTANT",
-        "body": {
-          "pitch": -6.2831855
-        }
-      },
-      {
-        "tick": 16,
-        "easing": "INQUAD",
-        "body": {
-          "pitch": 0.0
-        }
-      },
-      {
-        "tick": 2,
-        "easing": "INQUAD",
-        "body": {
-          "yaw": 0.0
-        }
-      },
-      {
-        "tick": 16,
-        "easing": "INQUAD",
-        "body": {
-          "yaw": 0.0
-        }
-      },
-      {
-        "tick": 2,
-        "easing": "INQUAD",
-        "body": {
-          "roll": -0.0
-        }
-      },
-      {
-        "tick": 16,
-        "easing": "INQUAD",
-        "body": {
-          "roll": 0.0
-        }
-      },
-      {
-        "tick": 2,
-        "easing": "INOUTQUAD",
-        "body": {
-          "bend": -0.0
-        }
-      }
-    ]
-  }
-}

src/main/resources/assets/saturnclient/player_animations/get_the_griddy.json

@@ -0,0 +1,825 @@
+{
+  "version": 3,
+  "name": "Get the Griddy",
+  "description": "fortnite battlepass",
+  "author": "SeroRonin",
+  "emote": {
+    "beginTick": 0,
+    "endTick": 91,
+    "stopTick": 91,
+    "isLoop": true,
+    "returnTick": 2,
+    "easeBeforeKeyframe": false,
+    "degrees": false,
+    "moves": [
+      {
+        "tick": 1,
+        "easing": "LINEAR",
+        "head": {
+          "x": 0.0,
+          "y": 0.0,
+          "z": 0.0,
+          "pitch": 0.261799,
+          "yaw": 0.0,
+          "roll": 0.0
+        },
+        "rightArm": {
+          "pitch": -0.872665,
+          "yaw": -0.436332,
+          "roll": 0.349066
+        },
+        "leftLeg": {
+          "x": 1.9,
+          "y": 12.0,
+          "z": -0.1,
+          "pitch": -0.523599,
+          "yaw": 0.0,
+          "roll": 0.0,
+          "bend": 0.436332
+        },
+        "rightLeg": {
+          "x": -1.9,
+          "y": 12.0,
+          "z": 0.1,
+          "pitch": -0.174533,
+          "yaw": 0.0,
+          "roll": 0.0,
+          "bend": 0.523599
+        },
+        "leftArm": {
+          "x": 5.0,
+          "y": 2.0,
+          "z": 0.0,
+          "pitch": -0.872674,
+          "yaw": 0.436332,
+          "roll": -0.349066
+        },
+        "body": {
+          "x": 0.0,
+          "y": 0.0,
+          "z": 0.0,
+          "pitch": 0.077608,
+          "yaw": 0.0,
+          "roll": 0.0
+        },
+        "torso": {
+          "bend": 0.395397
+        }
+      },
+      {
+        "tick": 4,
+        "easing": "LINEAR",
+        "leftLeg": {
+          "pitch": -0.610865
+        }
+      },
+      {
+        "tick": 5,
+        "easing": "LINEAR",
+        "body": {
+          "x": 0.0,
+          "y": 0.0375,
+          "z": 0.0,
+          "pitch": 0.033951,
+          "yaw": 0.0,
+          "roll": 0.0
+        },
+        "torso": {
+          "bend": 0.377793
+        }
+      },
+      {
+        "tick": 6,
+        "easing": "LINEAR",
+        "head": {
+          "pitch": 0.191986
+        },
+        "leftLeg": {
+          "bend": 0.959931
+        },
+        "rightLeg": {
+          "bend": 0.523599
+        }
+      },
+      {
+        "tick": 9,
+        "easing": "LINEAR",
+        "head": {
+          "x": 0.0,
+          "y": 0.0,
+          "z": 0.0,
+          "pitch": 0.261799,
+          "yaw": 0.0,
+          "roll": 0.0
+        },
+        "rightArm": {
+          "pitch": 0.523599,
+          "yaw": -0.436332,
+          "roll": 0.226893
+        },
+        "leftLeg": {
+          "pitch": -0.178507,
+          "bend": 0.523599
+        },
+        "rightLeg": {
+          "pitch": -0.523599,
+          "bend": 0.436332
+        },
+        "leftArm": {
+          "x": 5.0,
+          "y": 2.0,
+          "z": 0.0,
+          "pitch": 0.52359,
+          "yaw": 0.436332,
+          "roll": -0.226893
+        },
+        "body": {
+          "y": 0.0,
+          "pitch": 0.077608
+        },
+        "torso": {
+          "bend": 0.395397
+        }
+      },
+      {
+        "tick": 12,
+        "easing": "LINEAR",
+        "rightLeg": {
+          "x": -1.9,
+          "y": 12.0,
+          "z": 0.1,
+          "pitch": -0.610865,
+          "yaw": 0.0,
+          "roll": 0.0
+        },
+        "body": {
+          "y": 0.0375,
+          "pitch": 0.033951
+        },
+        "torso": {
+          "bend": 0.377793
+        }
+      },
+      {
+        "tick": 13,
+        "easing": "LINEAR",
+        "head": {
+          "pitch": 0.191986
+        },
+        "leftLeg": {
+          "bend": 0.523599
+        },
+        "rightLeg": {
+          "bend": 0.959931
+        }
+      },
+      {
+        "tick": 16,
+        "easing": "LINEAR",
+        "head": {
+          "pitch": 0.261799,
+          "yaw": 0.0,
+          "roll": 0.0
+        },
+        "rightArm": {
+          "pitch": -0.872665,
+          "roll": 0.349066
+        },
+        "leftLeg": {
+          "x": 1.9,
+          "y": 12.0,
+          "z": -0.1,
+          "pitch": -0.523599,
+          "yaw": 0.0,
+          "roll": 0.0,
+          "bend": 0.436332
+        },
+        "rightLeg": {
+          "pitch": -0.174533,
+          "bend": 0.523599
+        },
+        "leftArm": {
+          "pitch": -0.872674,
+          "roll": -0.349066
+        },
+        "body": {
+          "y": 0.0,
+          "pitch": 0.077608
+        },
+        "torso": {
+          "bend": 0.395397
+        }
+      },
+      {
+        "tick": 19,
+        "easing": "LINEAR",
+        "leftLeg": {
+          "pitch": -0.610865
+        }
+      },
+      {
+        "tick": 20,
+        "easing": "LINEAR",
+        "body": {
+          "y": 0.0375,
+          "pitch": 0.033951
+        },
+        "torso": {
+          "bend": 0.377793
+        }
+      },
+      {
+        "tick": 21,
+        "easing": "LINEAR",
+        "leftLeg": {
+          "bend": 0.959931
+        },
+        "rightLeg": {
+          "bend": 0.523599
+        }
+      },
+      {
+        "tick": 24,
+        "easing": "LINEAR",
+        "head": {
+          "pitch": -0.416877,
+          "yaw": -0.519655,
+          "roll": 0.21801
+        },
+        "rightArm": {
+          "pitch": 0.523599,
+          "roll": 0.226893
+        },
+        "leftLeg": {
+          "pitch": -0.178507,
+          "bend": 0.523599
+        },
+        "rightLeg": {
+          "pitch": -0.523599,
+          "bend": 0.436332
+        },
+        "leftArm": {
+          "pitch": 0.52359,
+          "roll": -0.226893
+        },
+        "body": {
+          "y": 0.0,
+          "pitch": 0.077608
+        },
+        "torso": {
+          "bend": 0.395397
+        }
+      },
+      {
+        "tick": 27,
+        "easing": "LINEAR",
+        "rightLeg": {
+          "pitch": -0.610865
+        },
+        "body": {
+          "y": 0.0375,
+          "pitch": 0.033951
+        },
+        "torso": {
+          "bend": 0.377793
+        }
+      },
+      {
+        "tick": 28,
+        "easing": "LINEAR",
+        "head": {
+          "pitch": -0.457451,
+          "roll": 0.21801
+        },
+        "leftLeg": {
+          "bend": 0.523599
+        },
+        "rightLeg": {
+          "bend": 0.959931
+        }
+      },
+      {
+        "tick": 31,
+        "easing": "LINEAR",
+        "head": {
+          "pitch": -0.416877,
+          "roll": 0.21801
+        },
+        "rightArm": {
+          "pitch": -0.872665,
+          "roll": 0.349066
+        },
+        "leftLeg": {
+          "pitch": -0.523599,
+          "bend": 0.436332
+        },
+        "rightLeg": {
+          "pitch": -0.174533,
+          "bend": 0.523599
+        },
+        "leftArm": {
+          "pitch": -0.872674,
+          "roll": -0.349066
+        },
+        "body": {
+          "y": 0.0,
+          "pitch": 0.077608
+        },
+        "torso": {
+          "bend": 0.395397
+        }
+      },
+      {
+        "tick": 34,
+        "easing": "LINEAR",
+        "leftLeg": {
+          "pitch": -0.610865
+        }
+      },
+      {
+        "tick": 35,
+        "easing": "LINEAR",
+        "body": {
+          "y": 0.0375,
+          "pitch": 0.033951
+        },
+        "torso": {
+          "bend": 0.377793
+        }
+      },
+      {
+        "tick": 36,
+        "easing": "LINEAR",
+        "head": {
+          "pitch": -0.457451,
+          "roll": 0.21801
+        },
+        "leftLeg": {
+          "bend": 0.959931
+        },
+        "rightLeg": {
+          "bend": 0.523599
+        }
+      },
+      {
+        "tick": 39,
+        "easing": "LINEAR",
+        "head": {
+          "pitch": -0.416877,
+          "roll": 0.21801
+        },
+        "rightArm": {
+          "pitch": 0.523599,
+          "roll": 0.226893
+        },
+        "leftLeg": {
+          "pitch": -0.178507,
+          "bend": 0.523599
+        },
+        "rightLeg": {
+          "pitch": -0.523599,
+          "bend": 0.436332
+        },
+        "leftArm": {
+          "pitch": 0.52359,
+          "roll": -0.226893
+        },
+        "body": {
+          "y": 0.0,
+          "pitch": 0.077608
+        },
+        "torso": {
+          "bend": 0.395397
+        }
+      },
+      {
+        "tick": 42,
+        "easing": "LINEAR",
+        "rightLeg": {
+          "pitch": -0.610865
+        },
+        "body": {
+          "y": 0.0375,
+          "pitch": 0.033951
+        },
+        "torso": {
+          "bend": 0.377793
+        }
+      },
+      {
+        "tick": 43,
+        "easing": "LINEAR",
+        "head": {
+          "pitch": -0.457451,
+          "roll": 0.21801
+        },
+        "leftLeg": {
+          "bend": 0.523599
+        },
+        "rightLeg": {
+          "bend": 0.959931
+        }
+      },
+      {
+        "tick": 46,
+        "easing": "LINEAR",
+        "head": {
+          "pitch": -0.416877,
+          "yaw": -0.519655,
+          "roll": 0.21801
+        },
+        "rightArm": {
+          "pitch": -0.872665,
+          "roll": 0.349066,
+          "bend": 0.0
+        },
+        "leftLeg": {
+          "pitch": -0.523599,
+          "bend": 0.436332
+        },
+        "rightLeg": {
+          "pitch": -0.174533,
+          "bend": 0.523599
+        },
+        "leftArm": {
+          "pitch": -0.872674,
+          "roll": -0.349066,
+          "bend": 0.0
+        },
+        "body": {
+          "y": 0.0,
+          "pitch": 0.077608
+        },
+        "torso": {
+          "bend": 0.395397
+        }
+      },
+      {
+        "tick": 49,
+        "easing": "LINEAR",
+        "leftLeg": {
+          "pitch": -0.610865
+        }
+      },
+      {
+        "tick": 50,
+        "easing": "LINEAR",
+        "body": {
+          "y": 0.0375,
+          "pitch": 0.033951
+        },
+        "torso": {
+          "bend": 0.377793
+        }
+      },
+      {
+        "tick": 51,
+        "easing": "LINEAR",
+        "leftLeg": {
+          "bend": 0.959931
+        },
+        "rightLeg": {
+          "bend": 0.523599
+        }
+      },
+      {
+        "tick": 54,
+        "easing": "LINEAR",
+        "head": {
+          "pitch": -0.000488,
+          "yaw": -0.272548,
+          "roll": -0.027396
+        },
+        "rightArm": {
+          "pitch": 0.523599,
+          "roll": 0.226893,
+          "bend": -0.872665
+        },
+        "leftLeg": {
+          "pitch": -0.178507,
+          "bend": 0.523599
+        },
+        "rightLeg": {
+          "pitch": -0.523599,
+          "bend": 0.436332
+        },
+        "leftArm": {
+          "pitch": 0.52359,
+          "roll": -0.226893,
+          "bend": -0.872665
+        },
+        "body": {
+          "y": 0.0,
+          "pitch": 0.077608
+        },
+        "torso": {
+          "bend": 0.395397
+        }
+      },
+      {
+        "tick": 57,
+        "easing": "LINEAR",
+        "rightLeg": {
+          "pitch": -0.610865
+        },
+        "body": {
+          "y": 0.0375,
+          "pitch": 0.033951
+        },
+        "torso": {
+          "bend": 0.377793
+        }
+      },
+      {
+        "tick": 58,
+        "easing": "LINEAR",
+        "leftLeg": {
+          "bend": 0.523599
+        },
+        "rightLeg": {
+          "bend": 0.959931
+        }
+      },
+      {
+        "tick": 61,
+        "easing": "LINEAR",
+        "rightArm": {
+          "pitch": -0.872665,
+          "yaw": -0.436332,
+          "roll": 0.349066
+        },
+        "leftLeg": {
+          "pitch": -0.523599,
+          "bend": 0.436332
+        },
+        "rightLeg": {
+          "pitch": -0.174533,
+          "bend": 0.523599
+        },
+        "leftArm": {
+          "pitch": -0.872674,
+          "yaw": 0.436332,
+          "roll": -0.349066
+        },
+        "body": {
+          "y": 0.0,
+          "pitch": 0.077608
+        },
+        "torso": {
+          "bend": 0.395397
+        }
+      },
+      {
+        "tick": 64,
+        "easing": "LINEAR",
+        "leftLeg": {
+          "pitch": -0.610865
+        }
+      },
+      {
+        "tick": 65,
+        "easing": "LINEAR",
+        "body": {
+          "y": 0.0375,
+          "pitch": 0.033951
+        },
+        "torso": {
+          "bend": 0.377793
+        }
+      },
+      {
+        "tick": 66,
+        "easing": "LINEAR",
+        "leftLeg": {
+          "bend": 0.959931
+        },
+        "rightLeg": {
+          "bend": 0.523599
+        }
+      },
+      {
+        "tick": 69,
+        "easing": "LINEAR",
+        "head": {
+          "pitch": -0.523599,
+          "yaw": 0.0,
+          "roll": 0.0
+        },
+        "rightArm": {
+          "pitch": -2.356194,
+          "yaw": 0.087266,
+          "roll": 0.523599
+        },
+        "leftLeg": {
+          "pitch": -0.178507,
+          "bend": 0.523599
+        },
+        "rightLeg": {
+          "pitch": -0.523599,
+          "bend": 0.436332
+        },
+        "leftArm": {
+          "pitch": -2.338528,
+          "yaw": -0.087266,
+          "roll": -0.523599
+        },
+        "body": {
+          "y": 0.0,
+          "pitch": 0.077608
+        },
+        "torso": {
+          "bend": 0.395397
+        }
+      },
+      {
+        "tick": 72,
+        "easing": "LINEAR",
+        "rightLeg": {
+          "pitch": -0.610865
+        },
+        "body": {
+          "y": 0.0375,
+          "pitch": 0.033951
+        },
+        "torso": {
+          "bend": 0.377793
+        }
+      },
+      {
+        "tick": 73,
+        "easing": "LINEAR",
+        "leftLeg": {
+          "bend": 0.523599
+        },
+        "rightLeg": {
+          "bend": 0.959931
+        }
+      },
+      {
+        "tick": 76,
+        "easing": "LINEAR",
+        "rightArm": {
+          "bend": -0.959931
+        },
+        "leftLeg": {
+          "pitch": -0.523599,
+          "bend": 0.436332
+        },
+        "rightLeg": {
+          "pitch": -0.174533,
+          "bend": 0.523599
+        },
+        "leftArm": {
+          "bend": -0.959931
+        },
+        "body": {
+          "y": 0.0,
+          "pitch": 0.077608
+        },
+        "torso": {
+          "bend": 0.395397
+        }
+      },
+      {
+        "tick": 79,
+        "easing": "LINEAR",
+        "leftLeg": {
+          "pitch": -0.610865
+        }
+      },
+      {
+        "tick": 80,
+        "easing": "LINEAR",
+        "body": {
+          "y": 0.0375,
+          "pitch": 0.033951
+        },
+        "torso": {
+          "bend": 0.377793
+        }
+      },
+      {
+        "tick": 81,
+        "easing": "LINEAR",
+        "head": {
+          "x": 0.0,
+          "y": 0.0,
+          "z": 0.0,
+          "pitch": -0.523599,
+          "yaw": 0.0,
+          "roll": 0.0
+        },
+        "rightArm": {
+          "pitch": -2.181662,
+          "yaw": 0.0,
+          "roll": 0.436332
+        },
+        "leftLeg": {
+          "bend": 0.959931
+        },
+        "rightLeg": {
+          "bend": 0.523599
+        },
+        "leftArm": {
+          "pitch": -2.185317,
+          "yaw": 0.0,
+          "roll": -0.436332
+        }
+      },
+      {
+        "tick": 84,
+        "easing": "LINEAR",
+        "leftLeg": {
+          "pitch": -0.178507,
+          "bend": 0.523599
+        },
+        "rightLeg": {
+          "pitch": -0.523599,
+          "bend": 0.436332
+        },
+        "body": {
+          "y": 0.0,
+          "pitch": 0.077608
+        },
+        "torso": {
+          "bend": 0.395397
+        }
+      },
+      {
+        "tick": 87,
+        "easing": "LINEAR",
+        "rightLeg": {
+          "pitch": -0.610865
+        },
+        "body": {
+          "y": 0.0375,
+          "pitch": 0.033951
+        },
+        "torso": {
+          "bend": 0.377793
+        }
+      },
+      {
+        "tick": 88,
+        "easing": "LINEAR",
+        "leftLeg": {
+          "bend": 0.523599
+        },
+        "rightLeg": {
+          "bend": 0.959931
+        }
+      },
+      {
+        "tick": 91,
+        "easing": "LINEAR",
+        "head": {
+          "pitch": 0.261799
+        },
+        "rightArm": {
+          "pitch": -0.872665,
+          "yaw": -0.436332,
+          "roll": 0.349066,
+          "bend": 0.0
+        },
+        "leftLeg": {
+          "x": 1.9,
+          "y": 12.0,
+          "z": -0.1,
+          "pitch": -0.523599,
+          "yaw": 0.0,
+          "roll": 0.0,
+          "bend": 0.436332
+        },
+        "rightLeg": {
+          "x": -1.9,
+          "y": 12.0,
+          "z": 0.1,
+          "pitch": -0.174533,
+          "yaw": 0.0,
+          "roll": 0.0,
+          "bend": 0.523599
+        },
+        "leftArm": {
+          "x": 5.0,
+          "y": 2.0,
+          "z": 0.0,
+          "pitch": -0.872674,
+          "yaw": 0.436332,
+          "roll": -0.349066,
+          "bend": 0.0
+        },
+        "body": {
+          "x": 0.0,
+          "y": 0.0,
+          "z": 0.0,
+          "pitch": 0.077608,
+          "yaw": 0.0,
+          "roll": 0.0
+        },
+        "torso": {
+          "bend": 0.395397
+        }
+      }
+    ]
+  }
+}

src/main/resources/assets/saturnclient/player_animations/salute.json

@@ -0,0 +1,121 @@
+{
+  "version": 3,
+  "name": "Salute",
+  "description": "Hand behind back",
+  "author": "Wah0o",
+  "emote": {
+    "beginTick": 0,
+    "endTick": 30,
+    "stopTick": 30,
+    "isLoop": true,
+    "returnTick": 12,
+    "easeBeforeKeyframe": false,
+    "degrees": false,
+    "moves": [
+      {
+        "tick": 10,
+        "easing": "EASEINOUTQUAD",
+        "head": {
+          "x": 0.0,
+          "y": 0.0,
+          "z": 0.0,
+          "pitch": 0.0,
+          "yaw": 0.0,
+          "roll": 0.0
+        },
+        "body": {
+          "x": 0.0,
+          "y": 0.0,
+          "z": 0.0,
+          "pitch": 0.0,
+          "yaw": 0.0,
+          "roll": 0.0
+        },
+        "rightArm": {
+          "x": -5.0,
+          "y": 2.0,
+          "z": 0.0,
+          "pitch": 0.484846,
+          "yaw": 0.0,
+          "roll": -0.576996
+        },
+        "leftArm": {
+          "x": 5.0,
+          "y": 2.0,
+          "z": 0.0,
+          "pitch": -2.604544,
+          "yaw": 0.0,
+          "roll": -0.400639
+        },
+        "rightLeg": {
+          "x": -1.9,
+          "y": 12.0,
+          "z": 0.1,
+          "pitch": 0.0,
+          "yaw": 0.0,
+          "roll": 0.0
+        },
+        "leftLeg": {
+          "x": 1.9,
+          "y": 12.0,
+          "z": -0.1,
+          "pitch": 0.0,
+          "yaw": 0.0,
+          "roll": 0.0
+        }
+      },
+      {
+        "tick": 30,
+        "easing": "EASEINOUTQUAD",
+        "head": {
+          "x": 0.0,
+          "y": 0.0,
+          "z": 0.0,
+          "pitch": 0.0,
+          "yaw": 0.0,
+          "roll": 0.0
+        },
+        "body": {
+          "x": 0.0,
+          "y": 0.0,
+          "z": 0.0,
+          "pitch": 0.0,
+          "yaw": 0.0,
+          "roll": 0.0
+        },
+        "rightArm": {
+          "x": -5.0,
+          "y": 2.0,
+          "z": 0.0,
+          "pitch": 0.484846,
+          "yaw": 0.0,
+          "roll": -0.576996
+        },
+        "leftArm": {
+          "x": 5.0,
+          "y": 2.0,
+          "z": 0.0,
+          "pitch": -2.604544,
+          "yaw": 0.0,
+          "roll": -0.400639
+        },
+        "rightLeg": {
+          "x": -1.9,
+          "y": 12.0,
+          "z": 0.1,
+          "pitch": 0.0,
+          "yaw": 0.0,
+          "roll": 0.0
+        },
+        "leftLeg": {
+          "x": 1.9,
+          "y": 12.0,
+          "z": -0.1,
+          "pitch": 0.0,
+          "yaw": 0.0,
+          "roll": 0.0
+        }
+      }
+    ]
+  }
+}

src/main/resources/assets/saturnclient/player_animations/shrug.json

@@ -0,0 +1,90 @@
+{
+  "version": 3,
+  "name": "Shrug",
+  "description": "don't care",
+  "author": "Wah0o",
+  "emote": {
+    "beginTick": 0,
+    "endTick": 30,
+    "stopTick": 31,
+    "isLoop": false,
+    "returnTick": 1,
+    "easeBeforeKeyframe": false,
+    "degrees": false,
+    "moves": [
+      {
+        "tick": 10,
+        "easing": "EASEINOUTQUAD",
+        "head": {
+          "x": 0.0,
+          "y": 0.0,
+          "z": 0.0,
+          "pitch": 0.0,
+          "yaw": 0.537013,
+          "roll": 0.0
+        }
+      },
+      {
+        "tick": 20,
+        "easing": "EASEINOUTQUAD",
+        "head": {
+          "yaw": -0.449322
+        },
+        "rightArm": {
+          "x": -5.0,
+          "y": 2.0,
+          "z": 0.0,
+          "pitch": 0.0,
+          "yaw": 0.0,
+          "roll": 0.0
+        },
+        "leftArm": {
+          "x": 5.0,
+          "y": 2.0,
+          "z": 0.0,
+          "pitch": 0.0,
+          "yaw": 0.0,
+          "roll": 0.0
+        }
+      },
+      {
+        "tick": 25,
+        "easing": "EASEINOUTQUAD",
+        "rightArm": {
+          "y": 0.673667
+        },
+        "leftArm": {
+          "y": 0.738915
+        }
+      },
+      {
+        "tick": 30,
+        "easing": "EASEINOUTQUAD",
+        "head": {
+          "x": 0.0,
+          "y": 0.0,
+          "z": 0.0,
+          "pitch": 0.0,
+          "yaw": 0.0,
+          "roll": 0.0
+        },
+        "rightArm": {
+          "x": -5.0,
+          "y": 2.0,
+          "z": 0.0,
+          "pitch": 0.0,
+          "yaw": 0.0,
+          "roll": 0.0
+        },
+        "leftArm": {
+          "x": 5.0,
+          "y": 2.0,
+          "z": 0.0,
+          "pitch": 0.0,
+          "yaw": 0.0,
+          "roll": 0.0
+        }
+      }
+    ]
+  }
+}

src/main/resources/assets/saturnclient/player_animations/take_the_l.json

@@ -0,0 +1,307 @@
+{
+  "version": 3,
+  "name": "Take The L",
+  "description": "Savor the W",
+  "author": "Landro",
+  "emote": {
+    "beginTick": 0,
+    "endTick": 30,
+    "stopTick": 30,
+    "isLoop": true,
+    "returnTick": 10,
+    "easeBeforeKeyframe": false,
+    "degrees": false,
+    "moves": [
+      {
+        "tick": 5,
+        "easing": "EASEINOUTQUAD",
+        "head": {
+          "x": 0.0,
+          "y": 0.0,
+          "z": 0.0,
+          "pitch": 0.0,
+          "yaw": 0.0,
+          "roll": 0.0
+        },
+        "body": {
+          "y": 0.25,
+          "roll": 0.0
+        },
+        "leftArm": {
+          "x": 5.76,
+          "y": 3.28,
+          "z": -0.64,
+          "pitch": -1.294932,
+          "yaw": 0.991577,
+          "roll": -1.205874,
+          "bend": -1.057819
+        },
+        "rightLeg": {
+          "x": -1.9,
+          "y": 12.0,
+          "z": 0.1,
+          "pitch": 0.0,
+          "yaw": 0.261799,
+          "roll": 0.0,
+          "bend": 0.0
+        },
+        "leftLeg": {
+          "x": 1.9,
+          "y": 12.0,
+          "z": -0.1,
+          "pitch": 0.0,
+          "yaw": -0.523599,
+          "roll": -0.785398
+        }
+      },
+      {
+        "tick": 8,
+        "easing": "EASEINOUTQUAD",
+        "leftLeg": {
+          "x": 2.9,
+          "y": 11.0,
+          "z": -1.1,
+          "yaw": -0.959931,
+          "roll": -1.396263,
+          "bend": 0.785398
+        }
+      },
+      {
+        "tick": 10,
+        "easing": "EASEINOUTQUAD",
+        "head": {
+          "x": 0.0,
+          "y": 0.0,
+          "z": 0.0,
+          "pitch": 0.030844,
+          "yaw": 0.0,
+          "roll": -0.059719
+        },
+        "body": {
+          "x": 0.0,
+          "y": 0.0,
+          "z": 0.0,
+          "pitch": 0.0,
+          "yaw": 0.0,
+          "roll": -0.087266
+        },
+        "rightArm": {
+          "x": -7.0,
+          "y": -2.0,
+          "z": -2.0,
+          "pitch": -1.416631,
+          "yaw": -0.785398,
+          "roll": 4.110391,
+          "bend": 1.308997
+        },
+        "leftArm": {
+          "x": 5.76,
+          "y": 3.28,
+          "z": -0.64,
+          "pitch": -1.294932,
+          "yaw": 0.991577,
+          "roll": -1.205874,
+          "bend": -1.057819
+        },
+        "rightLeg": {
+          "x": -1.9,
+          "y": 12.0,
+          "z": -0.9,
+          "pitch": -0.174533,
+          "yaw": 0.261799,
+          "roll": 0.174533,
+          "bend": 0.261799
+        },
+        "leftLeg": {
+          "x": 2.9,
+          "y": 11.0,
+          "z": -1.1,
+          "pitch": 0.0,
+          "yaw": -0.959931,
+          "roll": -1.570796,
+          "bend": 0.0
+        }
+      },
+      {
+        "tick": 12,
+        "easing": "EASEINOUTQUAD",
+        "leftLeg": {
+          "bend": 0.785398
+        }
+      },
+      {
+        "tick": 15,
+        "easing": "EASEINOUTQUAD",
+        "head": {
+          "pitch": 0.0,
+          "yaw": 0.0,
+          "roll": 0.0
+        },
+        "body": {
+          "y": 0.25,
+          "roll": 0.0
+        },
+        "rightLeg": {
+          "x": -1.9,
+          "y": 12.0,
+          "z": 0.1,
+          "pitch": 0.0,
+          "yaw": 0.261799,
+          "roll": 0.0,
+          "bend": 0.0
+        },
+        "leftLeg": {
+          "x": 1.9,
+          "y": 12.0,
+          "z": -0.1,
+          "pitch": 0.0,
+          "yaw": -0.261799,
+          "roll": 0.0,
+          "bend": 0.0
+        }
+      },
+      {
+        "tick": 18,
+        "easing": "EASEINOUTQUAD",
+        "rightLeg": {
+          "x": -2.9,
+          "y": 11.0,
+          "z": -0.9,
+          "yaw": 0.959931,
+          "roll": 1.396263,
+          "bend": 0.785398
+        }
+      },
+      {
+        "tick": 20,
+        "easing": "EASEINOUTQUAD",
+        "head": {
+          "pitch": 0.105365,
+          "yaw": 0.000794,
+          "roll": 0.055846
+        },
+        "body": {
+          "y": 0.0,
+          "roll": 0.087266
+        },
+        "rightArm": {
+          "pitch": -1.132143
+        },
+        "rightLeg": {
+          "x": -2.9,
+          "y": 11.0,
+          "z": -0.9,
+          "yaw": 0.959931,
+          "roll": 1.570796,
+          "bend": 0.0
+        },
+        "leftLeg": {
+          "pitch": -0.174533,
+          "roll": -0.174533,
+          "bend": 0.261799
+        }
+      },
+      {
+        "tick": 22,
+        "easing": "EASEINOUTQUAD",
+        "rightLeg": {
+          "bend": 0.785398
+        }
+      },
+      {
+        "tick": 25,
+        "easing": "EASEINOUTQUAD",
+        "head": {
+          "pitch": 0.0,
+          "yaw": 0.0,
+          "roll": 0.0
+        },
+        "body": {
+          "y": 0.25
+        },
+        "rightLeg": {
+          "x": -1.9,
+          "y": 12.0,
+          "z": 0.1,
+          "pitch": 0.0,
+          "yaw": 0.261799,
+          "roll": 0.0,
+          "bend": 0.0
+        },
+        "leftLeg": {
+          "x": 1.9,
+          "y": 12.0,
+          "z": -0.1,
+          "pitch": 0.0,
+          "yaw": -0.261799,
+          "roll": 0.0,
+          "bend": 0.0
+        }
+      },
+      {
+        "tick": 28,
+        "easing": "EASEINOUTQUAD",
+        "leftLeg": {
+          "x": 2.9,
+          "y": 11.0,
+          "z": -1.1,
+          "yaw": -0.959931,
+          "roll": -1.396263,
+          "bend": 0.785398
+        }
+      },
+      {
+        "tick": 30,
+        "easing": "EASEINOUTQUAD",
+        "head": {
+          "x": 0.0,
+          "y": 0.0,
+          "z": 0.0,
+          "pitch": 0.030844,
+          "yaw": 0.0,
+          "roll": -0.059719
+        },
+        "body": {
+          "y": 0.0,
+          "roll": -0.087266
+        },
+        "rightArm": {
+          "x": -7.0,
+          "y": -2.0,
+          "z": -2.0,
+          "pitch": -1.416631,
+          "yaw": -0.785398,
+          "roll": 4.110391,
+          "bend": 1.308997
+        },
+        "leftArm": {
+          "x": 5.76,
+          "y": 3.28,
+          "z": -0.64,
+          "pitch": -1.294932,
+          "yaw": 0.991577,
+          "roll": -1.205874,
+          "bend": -1.057819
+        },
+        "rightLeg": {
+          "x": -1.9,
+          "y": 12.0,
+          "z": -0.9,
+          "pitch": -0.174533,
+          "yaw": 0.261799,
+          "roll": 0.174533,
+          "bend": 0.261799
+        },
+        "leftLeg": {
+          "x": 2.9,
+          "y": 11.0,
+          "z": -1.1,
+          "pitch": 0.0,
+          "yaw": -0.959931,
+          "roll": -1.570796,
+          "bend": 0.0
+        }
+      }
+    ]
+  }
+}

src/main/resources/assets/saturnclient/player_animations/twerk.json

@@ -0,0 +1,685 @@
+{
+  "version": 3,
+  "name": "Twerk",
+  "description": "Hips back, and bounce",
+  "author": "Saturn Client",
+  "emote": {
+    "degrees": true,
+    "isLoop": true,
+    "returnTick": 0,
+    "endTick": 12,
+    "stopTick": 13,
+    "moves": [
+      {
+        "tick": 0,
+        "easing": "LINEAR",
+        "body": {
+          "x": -0.0,
+          "y": 0.0637
+        },
+        "head": {
+          "x": 0.1873,
+          "y": 7.6654,
+          "z": -3.9561,
+          "pitch": 28.4994,
+          "yaw": 0.5013,
+          "roll": -0.9013
+        },
+        "torso": {
+          "x": 0.1873,
+          "y": 7.6654,
+          "z": -3.9561,
+          "pitch": 43.8857,
+          "yaw": -0.2748,
+          "roll": -0.5704,
+          "bend": 32.4225,
+          "axis": 178.4861
+        },
+        "rightArm": {
+          "x": -4.8056,
+          "y": 9.1559,
+          "z": -2.5937,
+          "pitch": 41.2104,
+          "yaw": 11.1599,
+          "roll": 11.5835,
+          "bend": -28.9106,
+          "axis": -6.4245
+        },
+        "leftArm": {
+          "x": 5.1932,
+          "y": 9.0568,
+          "z": -2.5457,
+          "pitch": 41.2134,
+          "yaw": -10.0744,
+          "roll": -11.3678,
+          "bend": -34.2847,
+          "axis": 3.7104
+        },
+        "rightLeg": {
+          "x": -1.6738,
+          "y": 16.311,
+          "z": 4.4622,
+          "pitch": -81.0086,
+          "yaw": 25.937,
+          "roll": 11.6147,
+          "bend": -106.5341,
+          "axis": 178.6748
+        },
+        "leftLeg": {
+          "x": 2.1262,
+          "y": 16.311,
+          "z": 4.4622,
+          "pitch": -80.1541,
+          "yaw": -23.1741,
+          "roll": -15.9396,
+          "bend": -109.5512,
+          "axis": 186.6826
+        }
+      },
+      {
+        "tick": 1,
+        "easing": "LINEAR",
+        "head": {
+          "y": 7.3213,
+          "z": -3.9546
+        },
+        "torso": {
+          "y": 7.3213,
+          "z": -3.9546,
+          "pitch": 44.2163,
+          "roll": -1.2208,
+          "bend": 31.983
+        },
+        "rightArm": {
+          "y": 8.8595,
+          "z": -2.4569,
+          "pitch": 40.8328,
+          "roll": 6.2457,
+          "bend": -30.0698,
+          "axis": -6.2466
+        },
+        "leftArm": {
+          "y": 8.6462,
+          "z": -2.6643,
+          "pitch": 39.718,
+          "roll": -11.4772,
+          "bend": -31.5341,
+          "axis": 5.9068
+        },
+        "rightLeg": {
+          "y": 15.9102,
+          "pitch": -75.926,
+          "yaw": 24.5861,
+          "roll": 13.5142,
+          "bend": -102.1127
+        },
+        "leftLeg": {
+          "y": 15.9102,
+          "pitch": -75.5106,
+          "yaw": -27.5028,
+          "roll": -13.7351,
+          "bend": -102.8428,
+          "axis": 189.6313
+        }
+      },
+      {
+        "tick": 2,
+        "easing": "LINEAR",
+        "head": {
+          "x": -0.8055,
+          "y": 8.1689
+        },
+        "torso": {
+          "x": -0.8055,
+          "y": 8.1689,
+          "bend": 38.1002
+        },
+        "rightArm": {
+          "x": -5.6879,
+          "y": 9.7845,
+          "axis": -3.7942
+        },
+        "leftArm": {
+          "x": 4.2976,
+          "y": 9.2523,
+          "pitch": 44.6401,
+          "yaw": -6.835,
+          "roll": -16.9446,
+          "bend": -32.4677
+        },
+        "rightLeg": {
+          "y": 16.2659,
+          "pitch": -78.5245,
+          "yaw": 20.2182,
+          "roll": 19.5894,
+          "bend": -107.209
+        },
+        "leftLeg": {
+          "y": 16.2659,
+          "pitch": -79.0541,
+          "bend": -104.5866
+        }
+      },
+      {
+        "tick": 3,
+        "easing": "LINEAR",
+        "head": {
+          "x": -1.5256,
+          "y": 9.7364,
+          "z": -4.854,
+          "pitch": 34.1426
+        },
+        "torso": {
+          "x": -1.5256,
+          "y": 9.7364,
+          "z": -4.854,
+          "pitch": 51.4994,
+          "roll": -5.723,
+          "bend": 46.2958,
+          "axis": 171.0835
+        },
+        "rightArm": {
+          "x": -6.3053,
+          "y": 11.4659,
+          "z": -3.0779,
+          "pitch": 49.8778,
+          "yaw": 10.9541,
+          "roll": 9.4174,
+          "bend": -29.3297
+        },
+        "leftArm": {
+          "x": 3.6347,
+          "y": 10.4699,
+          "z": -3.5025,
+          "pitch": 51.8029,
+          "roll": -24.6351,
+          "axis": 3.6087
+        },
+        "rightLeg": {
+          "z": 4.6288,
+          "yaw": 18.5052,
+          "roll": 21.802,
+          "bend": -116.6488,
+          "axis": 171.6123
+        },
+        "leftLeg": {
+          "z": 4.6288,
+          "pitch": -87.1428,
+          "yaw": -23.4405,
+          "axis": 180.9108
+        }
+      },
+      {
+        "tick": 4,
+        "easing": "LINEAR",
+        "head": {
+          "x": -1.8731,
+          "y": 10.6957,
+          "z": -5.0099,
+          "pitch": 33.2442,
+          "yaw": 3.9201,
+          "roll": -6.0227
+        },
+        "torso": {
+          "x": -1.8731,
+          "y": 10.6957,
+          "z": -5.0099,
+          "pitch": 52.4228,
+          "yaw": 3.8511,
+          "roll": -5.9949,
+          "bend": 49.0159,
+          "axis": 172.2434
+        },
+        "rightArm": {
+          "x": -6.5993,
+          "y": 12.418,
+          "z": -3.0931,
+          "pitch": 51.1349,
+          "yaw": 8.0105,
+          "axis": -8.2902
+        },
+        "leftArm": {
+          "x": 3.3186,
+          "y": 11.3757,
+          "z": -3.7647,
+          "pitch": 53.8923,
+          "yaw": -6.0212,
+          "roll": -27.197,
+          "bend": -39.6549,
+          "axis": 5.9148
+        },
+        "rightLeg": {
+          "x": -2.3763,
+          "y": 17.9026,
+          "pitch": -93.1557,
+          "bend": -122.9048,
+          "axis": 170.6601
+        },
+        "leftLeg": {
+          "x": 1.4237,
+          "y": 17.9026,
+          "pitch": -93.1369,
+          "bend": -121.5363
+        }
+      },
+      {
+        "tick": 5,
+        "easing": "LINEAR",
+        "head": {
+          "x": -1.4047,
+          "y": 9.9389,
+          "pitch": 28.9007,
+          "yaw": 3.2148
+        },
+        "torso": {
+          "x": -1.4047,
+          "y": 9.9389,
+          "yaw": 3.7305,
+          "bend": 43.4407
+        },
+        "rightArm": {
+          "x": -6.2198,
+          "y": 11.5114,
+          "pitch": 48.4737,
+          "yaw": 7.9932,
+          "bend": -38.6811
+        },
+        "leftArm": {
+          "x": 3.7446,
+          "y": 10.9738,
+          "z": -3.474,
+          "roll": -23.505,
+          "bend": -36.714
+        },
+        "rightLeg": {
+          "y": 17.761,
+          "pitch": -92.4411,
+          "roll": 20.4558,
+          "bend": -121.9263
+        },
+        "leftLeg": {
+          "y": 17.761,
+          "pitch": -92.379,
+          "yaw": -26.2774,
+          "roll": -17.4598,
+          "bend": -120.6269,
+          "axis": 184.7551
+        }
+      },
+      {
+        "tick": 6,
+        "easing": "LINEAR",
+        "head": {
+          "x": -0.5445,
+          "y": 8.2919,
+          "z": -4.1286,
+          "pitch": 27.4449
+        },
+        "torso": {
+          "x": -0.5445,
+          "y": 8.2919,
+          "z": -4.1286,
+          "pitch": 44.9959,
+          "roll": -0.1331,
+          "bend": 35.1937
+        },
+        "rightArm": {
+          "x": -5.5003,
+          "y": 9.7189,
+          "z": -2.5814,
+          "yaw": 10.117,
+          "roll": 11.6263,
+          "bend": -36.6136,
+          "axis": -2.9818
+        },
+        "leftArm": {
+          "x": 4.4989,
+          "y": 9.6953,
+          "z": -2.8477,
+          "pitch": 43.3362,
+          "yaw": -10.8396,
+          "bend": -30.325
+        },
+        "rightLeg": {
+          "y": 16.7832,
+          "z": 4.4556,
+          "yaw": 20.579,
+          "axis": 174.8949
+        },
+        "leftLeg": {
+          "y": 16.7832,
+          "z": 4.4556,
+          "roll": -13.3635,
+          "axis": 181.9013
+        }
+      },
+      {
+        "tick": 7,
+        "easing": "LINEAR",
+        "head": {
+          "y": 7.335,
+          "z": -3.8955,
+          "yaw": -1.2543,
+          "roll": 1.9551
+        },
+        "torso": {
+          "y": 7.335,
+          "z": -3.8955,
+          "pitch": 43.6308,
+          "yaw": -0.6674,
+          "bend": 31.2968
+        },
+        "rightArm": {
+          "y": 8.7024,
+          "z": -2.5743,
+          "pitch": 39.7281,
+          "roll": 11.0094,
+          "bend": -32.4336,
+          "axis": -5.1024
+        },
+        "leftArm": {
+          "y": 8.8585,
+          "z": -2.4579,
+          "pitch": 40.3248,
+          "roll": -8.1427,
+          "bend": -29.1361,
+          "axis": 6.7593
+        },
+        "rightLeg": {
+          "x": -2.0654,
+          "y": 16.0076,
+          "pitch": -76.8625,
+          "yaw": 25.941,
+          "roll": 14.4188,
+          "bend": -105.4043,
+          "axis": 171.2628
+        },
+        "leftLeg": {
+          "x": 1.7346,
+          "y": 16.0076,
+          "pitch": -77.6408,
+          "yaw": -25.7135,
+          "roll": -11.5799,
+          "bend": -103.133,
+          "axis": 182.0395
+        }
+      },
+      {
+        "tick": 8,
+        "easing": "LINEAR",
+        "head": {
+          "x": 0.5149,
+          "y": 7.6114,
+          "z": -4.1189
+        },
+        "torso": {
+          "x": 0.5149,
+          "y": 7.6114,
+          "z": -4.1189,
+          "pitch": 45.5567,
+          "roll": 1.9,
+          "bend": 34.3817,
+          "axis": 185.8808
+        },
+        "rightArm": {
+          "x": -4.5647,
+          "y": 8.8445,
+          "z": -2.8129,
+          "pitch": 41.452,
+          "yaw": 7.1089,
+          "roll": 13.4728,
+          "bend": -31.5905,
+          "axis": -5.4945
+        },
+        "leftArm": {
+          "y": 9.1765,
+          "z": -2.5698,
+          "pitch": 42.5806,
+          "roll": -6.1009,
+          "bend": -30.5432
+        },
+        "rightLeg": {
+          "y": 16.0062,
+          "pitch": -76.3427,
+          "yaw": 27.2082,
+          "roll": 13.8298,
+          "bend": -102.5222,
+          "axis": 171.6254
+        },
+        "leftLeg": {
+          "y": 16.0062,
+          "pitch": -76.2516,
+          "bend": -103.6369
+        }
+      },
+      {
+        "tick": 9,
+        "easing": "LINEAR",
+        "torso": {
+          "axis": 188.354
+        },
+        "rightArm": {
+          "y": 9.8245,
+          "axis": -3.4265
+        },
+        "leftArm": {
+          "yaw": -11.6764,
+          "roll": -8.5612,
+          "bend": -29.2921,
+          "axis": 3.7762
+        },
+        "rightLeg": {
+          "y": 16.6561,
+          "z": 4.6178,
+          "yaw": 23.9791,
+          "bend": -108.5895,
+          "axis": 177.6256
+        },
+        "leftLeg": {
+          "y": 16.6561,
+          "z": 4.6178,
+          "pitch": -82.2218,
+          "yaw": -18.7129,
+          "roll": -21.3727
+        }
+      },
+      {
+        "tick": 10,
+        "easing": "LINEAR",
+        "head": {
+          "x": 1.7868,
+          "y": 10.3947,
+          "z": -4.9963,
+          "pitch": 34.2919,
+          "roll": 5.9583
+        },
+        "torso": {
+          "x": 1.7868,
+          "y": 10.3947,
+          "z": -4.9963,
+          "pitch": 52.5511,
+          "roll": 6.3235,
+          "bend": 48.7324,
+          "axis": 188.7341
+        },
+        "rightArm": {
+          "x": -3.3947,
+          "y": 11.0427,
+          "z": -3.69,
+          "pitch": 53.7658,
+          "yaw": 6.158,
+          "roll": 26.7903,
+          "bend": -38.4178
+        },
+        "leftArm": {
+          "x": 6.5243,
+          "y": 12.1424,
+          "z": -3.1327,
+          "pitch": 51.0522,
+          "bend": -30.9765,
+          "axis": 7.1451
+        },
+        "rightLeg": {
+          "x": -1.4452,
+          "y": 17.5819,
+          "pitch": -90.7807,
+          "bend": -118.2986,
+          "axis": 178.4542
+        },
+        "leftLeg": {
+          "x": 2.3548,
+          "y": 17.5819,
+          "pitch": -90.4714,
+          "roll": -21.4522,
+          "bend": -120.5366,
+          "axis": 189.2421
+        }
+      },
+      {
+        "tick": 11,
+        "easing": "LINEAR",
+        "head": {
+          "x": 1.7369,
+          "y": 10.5273,
+          "z": -4.8864,
+          "yaw": -3.8864,
+          "roll": 5.3801
+        },
+        "torso": {
+          "x": 1.7369,
+          "y": 10.5273,
+          "z": -4.8864,
+          "pitch": 51.13,
+          "yaw": -4.0928,
+          "bend": 47.0625
+        },
+        "rightArm": {
+          "x": -3.4451,
+          "y": 11.352,
+          "z": -3.6905,
+          "pitch": 52.2992,
+          "yaw": 6.6309,
+          "roll": 26.0007,
+          "bend": -39.1249,
+          "axis": -6.422
+        },
+        "leftArm": {
+          "x": 6.4911,
+          "y": 12.1855,
+          "pitch": 50.212,
+          "yaw": -7.4219,
+          "bend": -36.9681,
+          "axis": 7.7245
+        },
+        "rightLeg": {
+          "y": 17.9759,
+          "pitch": -93.724,
+          "yaw": 26.1749,
+          "roll": 17.9629,
+          "bend": -122.4062,
+          "axis": 175.2086
+        },
+        "leftLeg": {
+          "y": 17.9759,
+          "pitch": -93.8978,
+          "bend": -123.3927,
+          "axis": 188.3051
+        }
+      },
+      {
+        "tick": 12,
+        "easing": "LINEAR",
+        "head": {
+          "pitch": 27.4876
+        },
+        "rightArm": {
+          "y": 10.3597,
+          "roll": 19.9926
+        },
+        "leftArm": {
+          "bend": -38.4293,
+          "axis": 3.7703
+        },
+        "rightLeg": {
+          "y": 17.3175,
+          "pitch": -89.3376,
+          "bend": -116.6299
+        },
+        "leftLeg": {
+          "y": 17.3175,
+          "pitch": -89.0719,
+          "yaw": -19.2542,
+          "roll": -19.5116,
+          "bend": -118.7259,
+          "axis": 185.0963
+        }
+      },
+      {
+        "tick": 13,
+        "easing": "LINEAR",
+        "body": {
+          "x": -0.0,
+          "y": 0.0637
+        },
+        "head": {
+          "x": 0.1873,
+          "y": 7.6654,
+          "z": -3.9561,
+          "pitch": 28.4994,
+          "yaw": 0.5013,
+          "roll": -0.9013
+        },
+        "torso": {
+          "x": 0.1873,
+          "y": 7.6654,
+          "z": -3.9561,
+          "pitch": 43.8857,
+          "yaw": -0.2748,
+          "roll": -0.5704,
+          "bend": 32.4225,
+          "axis": 178.4861
+        },
+        "rightArm": {
+          "x": -4.8056,
+          "y": 9.1559,
+          "z": -2.5937,
+          "pitch": 41.2104,
+          "yaw": 11.1599,
+          "roll": 11.5835,
+          "bend": -28.9106,
+          "axis": -6.4245
+        },
+        "leftArm": {
+          "x": 5.1932,
+          "y": 9.0568,
+          "z": -2.5457,
+          "pitch": 41.2134,
+          "yaw": -10.0744,
+          "roll": -11.3678,
+          "bend": -34.2847,
+          "axis": 3.7104
+        },
+        "rightLeg": {
+          "x": -1.6738,
+          "y": 16.311,
+          "z": 4.4622,
+          "pitch": -81.0086,
+          "yaw": 25.937,
+          "roll": 11.6147,
+          "bend": -106.5341,
+          "axis": 178.6748
+        },
+        "leftLeg": {
+          "x": 2.1262,
+          "y": 16.311,
+          "z": 4.4622,
+          "pitch": -80.1541,
+          "yaw": -23.1741,
+          "roll": -15.9396,
+          "bend": -109.5512,
+          "axis": 186.6826
+        }
+      }
+    ]
+  }
+}

src/main/resources/assets/saturnclient/player_animations/wave.json

@@ -0,0 +1,353 @@
+{
+  "version": 3,
+  "name": "smooth wave",
+  "description": "my first animation",
+  "author": "operatordoge739",
+  "emote": {
+    "beginTick": 0,
+    "endTick": 80,
+    "stopTick": 81,
+    "isLoop": false,
+    "returnTick": 1,
+    "easeBeforeKeyframe": false,
+    "degrees": false,
+    "moves": [
+      {
+        "tick": 8,
+        "easing": "EASEINOUTQUAD",
+        "body": {
+          "pitch": -0.040079,
+          "yaw": -0.062839,
+          "roll": 0.013404
+        }
+      },
+      {
+        "tick": 16,
+        "easing": "EASEINOUTQUAD",
+        "head": {
+          "pitch": 0.079561,
+          "yaw": 0.00633,
+          "roll": 0.104675
+        },
+        "body": {
+          "pitch": 0.015338,
+          "yaw": -0.101444,
+          "roll": 0.071169
+        },
+        "rightArm": {
+          "x": -5.642361,
+          "y": 3.445788,
+          "z": -0.219398,
+          "pitch": -2.739643,
+          "yaw": 1.23244,
+          "roll": 0.274965
+        },
+        "leftArm": {
+          "x": 5.348845,
+          "y": 2.06144,
+          "z": 0.456518,
+          "pitch": -0.071698,
+          "yaw": -0.032049,
+          "roll": -0.245309
+        },
+        "rightLeg": {
+          "x": -2.024828,
+          "y": 12.367789,
+          "z": 0.062098,
+          "pitch": 0.005119,
+          "yaw": 0.188187,
+          "roll": 0.013892
+        },
+        "leftLeg": {
+          "pitch": -0.015376,
+          "yaw": -0.018557,
+          "roll": -0.147605
+        }
+      },
+      {
+        "tick": 23,
+        "easing": "EASEINOUTQUAD",
+        "body": {
+          "pitch": 0.015075,
+          "yaw": -0.096037,
+          "roll": 0.011298
+        },
+        "rightArm": {
+          "x": -5.569975,
+          "y": 3.783614,
+          "z": -0.392365,
+          "pitch": -2.998378,
+          "yaw": 0.910442,
+          "roll": -0.644675
+        },
+        "rightLeg": {
+          "x": -2.022849,
+          "y": 12.008524,
+          "z": 0.109452,
+          "pitch": 0.007948,
+          "yaw": 0.194292,
+          "roll": 0.061405
+        },
+        "leftLeg": {
+          "x": 1.828612,
+          "y": 11.783937,
+          "z": -0.067588
+        }
+      },
+      {
+        "tick": 25,
+        "easing": "EASEINOUTQUAD",
+        "head": {
+          "pitch": 0.03656,
+          "yaw": -0.056306,
+          "roll": -0.010938
+        }
+      },
+      {
+        "tick": 26,
+        "easing": "EASEINOUTQUAD",
+        "leftArm": {
+          "x": 5.232569,
+          "y": 2.037472,
+          "z": 0.40348,
+          "pitch": -0.120718,
+          "yaw": -0.007399,
+          "roll": -0.1239
+        }
+      },
+      {
+        "tick": 30,
+        "easing": "EASEINOUTQUAD",
+        "body": {
+          "pitch": 0.019292,
+          "yaw": -0.103782,
+          "roll": 0.055881
+        },
+        "rightArm": {
+          "pitch": -2.902291,
+          "yaw": 1.150272,
+          "roll": -0.061632
+        }
+      },
+      {
+        "tick": 31,
+        "easing": "EASEINOUTQUAD",
+        "rightLeg": {
+          "x": -1.991897,
+          "y": 12.157447,
+          "z": 0.059089,
+          "pitch": 0.005119,
+          "yaw": 0.188187,
+          "roll": 0.013892
+        },
+        "leftLeg": {
+          "pitch": -0.015376,
+          "yaw": -0.018557,
+          "roll": -0.147605
+        }
+      },
+      {
+        "tick": 32,
+        "easing": "EASEINOUTQUAD",
+        "head": {
+          "pitch": 0.075163,
+          "yaw": -0.055531,
+          "roll": -0.039248
+        }
+      },
+      {
+        "tick": 36,
+        "easing": "EASEINOUTQUAD",
+        "leftArm": {
+          "x": 5.232738,
+          "y": 2.536962,
+          "z": 0.337457,
+          "pitch": -0.123332,
+          "yaw": -0.017768,
+          "roll": -0.198156
+        }
+      },
+      {
+        "tick": 37,
+        "easing": "EASEINOUTQUAD",
+        "rightArm": {
+          "pitch": -2.802795,
+          "yaw": 1.020531,
+          "roll": -0.376307
+        }
+      },
+      {
+        "tick": 39,
+        "easing": "EASEINOUTQUAD",
+        "body": {
+          "pitch": 0.01081,
+          "yaw": -0.089193,
+          "roll": 0.004038
+        }
+      },
+      {
+        "tick": 41,
+        "easing": "EASEINOUTQUAD",
+        "head": {
+          "pitch": 0.10722,
+          "yaw": -0.023033,
+          "roll": 0.072739
+        }
+      },
+      {
+        "tick": 44,
+        "easing": "EASEINOUTQUAD",
+        "leftLeg": {
+          "x": 2.093371,
+          "y": 12.180333,
+          "z": -0.403448,
+          "pitch": 0.017084,
+          "yaw": -0.010917,
+          "roll": -0.023916
+        }
+      },
+      {
+        "tick": 46,
+        "easing": "EASEINOUTQUAD",
+        "leftArm": {
+          "x": 5.094209,
+          "y": 2.963737,
+          "z": 0.290066,
+          "pitch": -0.130177,
+          "yaw": 0.00407,
+          "roll": -0.014502
+        }
+      },
+      {
+        "tick": 49,
+        "easing": "EASEINOUTQUAD",
+        "body": {
+          "pitch": -0.035429,
+          "yaw": -0.084483,
+          "roll": 0.015859
+        }
+      },
+      {
+        "tick": 56,
+        "easing": "EASEINOUTQUAD",
+        "head": {
+          "x": 0.0,
+          "y": 0.0,
+          "z": 0.0,
+          "pitch": 0.0,
+          "yaw": 0.0,
+          "roll": 0.0
+        }
+      },
+      {
+        "tick": 57,
+        "easing": "EASEINOUTQUAD",
+        "body": {
+          "pitch": 0.015473,
+          "yaw": -0.095783,
+          "roll": 0.000252
+        }
+      },
+      {
+        "tick": 59,
+        "easing": "EASEINOUTQUAD",
+        "leftArm": {
+          "x": 5.211452,
+          "y": 2.287216,
+          "z": 0.189115,
+          "pitch": 0.007903,
+          "yaw": -0.010692,
+          "roll": -0.024953
+        }
+      },
+      {
+        "tick": 60,
+        "easing": "EASEINOUTQUAD",
+        "rightArm": {
+          "x": -5.0,
+          "y": 2.0,
+          "z": 0.0,
+          "pitch": 0.093257,
+          "yaw": 0.058088,
+          "roll": 0.082813
+        }
+      },
+      {
+        "tick": 68,
+        "easing": "EASEINOUTQUAD",
+        "rightArm": {
+          "x": -5.0,
+          "y": 2.0,
+          "z": 0.0,
+          "pitch": 0.0,
+          "yaw": 0.0,
+          "roll": 0.0
+        },
+        "rightLeg": {
+          "x": -1.9,
+          "y": 12.0,
+          "z": 0.1,
+          "pitch": 0.000513,
+          "yaw": 0.10914,
+          "roll": -0.004835
+        },
+        "leftLeg": {
+          "x": 1.9,
+          "y": 12.0,
+          "z": -0.1,
+          "pitch": 0.000177,
+          "yaw": -0.167171,
+          "roll": -0.002612
+        }
+      },
+      {
+        "tick": 72,
+        "easing": "EASEINOUTQUAD",
+        "leftArm": {
+          "x": 5.0,
+          "y": 2.0,
+          "z": 0.0,
+          "pitch": 0.053822,
+          "yaw": -0.009281,
+          "roll": -0.012456
+        }
+      },
+      {
+        "tick": 77,
+        "easing": "EASEINOUTQUAD",
+        "leftLeg": {
+          "x": 1.9,
+          "y": 12.0,
+          "z": -0.1,
+          "pitch": 0.0,
+          "yaw": 0.0,
+          "roll": 0.0
+        }
+      },
+      {
+        "tick": 78,
+        "easing": "EASEINOUTQUAD",
+        "leftArm": {
+          "x": 5.0,
+          "y": 2.0,
+          "z": 0.0,
+          "pitch": 0.0,
+          "yaw": 0.0,
+          "roll": 0.0
+        }
+      },
+      {
+        "tick": 80,
+        "easing": "EASEINOUTQUAD",
+        "rightLeg": {
+          "x": -1.9,
+          "y": 12.0,
+          "z": 0.1,
+          "pitch": 0.0,
+          "yaw": 0.0,
+          "roll": 0.0
+        }
+      }
+    ]
+  }
+}

src/main/resources/assets/saturnclient/textures/gui/components/emote.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#ffffff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><path d="M8 14s1.5 2 4 2 4-2 4-2"/><line x1="9" x2="9.01" y1="9" y2="9"/><line x1="15" x2="15.01" y1="9" y2="9"/></svg>