@inglorious/engine 0.1.0 → 0.2.0

package/src/docs/image/tilemap.js

@@ -1,84 +0,0 @@
-import { enableTilemap } from "@inglorious/game/decorators/image/tilemap"
-
-export default {
-  types: {
-    tilemap: [enableTilemap()],
-  },
-
-  instances: {
-    game: {
-      pixelated: true,
-    },
-
-    dungeon: {
-      type: "tilemap",
-      position: [400 - (16 * 6 * 3) / 2, 0, 300 - (16 * 5 * 3) / 2],
-      tilemap: {
-        image: {
-          id: "dungeon",
-          src: "/tilemaps/dungeon.png",
-          imageSize: [160, 160],
-          tileSize: [16, 16],
-          columns: 6,
-          scale: 3,
-        },
-        layers: [
-          {
-            tiles: [
-              // first row
-              0, 1, 2, 3, 4, 5,
-              // second row
-              10, 11, 12, 13, 14, 15,
-              // third row
-              20, 21, 22, 23, 24, 25,
-              // fourth row
-              30, 31, 32, 33, 34, 35,
-              // fifth row
-              40, 41, 42, 43, 44, 45,
-            ],
-          },
-          {
-            tiles: [
-              // first row
-              -1,
-              -1,
-              -1,
-              -1,
-              -1,
-              -1,
-              // second row
-              -1,
-              91,
-              83,
-              -1,
-              0x80000000 + 91,
-              -1,
-              // third row
-              -1,
-              -1,
-              -1,
-              97,
-              -1,
-              -1,
-              // fourth row
-              -1,
-              91,
-              -1,
-              -1,
-              0x80000000 + 91,
-              -1,
-              // fifth row
-              // -1, -1, 36, 37, -1, -1,
-              -1,
-              -1,
-              66,
-              67,
-              -1,
-              -1,
-            ],
-          },
-        ],
-      },
-    },
-  },
-}

package/src/docs/input/controls.js

@@ -1,67 +0,0 @@
-import move from "@inglorious/engine/movement/kinematic/modern.js"
-import { enableCharacter } from "@inglorious/game/decorators/character.js"
-import {
-  createControls,
-  enableControls,
-} from "@inglorious/game/decorators/input/controls.js"
-import { merge } from "@inglorious/utils/data-structures/objects.js"
-import { zero } from "@inglorious/utils/math/linear-algebra/vector.js"
-
-const X = 0
-const Z = 2
-
-export default {
-  types: {
-    ...enableControls(),
-
-    character: [
-      enableCharacter(),
-      {
-        "game:update"(instance, event, options) {
-          const { input0 } = options.instances
-          instance.velocity = zero()
-
-          if (input0.left) {
-            instance.velocity[X] = -instance.maxSpeed
-          }
-          if (input0.down) {
-            instance.velocity[Z] = -instance.maxSpeed
-          }
-          if (input0.right) {
-            instance.velocity[X] = instance.maxSpeed
-          }
-          if (input0.up) {
-            instance.velocity[Z] = instance.maxSpeed
-          }
-
-          merge(instance, move(instance, options))
-        },
-      },
-    ],
-  },
-
-  instances: {
-    ...createControls("input0", {
-      ArrowUp: "up",
-      ArrowDown: "down",
-      ArrowLeft: "left",
-      ArrowRight: "right",
-      KeyW: "up",
-      KeyS: "down",
-      KeyA: "left",
-      KeyD: "right",
-      Btn12: "up",
-      Btn13: "down",
-      Btn14: "left",
-      Btn15: "right",
-      Axis0: "leftRight",
-      Axis1: "upDown",
-    }),
-
-    character: {
-      type: "character",
-      maxSpeed: 250,
-      position: [400, 0, 300],
-    },
-  },
-}

package/src/docs/input/gamepad.js

