like2d 2.12.1 → 2.13.0

package/dist/scene/prefab/mapGamepad.js

@@ -0,0 +1,189 @@
+/**
+ * An automagical gamepad mapper.
+ *
+ * ```ts
+ * like.gamepadconnected = (index) =>
+ *   scenes.push(mapGamepad({ buttons: buttonSetGBA, sticks: 0 }, 0), false)
+ * ```
+ *
+ * Add this to your codebase and activating a gamepad causes a button mapping screen to pop up.
+ * It will request to map any buttons not already covered by the automapping database.
+ *
+ * If you're wondering what `scenes` refers to, check out {@link SceneManager} to
+ * get started.
+ *
+ * Note: many browsers only fire gamepadconnected on first button press, so always writing "P2: press any button" is a fine idea.
+ * @module scene/prefab/mapGamepad
+ */
+import { callOwnHandlers, likeDispatch } from "../..";
+import { defaultMapping } from "../../input";
+const mapOrder = [
+    "BRight",
+    "BBottom",
+    "Up",
+    "Down",
+    "Left",
+    "Right",
+    "MenuLeft",
+    "MenuRight",
+    // 8: NES buttons
+    "L1",
+    "R1",
+    // 10: GBA buttons
+    "BLeft",
+    "BTop",
+    // 12: SNES buttons
+    "L2",
+    "R2",
+    // 14: PS1 buttons
+    "LeftStick",
+    "RightStick",
+];
+/** All the buttons on an NES */
+export const buttonSetNES = new Set(mapOrder.slice(0, 8));
+/** All the buttons on a GBA -- Like an NES but with L+R */
+export const buttonSetGBA = new Set(mapOrder.slice(0, 10));
+/** All the buttons on a SNES */
+export const buttonSetSNES = new Set(mapOrder.slice(0, 12));
+/** All the buttons on a PS1 -- Like a SNES but with L2+R2 */
+export const buttonSetPS1 = new Set(mapOrder.slice(0, 14));
+/** All the buttons -- including the stick buttons. */
+export const buttonSetAll = new Set(mapOrder);
+const drawCircButt = (pos, size) => (like, color) => like.gfx.circle("fill", color, pos, size);
+const drawDpadPart = (rot) => (like, color) => {
+    like.gfx.withTransform(() => {
+        like.gfx.translate([2.5, 6]);
+        like.gfx.rotate(rot);
+        like.gfx.rectangle("fill", color, [0.5, -0.5, 1.3, 1]);
+    });
+};
+const drawShoulder = (y, width, flip) => (like, color) => {
+    const r = 0.8;
+    const rectPos = [5 - width, y];
+    const circPos = [5 - width - r, y];
+    like.gfx.withTransform(() => {
+        if (flip) {
+            like.gfx.translate([16, 0]);
+            like.gfx.scale([-1, 1]);
+        }
+        like.gfx.circle("fill", color, circPos, r, { arc: [Math.PI, Math.PI * 3 / 2], center: false });
+        like.gfx.rectangle("fill", color, [...rectPos, width, r]);
+    });
+};
+// Buttons assume a centered resolution of 16x9px. Transforms exist for a reason lol.
+//      LLLLL           .             RRRRR
+//     LLLLLLLLL        .          RRRRRRRRR
+//                      .                  
+//       DDD         S  .  S              B
+// -.....DDD.....................................
+//    DDD   DDD         .           B        B
+//       DDD      LS    .    RS
+//       DDD            .              B 
+//                      .   
+const buttonProps = {
+    BLeft: { draw: drawCircButt([12, 6], 0.8) },
+    BRight: { draw: drawCircButt([15, 6], 0.8) },
+    BTop: { draw: drawCircButt([13.5, 4.5], 0.8) },
+    BBottom: { draw: drawCircButt([13.5, 7.5], 0.8) },
+    MenuLeft: { draw: drawCircButt([6, 4], 0.5) },
+    MenuRight: { draw: drawCircButt([10, 4], 0.5) },
+    LeftStick: { draw: drawCircButt([6.5, 7], 1.4) },
+    RightStick: { draw: drawCircButt([9.5, 7], 1.4) },
+    L1: { draw: drawShoulder(2, 3, false) },
+    L2: { draw: drawShoulder(1, 2, false) },
+    R1: { draw: drawShoulder(2, 3, true) },
+    R2: { draw: drawShoulder(1, 2, true) },
+    Right: { draw: drawDpadPart(0) },
+    Up: { draw: drawDpadPart(-Math.PI / 2) },
+    Left: { draw: drawDpadPart(Math.PI) },
+    Down: { draw: drawDpadPart(Math.PI / 2) },
+};
+/**  The gamepad mapping scene factory. Call this and pass it into {@link SceneManager.push} */
+export const mapGamepad = (mapMode, targetPad) => (like, scenes) => {
+    const currentlyUnmapped = [];
+    const mapping = like.gamepad.getMapping(targetPad) ?? defaultMapping(2);
+    const alreadyMapped = new Set();
+    let held;
+    let frameWait = 10;
+    const alreadyMappedValues = new Set(Object.values(mapping.buttons));
+    for (const btn of mapOrder.reverse()) {
+        if (mapMode.buttons.has(btn) && !alreadyMappedValues.has(btn)) {
+            currentlyUnmapped.push(btn);
+        }
+    }
+    return {
+        handleEvent(ev) {
+            if (ev.type == 'draw') {
+                const parent = scenes.get(-2);
+                if (parent) {
+                    likeDispatch(parent, ev);
+                    like.gfx.clear([0, 0, 0, 0.5]);
+                }
+                else {
+                    like.gfx.clear();
+                }
+            }
+            callOwnHandlers(this, ev);
+        },
+        update() {
+            frameWait--;
+        },
+        draw() {
+            const centerText = {
+                font: "1px sans-serif",
+                align: "center",
+                width: 16,
+            };
+            const active = currentlyUnmapped.at(-1);
+            const csize = like.canvas.getSize();
+            like.gfx.scale(csize[0] / 16);
+            like.gfx.translate([0, 1]);
+            like.gfx.print("white", `Map gamepad ${targetPad}`, [8, 0.0], centerText);
+            // draw shadows
+            like.gfx.withTransform(() => {
+                like.gfx.translate([0.1, 0.1]);
+                for (const prop of mapMode.buttons.keys()) {
+                    buttonProps[prop].draw(like, 'black');
+                }
+            });
+            for (const prop of mapMode.buttons.keys()) {
+                const color = held == prop
+                    ? "green"
+                    : active == prop
+                        ? "red"
+                        : mapMode.buttons.has(prop)
+                            ? "white"
+                            : [0, 0, 0, 0];
+                // draw shadows
+                buttonProps[prop].draw(like, color);
+            }
+            like.gfx.print("white", active
+                ? `Press ${like.gamepad.fullButtonName(active)}!`
+                : "Press any button to resume.", [2, 10], { font: "1px sans-serif" });
+        },
+        gamepadpressed(source, _name, num) {
+            if (source !== targetPad || held || frameWait > 0)
+                return;
+            const active = currentlyUnmapped.pop();
+            if (active && !alreadyMapped.has(num)) {
+                alreadyMapped.add(num);
+                mapping.buttons[num] = active;
+                held = active;
+            }
+            else if (!active) {
+                like.gamepad.setMapping(targetPad, mapping);
+                setTimeout(() => scenes.pop(), 100);
+            }
+        },
+        gamepadreleased(source, _name, num) {
+            if (source !== targetPad)
+                return;
+            if (held == mapping.buttons[num]) {
+                held = undefined;
+            }
+        },
+        mousepressed() {
+            scenes.pop();
+        }
+    };
+};

