From 8528a0c9d9aab9dae4aeb0a68bf33fec164a3abf Mon Sep 17 00:00:00 2001 From: ilotterytea Date: Tue, 21 Jan 2025 00:33:27 +0500 Subject: feat: ui skin --- assets/sprites/gui/ui.atlas | 17 +++ assets/sprites/gui/ui.png | Bin 0 -> 548 bytes assets/sprites/gui/ui.skin | 345 ++++++++++++++++++++++++++++++++++++++++++++ 3 files changed, 362 insertions(+) create mode 100644 assets/sprites/gui/ui.atlas create mode 100644 assets/sprites/gui/ui.png create mode 100644 assets/sprites/gui/ui.skin (limited to 'assets/sprites') diff --git a/assets/sprites/gui/ui.atlas b/assets/sprites/gui/ui.atlas new file mode 100644 index 0000000..0017372 --- /dev/null +++ b/assets/sprites/gui/ui.atlas @@ -0,0 +1,17 @@ +ui.png +size:64,64 +repeat:none +idle +bounds:0,28,32,36 +split:7,7,7,11 +pad:7,7,7,11 +pressed +bounds:32,32,32,32 +split:7,7,7,7 +pad:7,7,7,7 +square +bounds:32,0,32,32 +split:4,4,4,4 +pad:4,4,4,4 +tile +bounds:0,27,1,1 diff --git a/assets/sprites/gui/ui.png b/assets/sprites/gui/ui.png new file mode 100644 index 0000000..6deca83 Binary files /dev/null and b/assets/sprites/gui/ui.png differ diff --git a/assets/sprites/gui/ui.skin b/assets/sprites/gui/ui.skin new file mode 100644 index 0000000..ff44768 --- /dev/null +++ b/assets/sprites/gui/ui.skin @@ -0,0 +1,345 @@ +{ + com.badlogic.gdx.graphics.Color: { + white: { hex: "#ffffffff" }, + store_item: { hex: "#bbbbbbff" }, + store_item_hover: { hex: "#ffffffff" }, + store_item_disabled: { hex: "#888888ff" }, + store_item_price_available: { hex: "#00ff00ff" }, + store_item_price_disabled: { hex: "#ff0000ff" }, + store_item_amount: { hex: "#1b1412ff" }, + orange: { hex: "#ffa300ff" }, + yellow: { hex: "#ffec27ff" }, + }, + com.badlogic.gdx.scenes.scene2d.ui.Skin$TintedDrawable: { + button_pressed: { + color: { hex: "#ad6235ff" }, + name: pressed + }, + button_idle: { + color: { hex: "#cb7e39ff" }, + name: idle + }, + button_hover: { + color: { hex: "#e58b41ff" }, + name: idle + }, + button_disabled: { + color: { hex: "#1f1f1fff" }, + name: pressed + }, + bg: { + color: { hex: "#1f1f1fff" }, + name: pressed + }, + bg2: { + color: { hex: "#2b221fff" }, + name: pressed + }, + white_tile: { + color: white, + name: tile + }, + halftransparentblack: { + color: { hex: "#00000099" }, + name: tile + }, + black: { + color: { hex: "#000000" }, + name: tile + }, + // Store + store: { + color: { hex: "#59413aff" }, + name: square + }, + store_control: { + color: { hex: "#47312cff" }, + name: tile + }, + store_list: { + color: { hex: "#30221eff" }, + name: tile + }, + store_item: { + color: { hex: "#402d28ff" }, + name: tile + }, + store_item_hover: { + color: { hex: "#4b352fff" }, + name: tile + }, + store_item_disabled: { + color: { hex: "#30221eff" }, + name: tile + }, + buy_button_pressed: { + color: { hex: "#006e04ff" }, + name: pressed + }, + buy_button_idle: { + color: { hex: "#37cb39ff" }, + name: idle + }, + buy_button_hover: { + color: { hex: "#84e581ff" }, + name: idle + }, + buy_button_disabled: { + color: { hex: "#132813ff" }, + name: pressed + }, + sell_button_pressed: { + color: { hex: "#6e0008ff" }, + name: pressed + }, + sell_button_idle: { + color: { hex: "#cb3238ff" }, + name: idle + }, + sell_button_hover: { + color: { hex: "#e53e41ff" }, + name: idle + }, + sell_button_disabled: { + color: { hex: "#280405ff" }, + name: pressed + }, + // Progress bar + bar_fg: { + color: { hex: "#00ff00ff" }, + name: tile + }, + bar_bg: { + color: { hex: "#222222ff" }, + name: tile + }, + }, + // TODO: Test this file path on Android platform + com.badlogic.gdx.graphics.g2d.BitmapFont: { + default: { + file: fonts/FontText.fnt, + scaledSize: 24 + }, + defaultMobile: { + file: fonts/FontText.fnt, + scaledSize: 48 + }, + small: { + file: fonts/FontText.fnt, + scaledSize: 18 + }, + store_item_name: { + file: fonts/FontText.fnt, + scaledSize: 19 + }, + store_item_name_mobile: { + file: fonts/FontText.fnt, + scaledSize: 36 + }, + store_item_price: { + file: fonts/FontText.fnt, + scaledSize: 18 + }, + store_item_price_mobile: { + file: fonts/FontText.fnt, + scaledSize: 30 + }, + store_item_amount: { + file: fonts/FontText.fnt, + scaledSize: 48 + }, + store_control: { + file: fonts/FontText.fnt, + scaledSize: 18 + }, + store_control_mobile: { + file: fonts/FontText.fnt, + scaledSize: 36 + }, + tooltip: { + file: fonts/FontText.fnt, + scaledSize: 19 + }, + slots: { + file: fonts/FontText.fnt, + scaledSize: 16 + }, + credits: { + file: fonts/FontText.fnt, + scaledSize: 16 + }, + credits_mobile: { + file: fonts/FontText.fnt, + scaledSize: 32 + } + }, + com.badlogic.gdx.scenes.scene2d.ui.TextButton$TextButtonStyle: { + default: { + font: default, + fontColor: { hex: "#763b29ff" }, + up: button_idle, + down: button_pressed, + over: button_hover, + disabled: button_disabled, + }, + defaultMobile: { + parent: default + font: defaultMobile + }, + store_control: { + parent: default, + font: store_control + }, + store_control_mobile: { + parent: store_control, + font: store_control_mobile + }, + store_buy: { + font: store_control, + fontColor: { hex: "#3d763aff" }, + up: buy_button_idle, + down: buy_button_pressed, + over: buy_button_hover, + disabled: buy_button_disabled, + }, + store_buy_mobile: { + parent: store_buy, + font: store_control_mobile + }, + store_sell: { + font: store_control, + fontColor: { hex: "#761a1dff" }, + up: sell_button_idle, + down: sell_button_pressed, + over: sell_button_hover, + disabled: sell_button_disabled, + }, + store_sell_mobile: { + parent: store_sell, + font: store_control_mobile + }, + link: { + font: small, + fontColor: yellow, + overFontColor: orange, + focusedFontColor: orange, + downFontColor: orange + }, + }, + com.badlogic.gdx.scenes.scene2d.ui.Label$LabelStyle: { + default: { + font: default, + fontColor: white + }, + defaultMobile: { + parent: default + font: defaultMobile + }, + store_item: { + font: store_item_name, + fontColor: store_item + }, + store_item_mobile: { + parent: store_item, + font: store_item_name_mobile, + }, + store_item_hover: { + font: store_item_name, + fontColor: store_item_hover + }, + store_item_hover_mobile: { + parent: store_item_hover, + font: store_item_name_mobile + }, + store_item_disabled: { + font: store_item_name, + fontColor: store_item_disabled + }, + store_item_disabled_mobile: { + parent: store_item_mobile, + fontColor: store_item_disabled + }, + store_item_price: { + font: store_item_price, + fontColor: store_item_price_available + }, + store_item_price_mobile: { + parent: store_item_price, + font: store_item_price_mobile + }, + store_item_price_disabled: { + font: store_item_price, + fontColor: store_item_price_disabled + }, + store_item_price_disabled_mobile: { + parent: store_item_price_mobile, + fontColor: store_item_price_disabled + }, + store_item_amount: { + font: store_item_amount, + fontColor: store_item_amount + }, + slots: { + font: slots, + fontColor: white + }, + slotsMobile: { + parent: slots, + font: defaultMobile + }, + credits_name: { + font: credits, + fontColor: white + }, + credits_name_mobile: { + parent: credits_name, + font: credits_mobile, + }, + credits_role: { + font: credits, + fontColor: yellow + }, + credits_role_mobile: { + parent: credits_role, + font: credits_mobile, + }, + }, + com.badlogic.gdx.scenes.scene2d.ui.TextField$TextFieldStyle: { + default: { + font: default, + fontColor: white, + background: button_disabled + }, + defaultMobile: { + parent: default, + font: defaultMobile + } + }, + com.badlogic.gdx.scenes.scene2d.ui.TextTooltip$TextTooltipStyle: { + default: { + label: { + font: tooltip + }, + background: button_disabled + } + }, + com.badlogic.gdx.scenes.scene2d.ui.ProgressBar$ProgressBarStyle: { + default-horizontal: { + background: bar_bg, + knobBefore: bar_fg + } + }, + com.badlogic.gdx.scenes.scene2d.ui.Slider$SliderStyle: { + default-horizontal: { + background: bg, + knob: button_hover, + knobBefore: button_pressed + } + }, + com.badlogic.gdx.scenes.scene2d.ui.ScrollPane$ScrollPaneStyle: { + default: { + vScroll: bg, + vScrollKnob: button_hover + } + } +} -- cgit v1.2.3