@@ -1,67 +0,0 @@
-import move from "@inglorious/engine/movement/kinematic/modern.js"
-import { enableCharacter } from "@inglorious/game/decorators/character.js"
-import {
-  createGamepad,
-  enableGamepad,
-} from "@inglorious/game/decorators/input/gamepad.js"
-import { merge } from "@inglorious/utils/data-structures/objects.js"
-import { zero } from "@inglorious/utils/math/linear-algebra/vector.js"
-
-const X = 0
-const Z = 2
-
-export default {
-  types: {
-    gamepad: [enableGamepad()],
-
-    character: [
-      enableCharacter(),
-      {
-        "game:update"(instance, event, options) {
-          const { gamepad0 } = options.instances
-
-          instance.velocity = zero()
-
-          if (gamepad0.left) {
-            instance.velocity[X] = -instance.maxSpeed
-          }
-          if (gamepad0.down) {
-            instance.velocity[Z] = -instance.maxSpeed
-          }
-          if (gamepad0.right) {
-            instance.velocity[X] = instance.maxSpeed
-          }
-          if (gamepad0.up) {
-            instance.velocity[Z] = instance.maxSpeed
-          }
-
-          if (gamepad0.leftRight != null) {
-            instance.velocity[X] += gamepad0.leftRight * instance.maxSpeed
-          }
-          if (gamepad0.upDown != null) {
-            instance.velocity[Z] += -gamepad0.upDown * instance.maxSpeed
-          }
-
-          merge(instance, move(instance, options))
-        },
-      },
-    ],
-  },
-
-  instances: {
-    gamepad0: createGamepad("gamepad0", {
-      Btn12: "up",
-      Btn13: "down",
-      Btn14: "left",
-      Btn15: "right",
-      Axis0: "leftRight",
-      Axis1: "upDown",
-    }),
-
-    character: {
-      type: "character",
-      maxSpeed: 250,
-      position: [400, 0, 300],
-    },
-  },
-}

package/src/docs/input/input.mdx

@@ -1,55 +0,0 @@
-import { Canvas, Meta, Source } from '@storybook/blocks'
-import * as Input from './input.stories'
-
-import mouse from "./mouse?raw"
-import keyboard from "./keyboard?raw"
-import gamepad from "./gamepad?raw"
-import controls from "./controls?raw"
-
-<Meta of={Input} />
-
-# Input
-
-It's pretty easy to add input controls to your game. Let's have a look.
-
-## Mouse
-
-If you need mouse support, it's as easy as using the `enableMouse()` decorator. It automatically detects movement and clicks on any instance in the scene.
-
-You can get a reference to any instance in the scene by inspecting the `options.instances` property.
-
-<Source dark code={mouse} />
-
-<Canvas of={Input.Mouse} />
-
-## Keyboard
-
-Using the keyboard is very similar, but we also need to specify an id for the input and some mapping configuration. This way we can create multiple mappings that can work at the same time!
-
-Also, please note how we are using some predefined functions to achieve our goal:
-
-- `zero()` returns a vector with the three coordinates set to zero;
-- `move()` calculates orientation, position, and velocity;
-- `merge()` applies those calculations to the instance.
-
-<Source dark code={keyboard} />
-
-<Canvas of={Input.Keyboard} />
-
-## Gamepad
-
-If you plug a gamepad, there's a high chance that the engine will recognize it and you will be able to control your character with the D-pad or the left axis.
-
-<Source dark code={gamepad} />
-
-<Canvas of={Input.Gamepad} />
-
-## Controls
-
-Want to make both keyboard and gamepad work? Use the `enableControls()` and `createControls()` functions then!
-
-You'll probably always want to use these two instead of dealing with keyboards and gamepads separately, but who am I to judge?
-
-<Source dark code={controls} />
-
-<Canvas of={Input.Controls} />

package/src/docs/input/input.stories.js

@@ -1,27 +0,0 @@
-import UiChooser from "@inglorious/docs/ui-chooser.jsx"
-
-import controls from "./controls.js"
-import gamepad from "./gamepad.js"
-import keyboard from "./keyboard.js"
-import mouse from "./mouse.js"
-
-export default {
-  title: "Engine/Input",
-  component: UiChooser,
-}
-
-export const Mouse = {
-  args: { config: mouse },
-}
-
-export const Keyboard = {
-  args: { config: keyboard },
-}
-
-export const Gamepad = {
-  args: { config: gamepad },
-}
-
-export const Controls = {
-  args: { config: controls },
-}

package/src/docs/input/keyboard.js

@@ -1,58 +0,0 @@
-import move from "@inglorious/engine/movement/kinematic/modern.js"
-import { enableCharacter } from "@inglorious/game/decorators/character.js"
-import {
-  createKeyboard,
-  enableKeyboard,
-} from "@inglorious/game/decorators/input/keyboard.js"
-import { merge } from "@inglorious/utils/data-structures/objects.js"
-import { zero } from "@inglorious/utils/math/linear-algebra/vector.js"
-
-const X = 0
-const Z = 2
-
-export default {
-  types: {
-    keyboard: [enableKeyboard()],
-
-    character: [
-      enableCharacter(),
-      {
-        "game:update"(instance, event, options) {
-          const { keyboard0 } = options.instances
-
-          instance.velocity = zero()
-
-          if (keyboard0.left) {
-            instance.velocity[X] = -instance.maxSpeed
-          }
-          if (keyboard0.down) {
-            instance.velocity[Z] = -instance.maxSpeed
-          }
-          if (keyboard0.right) {
-            instance.velocity[X] = instance.maxSpeed
-          }
-          if (keyboard0.up) {
-            instance.velocity[Z] = instance.maxSpeed
-          }
-
-          merge(instance, move(instance, options))
-        },
-      },
-    ],
-  },
-
-  instances: {
-    keyboard0: createKeyboard("keyboard0", {
-      ArrowLeft: "left",
-      ArrowDown: "down",
-      ArrowRight: "right",
-      ArrowUp: "up",
-    }),
-
-    character: {
-      type: "character",
-      maxSpeed: 250,
-      position: [400, 0, 300],
-    },
-  },
-}