package/dist/scene/prefab/startScreen.d.ts

@@ -0,0 +1,47 @@
+/**
+ * ## Why
+ *
+ *  1. Because the LIKE logo looks awesome.
+ *  2. Autoplay restriction; modern browers don't let you play audio until the page is clicked.
+ *  3. You have to click on the game in order to send inputs, anyway.
+ *  4. It's polite.
+ *
+ * ## Usage
+ *
+ * ```typescript
+ * import { createLike, createStartScreen } from 'like';
+ * import { createGameScene } from './game';
+ *
+ * // init LIKE with scenes
+ * const container = document.getElementById("myGame");
+ * const like = createLike(container);
+ * const sceneMan = new SceneManager(like);
+ *
+ * // these callbacks will be ignored until the scene is clicked
+ * like.update = function () { ... }
+ * like.draw = function () { ... }
+ *
+ * // Set up the start screen
+ * like.start();
+ * sceneMan.push(startScreen())
+ * ```
+ *
+ * Alternatively, copy-paste this code into your own project and modify it freely.
+ *
+ * ## Custom Rendering
+ *
+ * Pass a custom draw function to replace the default logo:
+ *
+ * ```typescript
+ * const startup = startScreen((like) => {
+ *   like.gfx.clear([0, 0, 0, 1]);
+ *   like.gfx.print([1, 1, 1], 'Click to Start', [100, 100]);
+ * });
+ * ```
+ * @module scene/prefab/startScreen
+ */
+import type { Scene } from '..';
+import type { Like } from '../..';
+/** The start screen scene factory. Call this and pass it into {@link scene.SceneManager.push} */
+export declare const startScreen: (onDraw?: (like: Like) => void) => Scene;
+//# sourceMappingURL=startScreen.d.ts.map

