KlemenPl/PixelDefense
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Update widgets to new UI

Browse Source
This commit is contained in:
Klemen Plestenjak
2023-12-22 12:50:27 +01:00
parent 935cfdbba3
commit da1eeefe70
3 changed files with 62 additions and 60 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
CMakeLists.txt
View File

@@ -42,5 +42,5 @@ target_link_libraries(PixelDefense LINK_PRIVATE Breeze)
if (EMSCRIPTEN) if (EMSCRIPTEN)
set_target_properties(PixelDefense set_target_properties(PixelDefense
PROPERTIES SUFFIX ".html" PROPERTIES SUFFIX ".html"
LINK_FLAGS " --bind -s WASM=1 -s STACK_SIZE=512kb -s ASSERTIONS=2 -s MIN_WEBGL_VERSION=1 --preload-file ../assets -g2 -gseparate-dwarf -gsource-map -s USE_GLFW=3") LINK_FLAGS " --bind -s WASM=1 -s ALLOW_MEMORY_GROWTH -s STACK_SIZE=2048kb -s ASSERTIONS=2 -s MIN_WEBGL_VERSION=1 --preload-file ../assets -g2 -gseparate-dwarf -gsource-map -s USE_GLFW=3")
endif() endif()

6
game/main.c
View File

@@ -331,14 +331,12 @@ static void renderMainMenu(Game *game, float dt) {
.flags = BZ_UI_FLEX_DIR_COLUMN | BZ_UI_FLEX_ALIGN_CENTER .flags = BZ_UI_FLEX_DIR_COLUMN | BZ_UI_FLEX_ALIGN_CENTER
}); });
if (uiMainMenuButton("Play")) { if (uiMainMenuButton("Play")) {
bzLogInfo("Play");
game->screen = SCREEN_GAME; game->screen = SCREEN_GAME;
} }
if (uiMainMenuButton("Settings")) { if (uiMainMenuButton("Settings")) {
bzLogInfo("Settings"); game->screen = SCREEN_SETTINGS;
} }
if (uiMainMenuButton("Exit")) { if (uiMainMenuButton("Exit")) {
bzLogInfo("Bye");
bzGameExit(); bzGameExit();
} }
bzUIPopParent(UI); bzUIPopParent(UI);
@@ -366,6 +364,8 @@ void render(float dt, void *userData) {
renderMainMenu(game, dt); renderMainMenu(game, dt);
break; break;
case SCREEN_SETTINGS: case SCREEN_SETTINGS:
renderGame(game, dt);
drawOverScreen(shadow);
renderSettings(game, dt); renderSettings(game, dt);
break; break;
} }

114
game/ui_widgets.c
View File