package/src/docs/input/mouse.js

@@ -1,32 +0,0 @@
-import { enableCharacter } from "@inglorious/game/decorators/character.js"
-import { enableMouse } from "@inglorious/game/decorators/input/mouse.js"
-
-export default {
-  types: {
-    mouse: [enableMouse()],
-
-    character: [
-      enableCharacter(),
-
-      {
-        "game:update"(instance, event, options) {
-          const { mouse } = options.instances
-          instance.position = mouse.position
-        },
-      },
-    ],
-  },
-
-  instances: {
-    mouse: {
-      type: "mouse",
-      position: [400, 0, 300],
-    },
-
-    character: {
-      type: "character",
-      velocity: [0, 0, 0],
-      position: [400, 0, 300],
-    },
-  },
-}

package/src/docs/instances.js

@@ -1,49 +0,0 @@
-export default {
-  types: {
-    character: {
-      draw(ctx, instance) {
-        const {
-          size = 24,
-          orientation = 0,
-          stroke = "black",
-          fill = "transparent",
-        } = instance
-
-        const radius = size * 0.5
-
-        ctx.save()
-        ctx.rotate(-orientation)
-        ctx.translate(radius - 1, 0)
-
-        ctx.fillStyle = "black"
-
-        ctx.beginPath()
-        ctx.moveTo(0, 6)
-        ctx.lineTo(0, -6)
-        ctx.lineTo(6, 0)
-        ctx.fill()
-        ctx.closePath()
-        ctx.restore()
-
-        ctx.save()
-        ctx.lineWidth = 1
-        ctx.strokeStyle = stroke
-        ctx.fillStyle = fill
-
-        ctx.beginPath()
-        ctx.arc(0, 0, radius, 0, 2 * 3.14)
-        ctx.fill()
-        ctx.stroke()
-        ctx.closePath()
-        ctx.restore()
-      },
-    },
-  },
-
-  instances: {
-    character: {
-      type: "character",
-      position: [400, 0, 300],
-    },
-  },
-}

package/src/docs/player/dynamic/double-jump.js

@@ -1,90 +0,0 @@
-import { enableCharacter } from "@inglorious/game/decorators/character.js"
-import { enableClampToBounds } from "@inglorious/game/decorators/clamp-to-bounds.js"
-import { enableModernControls } from "@inglorious/game/decorators/controls/dynamic/modern.js"
-import { enableDoubleJump } from "@inglorious/game/decorators/double-jump.js"
-import { enableFsm } from "@inglorious/game/decorators/fsm.js"
-import {
-  createControls,
-  enableControls,
-} from "@inglorious/game/decorators/input/controls.js"
-import { enableJump } from "@inglorious/game/decorators/jump.js"
-
-const Y = 1
-
-export default {
-  types: {
-    ...enableControls(),
-
-    stats: {},
-
-    character: [
-      enableCharacter(),
-      enableModernControls(),
-      enableClampToBounds(),
-      enableDoubleJump(),
-      enableJump(),
-      enableFsm({
-        default: {
-          "game:update"(instance) {
-            stopFreeFalling(instance)
-          },
-        },
-
-        jumping: {
-          "game:update"(instance) {
-            stopFreeFalling(instance)
-          },
-        },
-
-        doubleJumping: {
-          "game:update"(instance) {
-            stopFreeFalling(instance)
-          },
-        },
-      }),
-    ],
-  },
-
-  instances: {
-    ...createControls("input0", {
-      ArrowUp: "up",
-      ArrowDown: "down",
-      ArrowLeft: "left",
-      ArrowRight: "right",
-      Space: "jump",
-      KeyW: "up",
-      KeyS: "down",
-      KeyA: "left",
-      KeyD: "right",
-      Btn12: "up",
-      Btn13: "down",
-      Btn14: "left",
-      Btn15: "right",
-      Btn0: "jump",
-      Axis0: "leftRight",
-      Axis1: "upDown",
-    }),
-
-    stats: {
-      type: "stats",
-      position: [600, 0, 600],
-      target: "character",
-    },
-
-    character: {
-      type: "character",
-      maxSpeed: 250,
-      position: [400, 0, 300],
-      maxJump: 100,
-      maxLeap: 100,
-    },
-  },
-}
-
-function stopFreeFalling(instance) {
-  if (instance.position[Y] <= 0) {
-    instance.vy = 0
-    instance.position[Y] = 0
-    instance.state = "default"
-  }
-}