package/dist/{prefab-scenes → scene/prefab}/startScreen.js

@@ -1,4 +1,4 @@
-import { Vec2 } from '../math/vector2';
+import { Vec2 } from '../../math/vector2';
 const LOGO = 'data:image/svg+xml;base64,' +
     'PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPCEtLSBDcmVhdGVkIHdpdGgg' +
     'SW5rc2NhcGUgKGh0dHA6Ly93d3cuaW5rc2NhcGUub3JnLykgLS0+Cjxzdmcgd2lkdGg9IjI1Nm1t' +
@@ -31,87 +31,28 @@ const LOGO = 'data:image/svg+xml;base64,' +
     'MyAwLjAzNjk4LThlLTMgLTE1LjM3N3oiLz4KICA8ZWxsaXBzZSBjeD0iMTMyLjk5IiBjeT0iMTYu' +
     'MTIyIiByeD0iNi4wMjIxIiByeT0iNi4xMTgyIi8+CiAgPGVsbGlwc2UgY3g9IjE0Ny40OSIgY3k9' +
     'IjE2LjEyMiIgcng9IjYuMDIyMSIgcnk9IjYuMTE4MiIvPgogPC9nPgo8L3N2Zz4K';
-/**
- * ## Why
- *
- *  1. Because the LIKE logo looks awesome.
- *  2. Autoplay restriction, doesn't let you play audio until the page is clicked.
- *  3. You have to click on the game in order to send inputs, anyway.
- *  4. It's polite.
- *
- * ## Usage
- *
- * ```typescript
- * import { createLike, StartScreen } from 'like';
- * import { GameScene } from './game';
- *
- * const container = document.getElementById("myGame");
- * const like = createLike(container);
- *
- * // these callbacks will be ignored until the scene is clicked
- * like.update = function () { ... }
- * like.draw = function () { ... }
- *
- * // Set up the start screen
- * like.pushScene(new StartScreen())
- * like.start();
- * ```
- *
- * Alternatively, copy-paste this code into your own project and modify it freely.
- * Update imports:
- *
- * ```ts
- * import { type Scene } from 'like/scene';
- * import type { ImageHandle } from 'like/graphics';
- * import { Vec2 } from 'like/math';
- * import { Like } from 'like';
- * ```
- *
- * ## Custom Rendering
- *
- * Pass a custom draw function to replace the default logo:
- *
- * ```typescript
- * const startup = new StartupScene(gameScene, (like) => {
- *   like.gfx.clear([0, 0, 0, 1]);
- *   like.gfx.print([1, 1, 1], 'Click to Start', [100, 100]);
- * });
- * ```
- */
-export class StartScreen {
-    constructor(onDraw) {
-        Object.defineProperty(this, "onDraw", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: onDraw
-        });
-        Object.defineProperty(this, "logo", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: void 0
-        });
-    }
-    load(like) {
-        this.logo = like.gfx.newImage(LOGO);
-    }
-    draw(like) {
-        if (this.onDraw) {
-            this.onDraw(like);
+/** The start screen scene factory. Call this and pass it into {@link scene.SceneManager.push} */
+export const startScreen = (onDraw) => (like, scenes) => {
+    const logo = like.gfx.newImage(LOGO);
+    like.mouse.setMode({ lock: false, scrollBlock: false });
+    return {
+        draw() {
+            if (onDraw) {
+                onDraw(like);
+            }
+            else if (logo.isReady()) {
+                like.gfx.clear([0.5, 0, 0.5, 1]);
+                const winSize = like.canvas.getSize();
+                const scale = (winSize[0] * 0.5) / logo.size[0];
+                like.gfx.draw(logo, Vec2.div(winSize, 2), {
+                    scale,
+                    origin: Vec2.div(logo.size, 2),
+                });
+                like.gfx.print([1, 1, 0, 0.5 + 0.5 * Math.sin(like.timer.getTime() * 3)], "▶️ click to start ◀️", Vec2.mul(winSize, [0.5, 0.8]), { align: "center", font: "25px sans" });
+            }
+        },
+        mousepressed() {
+            scenes.pop();
         }
-        else if (this.logo.isReady()) {
-            like.gfx.clear([0.5, 0, 0.5, 1]);
-            const winSize = like.canvas.getSize();
-            const scale = (winSize[0] * 0.5) / this.logo.size[0];
-            like.gfx.draw(this.logo, Vec2.div(winSize, 2), {
-                scale,
-                origin: Vec2.div(this.logo.size, 2),
-            });
-            like.gfx.print([1, 1, 0, 0.5 + 0.5 * Math.sin(like.timer.getTime() * 3)], "▶️ click to start ◀️", Vec2.mul(winSize, [0.5, 0.8]), { align: "center", font: "25px sans" });
-        }
-    }
-    mousepressed(like) {
-        like.popScene();
-    }
-}
+    };
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "like2d",
-  "version": "2.12.1",
+  "version": "2.13.0",
   "description": "A web-native game framework inspired by Love2D",
   "type": "module",
   "main": "./dist/index.js",
@@ -15,10 +15,6 @@
       "import": "./dist/math/index.js",
       "types": "./dist/math/index.d.ts"
     },