@@ -16,76 +16,78 @@ Font getFont() {
void uiPushDivParentPercentage(f32 xPercent, f32 yPercent) { void uiPushDivParentPercentage(f32 xPercent, f32 yPercent) {
bzUIPushDiv(UI, (BzUISize) { bzUIPushDiv(UI, (BzUISize) {
.kind = BZ_UI_SIZE_PARENT_PERCENT, .kind = BZ_UI_SIZE_REL_PARENT,
.value = xPercent, .value = xPercent,
}, (BzUISize) { }, (BzUISize) {
.kind = BZ_UI_SIZE_PARENT_PERCENT, .kind = BZ_UI_SIZE_REL_PARENT,
.value = yPercent .value = yPercent
}); });
} }
void uiBaseLabel(const char *txt, Font font, f32 scl) { void uiBaseLabel(const char *txt, Font font, f32 scl) {
bzUINodeMake(UI, bzUIKeyFromString(txt), BzUINode *node = bzUINodeMake(UI, bzUIKeyFromString(txt), &(BzUINodeDesc) {
&(BzUINodeDesc) { .flags = BZ_UI_DRAW_TEXT | BZ_UI_DRAW_TEXT_SHADOW | BZ_UI_ALIGN_CENTER,
.flags = BZ_UI_DRAW_TEXT | BZ_UI_DRAW_TEXT_SHADOW | BZ_UI_ALIGN_CENTER, .semanticSize[BZ_UI_AXIS_X] = {
.semanticSize[BZ_UI_AXIS_X] = { .kind = BZ_UI_SIZE_FIT,
.kind = BZ_UI_SIZE_FIT, },
}, .semanticSize[BZ_UI_AXIS_Y] = {
.semanticSize[BZ_UI_AXIS_Y] = { .kind = BZ_UI_SIZE_FIT
.kind = BZ_UI_SIZE_FIT },
}, .padding = {5, 5, 5, 5},
.string = txt, });
.padding = {5, 5, 5, 5}, bzUISetTextStyle(UI, node, (BzUITextStyle) {
.style = { .text = txt,
.font = font, .font = font,
.fontSpacing = 2 * uiGetScale() * scl, .fontSpacing = 2 * uiGetScale() * scl,
.fontSize = 62 * uiGetScale() * scl, .fontSize = 62 * uiGetScale() * scl,
.shadowOffset[BZ_UI_AXIS_X] = 2 * uiGetScale() * scl, .normal = WHITE,
.shadowOffset[BZ_UI_AXIS_Y] = 2 * uiGetScale() * scl, .hover = WHITE,
.textColor = WHITE, .active = WHITE,
.textHoverColor = WHITE, });
.textActiveColor = WHITE, bzUISetTextShadowStyle(UI, node, (BzUITextShadowStyle) {
.textShadowColor = BLACK, .offset[BZ_UI_AXIS_X] = 2 * uiGetScale() * scl,
.textShadowHoverColor = BLACK, .offset[BZ_UI_AXIS_Y] = 2 * uiGetScale() * scl,
.textShadowActiveColor = BLACK, .normal = BLACK,
} .hover = BLACK,
.active = BLACK,
}); });
} }
bool uiBaseTextButton(const char *txt, Font font, f32 scl) { bool uiBaseTextButton(const char *txt, Font font, f32 scl) {
BzUINode *node = bzUINodeMake(UI, bzUIKeyFromString(txt), BzUINode *node = bzUINodeMake(UI, bzUIKeyFromString(txt), &(BzUINodeDesc) {
&(BzUINodeDesc) { .flags = BZ_UI_DRAW_TEXT | BZ_UI_DRAW_TEXT_SHADOW | BZ_UI_ALIGN_CENTER,
.flags = BZ_UI_DRAW_TEXT | BZ_UI_DRAW_TEXT_SHADOW | BZ_UI_ALIGN_CENTER, .semanticSize[BZ_UI_AXIS_X] = {
.semanticSize[BZ_UI_AXIS_X] = { .kind = BZ_UI_SIZE_FIT,
.kind = BZ_UI_SIZE_FIT, },
}, .semanticSize[BZ_UI_AXIS_Y] = {
.semanticSize[BZ_UI_AXIS_Y] = { .kind = BZ_UI_SIZE_FIT
.kind = BZ_UI_SIZE_FIT },
}, .padding = {0, 0, 0, 0},
.string = txt, .margin = {5, 5, 5, 5},
.padding = {0, 0, 0, 0}, });
.margin = {5, 5, 5, 5}, bzUISetTextStyle(UI, node, (BzUITextStyle) {
.style = { .text = txt,
.font = font, .font = font,
.fontSpacing = 2 * uiGetScale() * scl, .fontSpacing = 2 * uiGetScale() * scl,
.fontSize = 62 * uiGetScale() * scl, .fontSize = 62 * uiGetScale() * scl,
.shadowOffset[BZ_UI_AXIS_X] = 2 * uiGetScale() * scl, .normal = WHITE,
.shadowOffset[BZ_UI_AXIS_Y] = 2 * uiGetScale() * scl, .hover = GRAY,
.textColor = WHITE, .active = YELLOW
.textHoverColor = GRAY, });
.textActiveColor = YELLOW, bzUISetTextShadowStyle(UI, node, (BzUITextShadowStyle) {
.textShadowColor = BLACK, .offset[BZ_UI_AXIS_X] = 2 * uiGetScale() * scl,
.textShadowHoverColor = BLACK, .offset[BZ_UI_AXIS_Y] = 2 * uiGetScale() * scl,
.textShadowActiveColor = BLACK, .normal = BLACK,
} .hover = BLACK,
}); .active = BLACK,
});
return bzUIGetInteraction(UI, node).clicked; return bzUIGetInteraction(UI, node).clicked;
} }
void uiMainMenuLabel(const char *txt) { void uiMainMenuLabel(const char *txt) {
uiBaseLabel(txt, getFont(), 1.8f); uiBaseLabel(txt, getFont(), 1.8f);
} }
bool uiMainMenuButton(const char *txt) { bool uiMainMenuButton(const char *txt) {
return uiBaseTextButton(txt, getFont(), 1.0f); return uiBaseTextButton(txt, getFont(), 0.8f);
} }