package/src/docs/player/dynamic/dynamic.stories.js

@@ -1,32 +0,0 @@
-import UiChooser from "@inglorious/docs/ui-chooser.jsx"
-
-import doubleJump from "./double-jump.js"
-import jump from "./jump.js"
-import modernControls from "./modern-controls.js"
-import shooterControls from "./shooter-controls.js"
-import tankControls from "./tank-controls.js"
-
-export default {
-  title: "Engine/Player/Dynamic",
-  component: UiChooser,
-}
-
-export const ModernControls = {
-  args: { config: modernControls },
-}
-
-export const TankControls = {
-  args: { config: tankControls },
-}
-
-export const ShooterControls = {
-  args: { config: shooterControls },
-}
-
-export const Jump = {
-  args: { config: jump },
-}
-
-export const DoubleJump = {
-  args: { config: doubleJump },
-}

package/src/docs/player/dynamic/jump.js

@@ -1,83 +0,0 @@
-import { enableCharacter } from "@inglorious/game/decorators/character.js"
-import { enableClampToBounds } from "@inglorious/game/decorators/clamp-to-bounds.js"
-import { enableModernControls } from "@inglorious/game/decorators/controls/dynamic/modern.js"
-import { enableFsm } from "@inglorious/game/decorators/fsm.js"
-import {
-  createControls,
-  enableControls,
-} from "@inglorious/game/decorators/input/controls.js"
-import { enableJump } from "@inglorious/game/decorators/jump.js"
-
-const Y = 1
-
-export default {
-  types: {
-    ...enableControls(),
-
-    stats: {},
-
-    character: [
-      enableCharacter(),
-      enableModernControls(),
-      enableClampToBounds(),
-      enableJump(),
-      enableFsm({
-        default: {
-          "game:update"(instance) {
-            stopFreeFalling(instance)
-          },
-        },
-
-        jumping: {
-          "game:update"(instance) {
-            stopFreeFalling(instance)
-          },
-        },
-      }),
-    ],
-  },
-
-  instances: {
-    ...createControls("input0", {
-      ArrowUp: "up",
-      ArrowDown: "down",
-      ArrowLeft: "left",
-      ArrowRight: "right",
-      Space: "jump",
-      KeyW: "up",
-      KeyS: "down",
-      KeyA: "left",
-      KeyD: "right",
-      Btn12: "up",
-      Btn13: "down",
-      Btn14: "left",
-      Btn15: "right",
-      Btn0: "jump",
-      Axis0: "leftRight",
-      Axis1: "upDown",
-    }),
-
-    stats: {
-      type: "stats",
-      position: [600, 0, 600],
-      target: "character",
-    },
-
-    character: {
-      type: "character",
-      maxAcceleration: 500,
-      friction: 250,
-      position: [400, 0, 300],
-      maxJump: 100,
-      maxLeap: 100,
-    },
-  },
-}
-
-function stopFreeFalling(instance) {
-  if (instance.position[Y] <= 0) {
-    instance.vy = 0
-    instance.position[Y] = 0
-    instance.state = "default"
-  }
-}

package/src/docs/player/dynamic/modern-controls.js

@@ -1,57 +0,0 @@
-import { enableCharacter } from "@inglorious/game/decorators/character.js"
-import { enableClampToBounds } from "@inglorious/game/decorators/clamp-to-bounds.js"
-import { enableModernControls } from "@inglorious/game/decorators/controls/dynamic/modern.js"
-import {
-  createControls,
-  enableControls,
-} from "@inglorious/game/decorators/input/controls.js"
-
-export default {
-  types: {
-    ...enableControls(),
-
-    stats: {},
-
-    character: [
-      enableCharacter(),
-      enableModernControls(),
-      enableClampToBounds(),
-    ],
-  },
-
-  instances: {
-    ...createControls("input0", {
-      ArrowUp: "up",
-      ArrowDown: "down",
-      ArrowLeft: "left",
-      ArrowRight: "right",
-      Space: "jump",
-      KeyW: "up",
-      KeyS: "down",
-      KeyA: "left",
-      KeyD: "right",
-      Btn12: "up",
-      Btn13: "down",
-      Btn14: "left",
-      Btn15: "right",
-      Btn0: "jump",
-      Axis0: "leftRight",
-      Axis1: "upDown",
-    }),
-
-    stats: {
-      type: "stats",
-      position: [600, 0, 600],
-      target: "character",
-    },
-
-    character: {
-      type: "character",
-      maxAcceleration: 500,
-      friction: 250,
-      position: [400, 0, 300],
-      maxJump: 100,
-      maxLeap: 100,
-    },
-  },
-}