From 8627b4e1f99ca9397361efc46437b7771ec4f4ab Mon Sep 17 00:00:00 2001 From: tobspr Date: Sat, 23 May 2020 12:34:01 +0200 Subject: [PATCH] Add hint to standalone version in game --- src/css/ingame_hud/watermark.scss | 18 ++++++++++++++++++ src/css/main.scss | 2 ++ src/js/core/config.js | 2 +- src/js/game/hud/parts/tutorial_hints.js | 3 +++ src/js/game/hud/parts/watermark.js | 15 +++++++++++++-- 5 files changed, 37 insertions(+), 3 deletions(-) create mode 100644 src/css/ingame_hud/watermark.scss diff --git a/src/css/ingame_hud/watermark.scss b/src/css/ingame_hud/watermark.scss new file mode 100644 index 00000000..207c043b --- /dev/null +++ b/src/css/ingame_hud/watermark.scss @@ -0,0 +1,18 @@ +#ingame_HUD_Watermark { + position: absolute; + background: uiResource("get_on_itch_io.svg") center center / contain no-repeat; + @include S(width, 110px); + @include S(height, 40px); + @include S(top, 5px); + pointer-events: all; + cursor: pointer; + @include S(left, 200px); + + transition: all 0.12s ease-in; + transition-property: opacity, transform; + transform: skewX(-0.5deg); + &:hover { + transform: skewX(-1deg) scale(1.02); + opacity: 0.9; + } +} diff --git a/src/css/main.scss b/src/css/main.scss index 8cb96a10..35b885be 100644 --- a/src/css/main.scss +++ b/src/css/main.scss @@ -45,6 +45,7 @@ @import "ingame_hud/debug_info"; @import "ingame_hud/entity_debugger"; @import "ingame_hud/tutorial_hints"; +@import "ingame_hud/watermark"; // prettier-ignore $elements: @@ -66,6 +67,7 @@ ingame_HUD_DebugInfo, ingame_HUD_EntityDebugger, ingame_HUD_TutorialHints, ingame_HUD_buildings_toolbar, +ingame_HUD_Watermark, // Overlays ingame_HUD_BetaOverlay, diff --git a/src/js/core/config.js b/src/js/core/config.js index 7a43ffed..68ec8d00 100644 --- a/src/js/core/config.js +++ b/src/js/core/config.js @@ -83,7 +83,7 @@ export const globalConfig = { debug: { /* dev:start */ - fastGameEnter: true, + // fastGameEnter: true, noArtificialDelays: true, // disableSavegameWrite: true, // showEntityBounds: true, diff --git a/src/js/game/hud/parts/tutorial_hints.js b/src/js/game/hud/parts/tutorial_hints.js index 2b04315f..d5e4061a 100644 --- a/src/js/game/hud/parts/tutorial_hints.js +++ b/src/js/game/hud/parts/tutorial_hints.js @@ -72,6 +72,9 @@ export class HUDPartTutorialHints extends BaseHUDPart { } show() { + this.root.app.analytics.trackUiClick("tutorial_hint_show"); + this.root.app.analytics.trackUiClick("tutorial_hint_show_lvl_" + this.root.hubGoals.level); + document.body.classList.add("ingameDialogOpen"); this.element.classList.add("enlarged", "noBlur"); this.enlarged = true; diff --git a/src/js/game/hud/parts/watermark.js b/src/js/game/hud/parts/watermark.js index a8620258..989ea64c 100644 --- a/src/js/game/hud/parts/watermark.js +++ b/src/js/game/hud/parts/watermark.js @@ -1,10 +1,21 @@ import { BaseHUDPart } from "../base_hud_part"; import { DrawParameters } from "../../../core/draw_parameters"; +import { makeDiv } from "../../../core/utils"; +import { THIRDPARTY_URLS } from "../../../core/config"; export class HUDWatermark extends BaseHUDPart { - createElements() {} + createElements(parent) { + this.element = makeDiv(parent, "ingame_HUD_Watermark"); + } - initialize() {} + initialize() { + this.trackClicks(this.element, this.onWatermarkClick); + } + + onWatermarkClick() { + this.root.app.analytics.trackUiClick("watermark_click"); + this.root.app.platformWrapper.openExternalLink(THIRDPARTY_URLS.standaloneStorePage); + } /** *