Add more tutorial videos

.gitattributes

@@ -1 +1,3 @@
 *.wav filter=lfs diff=lfs merge=lfs -text
+*.webm filter=lfs diff=lfs merge=lfs -text
+*.mp3 filter=lfs diff=lfs merge=lfs -text

res/videos/level_3.webm

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:2afc6b142575631260ef546c4e47e444cb47bf20668635d69babe77d7771e71f
+size 1651886

res/videos/level_4.webm

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:0790736c943db421ec09cef70df722dbd7c3ff25dbad8cfd711a68c4b4806dcd
+size 1467335

res/videos/level_5.webm

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:0c8e8f9ebb7523c50d7a8797ec1830c1669bd4dbe233295274b17c08ba52cdf5
+size 2063527

res/videos/level_6.webm

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:95a9f337551e9c9a0064f28ac20cf51f6a76f9f44e0163b458db9dacc36feaa4
+size 3892951

res/videos/level_7.webm

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:25d07f2a8facbd7faf8710ed86e882743bfc46dece51d80ee959be239dd0f482
+size 3188174

src/css/ingame_hud/watermark.scss

@@ -3,10 +3,10 @@
     background: uiResource("get_on_itch_io.svg") center center / contain no-repeat;
     @include S(width, 110px);
     @include S(height, 40px);
-    @include S(top, 5px);
+    @include S(top, 10px);
     pointer-events: all;
     cursor: pointer;
-    @include S(left, 200px);
+    @include S(left, 160px);
 
     transition: all 0.12s ease-in;
     transition-property: opacity, transform;

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,

src/js/game/hud/parts/tutorial_hints.js

@@ -1,13 +1,12 @@
-import { BaseHUDPart } from "../base_hud_part";
-import { makeDiv } from "../../../core/utils";
 import { cachebust } from "../../../core/cachebust";
-import { DynamicDomAttach } from "../dynamic_dom_attach";
 import { InputReceiver } from "../../../core/input_receiver";
-import { KeyActionMapper, KEYMAPPINGS } from "../../key_action_mapper";
-import { tutorialGoals } from "../../tutorial_goals";
 import { TrackedState } from "../../../core/tracked_state";
+import { makeDiv } from "../../../core/utils";
+import { KeyActionMapper, KEYMAPPINGS } from "../../key_action_mapper";
+import { BaseHUDPart } from "../base_hud_part";
+import { DynamicDomAttach } from "../dynamic_dom_attach";
 
-const maxTutorialVideo = 2;
+const maxTutorialVideo = 7;
 
 export class HUDPartTutorialHints extends BaseHUDPart {
     createElements(parent) {

src/js/game/hud/parts/watermark.js

@@ -23,20 +23,21 @@ export class HUDWatermark extends BaseHUDPart {
      */
     drawOverlays(parameters) {
         const w = this.root.gameWidth;
+        const x = 280 * this.root.app.getEffectiveUiScale();
 
         parameters.context.fillStyle = "#f77";
         parameters.context.font = "bold " + this.root.app.getEffectiveUiScale() * 17 + "px GameFont";
-        parameters.context.textAlign = "center";
-        parameters.context.fillText("DEMO VERSION", w / 2, this.root.app.getEffectiveUiScale() * 35);
+        // parameters.context.textAlign = "center";
+        parameters.context.fillText("DEMO VERSION", x, this.root.app.getEffectiveUiScale() * 27);
 
         parameters.context.font = "bold " + this.root.app.getEffectiveUiScale() * 12 + "px GameFont";
-        parameters.context.textAlign = "center";
+        // parameters.context.textAlign = "center";
         parameters.context.fillText(
             "Please consider to buy the full version!",
-            w / 2,
-            this.root.app.getEffectiveUiScale() * 55
+            x,
+            this.root.app.getEffectiveUiScale() * 45
         );
 
-        parameters.context.textAlign = "left";
+        // parameters.context.textAlign = "left";
     }
 }