-    "./prefab-scenes": {
-      "import": "./dist/prefab-scenes/index.js",
-      "types": "./dist/prefab-scenes/index.d.ts"
-    },
     "./graphics": {
       "types": "./dist/graphics/index.d.ts"
     },
@@ -33,6 +29,14 @@
     "./timer": {
       "import": "./dist/timer/index.js",
       "types": "./dist/timer/index.d.ts"
+    },
+    "./scene": {
+      "import": "./dist/scene/index.js",
+      "types": "./dist/scene/index.d.ts"
+    },
+    "./scene/prefab/*": {
+      "import": "./dist/scene/prefab/*.js",
+      "types": "./dist/scene/prefab/*.d.ts"
     }
   },
   "files": [
@@ -61,6 +65,7 @@
   ],
   "author": "",
   "license": "MIT",
+  "homepage": "https://likeorg.github.io/Like2D/",
   "repository": {
     "type": "git",
     "url": "https://github.com/likeOrg/Like2D"

package/dist/prefab-scenes/index.d.ts

@@ -1,10 +0,0 @@
-/**
- * A set of built-in scenes to aid with game development.
- *
- * To learn more about scenes, see {@link index.Scene}.
- *
- * @module prefab-scenes
- */
-export { StartScreen } from "./startScreen";
-export { MapGamepad, buttonSetAll, buttonSetNES, buttonSetPS1, buttonSetSNES, type MapMode } from "./mapGamepad";
-//# sourceMappingURL=index.d.ts.map

package/dist/prefab-scenes/index.js

@@ -1,9 +0,0 @@
-/**
- * A set of built-in scenes to aid with game development.
- *
- * To learn more about scenes, see {@link index.Scene}.
- *
- * @module prefab-scenes
- */
-export { StartScreen } from "./startScreen";
-export { MapGamepad, buttonSetAll, buttonSetNES, buttonSetPS1, buttonSetSNES } from "./mapGamepad";

package/dist/prefab-scenes/mapGamepad.d.ts

@@ -1,42 +0,0 @@
-import type { Like } from "..";
-import { type LikeButton } from "../input";
-import { Scene } from "../scene";
-export declare const buttonSetNES: Set<LikeButton>;
-export declare const buttonSetGBA: Set<LikeButton>;
-export declare const buttonSetSNES: Set<LikeButton>;
-export declare const buttonSetPS1: Set<LikeButton>;
-export declare const buttonSetAll: Set<LikeButton>;
-export type MapMode = {
-    buttons: Set<LikeButton>;
-    stickCount: number;
-};
-/**
- * An automagical gamepad mapper.
- *
- * ```ts
- * like.gamepadconnected = (index) =>
- *   like.pushScene(new MapGamepad({buttons: buttonSetGBA, sticks: 0}), index)
- * ```
- *
- * Add this to your codebase and activating a gamepad causes a button mapping screen to pop up.
- * It will request to map any buttons not already covered by the automapping database.
- *
- * Note: many browsers do this on first button press, so always writing "P2: press any button" is a fine idea.
- */
-export declare class MapGamepad implements Scene {
-    private mapMode;
-    private targetPad;
-    private currentlyUnmapped;
-    private mapping;
-    private held?;
-    private alreadyMapped;
-    private frameWait;
-    constructor(mapMode: MapMode, targetPad: number);
-    load(like: Like): void;
-    update(): void;
-    draw(like: Like): void;
-    gamepadpressed(like: Like, source: number, _name: LikeButton, num: number): void;
-    gamepadreleased(_like: Like, source: number, _name: LikeButton, num: number): void;
-    mousepressed(like: Like): void;
-}
-//# sourceMappingURL=mapGamepad.d.ts.map

package/dist/prefab-scenes/mapGamepad.js

@@ -1,199 +0,0 @@
-import { defaultMapping } from "../input";
-const mapOrder = [
-    "BRight",
-    "BBottom",
-    "Up",
-    "Down",
-    "Left",
-    "Right",
-    "MenuLeft",
-    "MenuRight",
-    // 8: NES buttons
-    "L1",
-    "R1",
-    // 10: GBA buttons
-    "BLeft",
-    "BTop",
-    // 12: SNES buttons
-    "L2",
-    "R2",
-    // 14: PS1 buttons
-    "LeftStick",
-    "RightStick",
-];
-export const buttonSetNES = new Set(mapOrder.slice(0, 8));
-export const buttonSetGBA = new Set(mapOrder.slice(0, 10));
-export const buttonSetSNES = new Set(mapOrder.slice(0, 12));
-export const buttonSetPS1 = new Set(mapOrder.slice(0, 14));
-export const buttonSetAll = new Set(mapOrder);
-const drawCircButt = (pos, size) => (like, color) => like.gfx.circle("fill", color, pos, size);
-const drawDpadPart = (rot) => (like, color) => {
-    like.gfx.withTransform(() => {
-        like.gfx.translate([2.5, 6]);
-        like.gfx.rotate(rot);
-        like.gfx.rectangle("fill", color, [0.5, -0.5, 1.3, 1]);
-    });
-};
-const drawShoulder = (y, width, flip) => (like, color) => {
-    const r = 0.8;
-    const rectPos = [5 - width, y];
-    const circPos = [5 - width - r, y];
-    like.gfx.withTransform(() => {
-        if (flip) {
-            like.gfx.translate([16, 0]);
-            like.gfx.scale([-1, 1]);
-        }
-        like.gfx.circle("fill", color, circPos, r, { arc: [Math.PI, Math.PI * 3 / 2], center: false });
-        like.gfx.rectangle("fill", color, [...rectPos, width, r]);
-    });
-};
-// Buttons assume a centered resolution of 16x9px. Transforms exist for a reason lol.
-//      LLLLL           .             RRRRR
-//     LLLLLLLLL        .          RRRRRRRRR
-//                      .                  
-//       DDD         S  .  S              B
-// -.....DDD.....................................
-//    DDD   DDD         .           B        B
-//       DDD      LS    .    RS
-//       DDD            .              B 
-//                      .   
-const buttonProps = {
-    BLeft: { draw: drawCircButt([12, 6], 0.8) },
-    BRight: { draw: drawCircButt([15, 6], 0.8) },
-    BTop: { draw: drawCircButt([13.5, 4.5], 0.8) },
-    BBottom: { draw: drawCircButt([13.5, 7.5], 0.8) },
-    MenuLeft: { draw: drawCircButt([6, 4], 0.5) },
-    MenuRight: { draw: drawCircButt([10, 4], 0.5) },
-    LeftStick: { draw: drawCircButt([6.5, 7], 1.4) },
-    RightStick: { draw: drawCircButt([9.5, 7], 1.4) },
-    L1: { draw: drawShoulder(2, 3, false) },
-    L2: { draw: drawShoulder(1, 2, false) },
-    R1: { draw: drawShoulder(2, 3, true) },
-    R2: { draw: drawShoulder(1, 2, true) },
-    Right: { draw: drawDpadPart(0) },
-    Up: { draw: drawDpadPart(-Math.PI / 2) },
-    Left: { draw: drawDpadPart(Math.PI) },
-    Down: { draw: drawDpadPart(Math.PI / 2) },
-};
-/**
- * An automagical gamepad mapper.
- *
- * ```ts
- * like.gamepadconnected = (index) =>
- *   like.pushScene(new MapGamepad({buttons: buttonSetGBA, sticks: 0}), index)
- * ```
- *
- * Add this to your codebase and activating a gamepad causes a button mapping screen to pop up.
- * It will request to map any buttons not already covered by the automapping database.
- *
- * Note: many browsers do this on first button press, so always writing "P2: press any button" is a fine idea.
- */
-export class MapGamepad {
-    constructor(mapMode, targetPad) {
-        Object.defineProperty(this, "mapMode", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: mapMode
-        });
-        Object.defineProperty(this, "targetPad", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: targetPad
-        });
-        Object.defineProperty(this, "currentlyUnmapped", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: []
-        });
-        Object.defineProperty(this, "mapping", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: void 0
-        });
-        Object.defineProperty(this, "held", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: void 0
-        });
-        Object.defineProperty(this, "alreadyMapped", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: new Set()
-        });
-        Object.defineProperty(this, "frameWait", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: 0
-        });
-    }
-    load(like) {
-        this.frameWait = 10;
-        this.mapping = like.gamepad.getMapping(this.targetPad) ?? defaultMapping(2);
-        const alreadyMapped = new Set(Object.values(this.mapping.buttons));
-        for (const btn of mapOrder.reverse()) {
-            if (this.mapMode.buttons.has(btn) && !alreadyMapped.has(btn)) {
-                this.currentlyUnmapped.push(btn);
-            }
-        }
-        like.canvas.setMode([320, 240]);
-    }
-    update() {
-        this.frameWait--;
-    }
-    draw(like) {
-        const centerText = {
-            font: "1px sans-serif",
-            align: "center",
-            width: 16,
-        };
-        const active = this.currentlyUnmapped.at(-1);
-        like.gfx.clear();
-        like.gfx.scale(20);
-        like.gfx.translate([0, 1]);
-        like.gfx.print("white", `Map gamepad ${this.targetPad}`, [8, 0.0], centerText);
-        for (const prop of this.mapMode.buttons.keys()) {
-            const color = this.held == prop
-                ? "green"
-                : active == prop
-                    ? "red"
-                    : this.mapMode.buttons.has(prop)
-                        ? "gray"
-                        : "black";
-            buttonProps[prop].draw(like, color);
-        }
-        like.gfx.print("white", active
-            ? `Press ${like.gamepad.fullButtonName(active)}!`
-            : "Press any button to resume.", [2, 10], { font: "1px sans-serif" });
-    }
-    gamepadpressed(like, source, _name, num) {
-        if (source !== this.targetPad || this.held || this.frameWait > 0)
-            return;
-        const active = this.currentlyUnmapped.pop();
-        if (active && !this.alreadyMapped.has(num)) {
-            this.alreadyMapped.add(num);
-            this.mapping.buttons[num] = active;
-            this.held = active;
-        }
-        else if (!active) {
-            like.gamepad.setMapping(this.targetPad, this.mapping);
-            setTimeout(() => like.popScene(), 100);
-        }
-    }
-    gamepadreleased(_like, source, _name, num) {
-        if (source !== this.targetPad)
-            return;
-        if (this.held == this.mapping.buttons[num]) {
-            this.held = undefined;
-        }
-    }
-    mousepressed(like) {
-        like.popScene();
-    }
-}