@inglorious/engine 0.1.1 → 0.2.0

package/src/game/decorators/controls/kinematic/tank.js

@@ -1,52 +0,0 @@
-import tankMove from "@inglorious/engine/movement/kinematic/tank.js"
-import { extend, merge } from "@inglorious/utils/data-structures/objects.js"
-import { zero } from "@inglorious/utils/math/linear-algebra/vector.js"
-
-const DEFAULT_PARAMS = {
-  maxAngularSpeed: 10,
-  maxSpeed: 250,
-}
-const X = 0
-const Z = 2
-
-export function enableTankControls(params) {
-  params = extend(DEFAULT_PARAMS, params)
-
-  return (type) =>
-    extend(type, {
-      "game:update"(instance, event, options) {
-        instance.maxAngularSpeed =
-          instance.maxAngularSpeed ?? params.maxAngularSpeed
-        instance.maxSpeed = instance.maxSpeed ?? params.maxSpeed
-
-        const { input0 } = options.instances
-        instance.velocity = zero()
-
-        if (input0.left) {
-          instance.orientation += 0.1
-        }
-        if (input0.down) {
-          instance.velocity[X] = -instance.maxSpeed
-        }
-        if (input0.right) {
-          instance.orientation -= 0.1
-        }
-        if (input0.up) {
-          instance.velocity[X] = instance.maxSpeed
-        }
-
-        if (input0.leftRight != null) {
-          instance.orientation +=
-            -input0.leftRight * instance.maxAngularSpeed * options.dt
-        }
-        if (input0.upDown != null) {
-          instance.velocity[X] += -input0.upDown * instance.maxSpeed
-        }
-        if (input0.strafe != null) {
-          instance.velocity[Z] += input0.strafe * instance.maxSpeed
-        }
-
-        merge(instance, tankMove(instance, options))
-      },
-    })
-}

package/src/game/decorators/debug/collisions.js

@@ -1,32 +0,0 @@
-import drawHitmask from "@inglorious/ui/canvas/image/hitmask.js"
-import drawCircle from "@inglorious/ui/canvas/shapes/circle.js"
-import drawRectangle from "@inglorious/ui/canvas/shapes/rectangle.js"
-import { extend } from "@inglorious/utils/data-structures/objects.js"
-
-const Shape = {
-  circle: drawCircle,
-  rectangle: drawRectangle,
-  hitmask: drawHitmask,
-}
-
-export function enableCollisionsDebug() {
-  return (type) =>
-    extend(type, {
-      draw(ctx, instance, options) {
-        type.draw(ctx, instance, options)
-
-        if (!options.instances.game.debug) {
-          return
-        }
-
-        ctx.save()
-
-        Object.values(instance.collisions).forEach((collision) => {
-          const draw = Shape[collision.shape]
-          draw(ctx, { ...collision, color: "#00FF00" }, options)
-        })
-
-        ctx.restore()
-      },
-    })
-}

package/src/game/decorators/double-jump.js

@@ -1,70 +0,0 @@
-import { collidesWith } from "@inglorious/engine/collision/detection.js"
-import { extend, merge } from "@inglorious/utils/data-structures/objects.js"
-import { applyGravity } from "@inglorious/utils/physics/gravity.js"
-import { jump } from "@inglorious/utils/physics/jump.js"
-
-import { enableFsm } from "./fsm.js"
-
-const DEFAULT_PARAMS = {
-  onState: "default",
-  onInput: "input0",
-  maxSpeed: 250,
-  maxJump: 100,
-  maxLeap: 100,
-}
-const FALLING = 0
-
-export function enableDoubleJump(params) {
-  params = extend(DEFAULT_PARAMS, params)
-
-  const freeFall = createFreeFall(params)
-
-  return enableFsm({
-    jumping: {
-      "input:press"(instance, event, options) {
-        instance.onInput = instance.onInput ?? params.onInput
-        instance.maxJump = instance.maxJump ?? params.maxJump
-        instance.maxLeap = instance.maxLeap ?? params.maxLeap
-        instance.maxSpeed = instance.maxSpeed ?? params.maxSpeed
-
-        const { id, action } = event.payload
-        if (id.endsWith(instance.onInput) && action === "jump") {
-          instance.state = "doubleJumping"
-          merge(instance, jump(instance, options))
-        }
-      },
-    },
-
-    doubleJumping: {
-      "game:update"(instance, event, options) {
-        freeFall(instance, event, options)
-      },
-    },
-  })
-}
-
-// TODO: this is a copy-paste of jump.js. Can we reduce duplication?
-function createFreeFall(params) {
-  return (instance, event, options) => {
-    instance.maxLeap = instance.maxLeap ?? params.maxLeap
-
-    merge(instance, applyGravity(instance, options))
-
-    const { instances } = options
-    const targets = Object.values(instances).filter(
-      ({ type }) => type === "platform",
-    )
-
-    targets.forEach((target) => {
-      if (instance.vy < FALLING && collidesWith(instance, target, "platform")) {
-        instance.vy = 0
-        const [x, , z] = instance.position
-        const { radius } = instance.collisions.platform
-        const [, targetY] = target.position
-        const py = targetY + radius
-        instance.position = [x, py, z]
-        instance.state = params.onState
-      }
-    })
-  }
-}

package/src/game/decorators/fps.js

@@ -1,30 +0,0 @@
-import { Animation } from "@inglorious/game/animation.js"
-import draw from "@inglorious/ui/canvas/fps.js"
-import { extend } from "@inglorious/utils/data-structures/objects.js"
-
-const DEFAULT_PARAMS = {
-  accuracy: 1,
-  size: 16,
-  speed: 1,
-  defaultValue: 0.016666666666666666,
-}
-
-export function enableFps(params) {
-  params = extend(DEFAULT_PARAMS, params)
-
-  return {
-    draw,
-
-    "game:start"(instance) {
-      instance.dt = instance.dt ?? params
-    },
-
-    "game:update"(instance, event, options) {
-      Animation.play("dt", "default", instance, { ...options, onTick })
-    },
-  }
-}
-
-function onTick(instance, options) {
-  instance.dt.value = options.dt
-}

package/src/game/decorators/fsm.js

@@ -1,27 +0,0 @@
-import { extend } from "@inglorious/utils/data-structures/objects.js"
-
-const DEFAULT_STATE = "default"
-
-export function enableFsm(states) {
-  return (type) => {
-    const uniqueEventNames = [
-      ...new Set(Object.values(states).flatMap(Object.keys)),
-    ]
-
-    const newType = uniqueEventNames.reduce(
-      (acc, eventName) => ({
-        ...acc,
-
-        [eventName](instance, event, options) {
-          type[eventName]?.(instance, event, options)
-
-          const state = states[instance.state ?? DEFAULT_STATE]
-          state?.[eventName]?.(instance, event, options)
-        },
-      }),
-      {},
-    )
-
-    return extend(type, newType)
-  }
-}

package/src/game/decorators/game.js

@@ -1,11 +0,0 @@
-export function enableGame() {
-  return {
-    "keyboard:keyUp"(instance, event) {
-      const code = event.payload
-
-      if (code === "KeyC") {
-        instance.debug = !instance.debug
-      }
-    },
-  }
-}

package/src/game/decorators/image/image.js

@@ -1,5 +0,0 @@
-import draw from "@inglorious/ui/canvas/image/image.js"
-
-export function enableImage() {
-  return { draw }
-}

package/src/game/decorators/image/sprite.js

@@ -1,5 +0,0 @@
-import draw from "@inglorious/ui/canvas/image/sprite.js"
-
-export function enableSprite() {
-  return { draw }
-}

package/src/game/decorators/image/tilemap.js

@@ -1,5 +0,0 @@
-import draw from "@inglorious/ui/canvas/image/tilemap.js"
-
-export function enableTilemap() {
-  return { draw }
-}

package/src/game/decorators/input/controls.js

@@ -1,27 +0,0 @@
-import { extend } from "@inglorious/utils/data-structures/objects.js"
-
-import { createGamepad, enableGamepad } from "./gamepad.js"
-import { createInput, enableInput } from "./input.js"
-import { createKeyboard, enableKeyboard } from "./keyboard.js"
-
-const DEFAULT_PARAMS = {
-  name: "input0",
-}
-
-export function enableControls(params) {
-  params = extend(DEFAULT_PARAMS, params)
-
-  return {
-    keyboard: [enableKeyboard(params)],
-    gamepad: [enableGamepad(params)],
-    input: [enableInput(params)],
-  }
-}
-
-export function createControls(name = DEFAULT_PARAMS.name, mapping = {}) {
-  return {
-    [`keyboard_${name}`]: createKeyboard(`keyboard_${name}`, mapping),
-    [`gamepad_${name}`]: createGamepad(`gamepad_${name}`, mapping),
-    [name]: createInput(name, mapping),
-  }
-}

package/src/game/decorators/input/gamepad.js

@@ -1,74 +0,0 @@
-const DEFAULT_PARAMS = {
-  name: "gamepad0",
-}
-
-export function enableGamepad() {
-  return {
-    "game:update"(instance, event, { notify }) {
-      navigator.getGamepads().forEach((gamepad) => {
-        if (gamepad == null) {
-          return
-        }
-
-        gamepad.axes.forEach((axis, index) => {
-          notify({
-            id: "gamepad:axis",
-            payload: { id: gamepad.index, axis: `Axis${index}`, value: axis },
-          })
-        })
-
-        gamepad.buttons.forEach((button, index) => {
-          const id = button.pressed ? "gamepad:press" : "gamepad:release"
-          notify({
-            id,
-            payload: { id: gamepad.index, button: `Btn${index}` },
-          })
-        })
-      })
-    },
-
-    "gamepad:axis"(instance, event, { notify }) {
-      const { id, axis, value } = event.payload
-
-      if (instance.id !== `gamepad${id}`) {
-        return
-      }
-
-      const action = instance.mapping[axis]
-      instance[action] = value
-      notify({ id: "input:axis", payload: { id, action, value } })
-    },
-
-    "gamepad:press"(instance, event, { notify }) {
-      const { id, button } = event.payload
-
-      if (instance.id !== `gamepad${id}`) {
-        return
-      }
-
-      const action = instance.mapping[button]
-      if (!instance[action]) {
-        instance[action] = true
-        notify({ id: "input:press", payload: { id, action } })
-      }
-    },
-
-    "gamepad:release"(instance, event, { notify }) {
-      const { id, button } = event.payload
-
-      if (instance.id !== `gamepad${id}`) {
-        return
-      }
-
-      const action = instance.mapping[button]
-      if (instance[action]) {
-        instance[action] = false
-        notify({ id: "input:release", payload: { id, action } })
-      }
-    },
-  }
-}
-
-export function createGamepad(name = DEFAULT_PARAMS.name, mapping = {}) {
-  return { id: name, type: "gamepad", mapping }
-}

package/src/game/decorators/input/input.js

@@ -1,41 +0,0 @@
-const DEFAULT_PARAMS = {
-  name: "input0",
-}
-
-export function enableInput() {
-  return {
-    "input:axis"(instance, event) {
-      const { id, action, value } = event.payload
-
-      if (!id.endsWith(instance.id)) {
-        return
-      }
-
-      instance[action] = value
-    },
-
-    "input:press"(instance, event) {
-      const { id, action } = event.payload
-
-      if (!id.endsWith(instance.id)) {
-        return
-      }
-
-      instance[action] = true
-    },
-
-    "input:release"(instance, event) {
-      const { id, action } = event.payload
-
-      if (!id.endsWith(instance.id)) {
-        return
-      }
-
-      instance[action] = false
-    },
-  }
-}
-
-export function createInput(name = DEFAULT_PARAMS.name, mapping = {}) {
-  return { id: name, type: "input", mapping }
-}

package/src/game/decorators/input/keyboard.js

@@ -1,49 +0,0 @@
-const DEFAULT_PARAMS = {
-  name: "keyboard0",
-}
-
-export function enableKeyboard() {
-  let handleKeyDown, handleKeyUp
-
-  return {
-    "game:start"(instance, event, options) {
-      handleKeyDown = createKeyboardHandler("keyboard:keyDown", options)
-      handleKeyUp = createKeyboardHandler("keyboard:keyUp", options)
-
-      document.addEventListener("keydown", handleKeyDown)
-      document.addEventListener("keyup", handleKeyUp)
-    },
-
-    "game:stop"() {
-      document.removeEventListener("keydown", handleKeyDown)
-      document.removeEventListener("keyup", handleKeyUp)
-    },
-
-    "keyboard:keyDown"(instance, event, { notify }) {
-      const action = instance.mapping[event.payload]
-      if (!instance[action]) {
-        instance[action] = true
-        notify({ id: "input:press", payload: { id: instance.id, action } })
-      }
-    },
-
-    "keyboard:keyUp"(instance, event, { notify }) {
-      const action = instance.mapping[event.payload]
-      if (instance[action]) {
-        instance[action] = false
-        notify({ id: "input:release", payload: { id: instance.id, action } })
-      }
-    },
-  }
-}
-
-export function createKeyboard(name = DEFAULT_PARAMS.name, mapping = {}) {
-  return { id: name, type: "keyboard", mapping }
-}
-
-function createKeyboardHandler(id, { notify }) {
-  return (event) => {
-    event.stopPropagation()
-    notify({ id, payload: event.code })
-  }
-}

package/src/game/decorators/input/mouse.js

@@ -1,65 +0,0 @@
-import { findCollision } from "@inglorious/engine/collision/detection.js"
-import { clampToBounds } from "@inglorious/game/bounds.js"
-import draw from "@inglorious/ui/canvas/mouse.js"
-
-const NO_Y = 0
-
-export function enableMouse() {
-  return {
-    draw,
-
-    "mouse:move"(instance, event, { instances }) {
-      instance.position = event.payload
-
-      clampToBounds(instance, instances.game.bounds)
-    },
-
-    "mouse:click"(instance, event, options) {
-      const { notify } = options
-
-      const clickedInstance = findCollision(instance, options)
-      if (clickedInstance) {
-        notify({ id: "instance:click", payload: clickedInstance.id })
-      } else {
-        notify({ id: "scene:click", payload: event.payload })
-      }
-    },
-  }
-}
-
-export function track(parent, options) {
-  const handleMouseMove = createHandler("mouse:move", parent, options)
-  const handleClick = createHandler("mouse:click", parent, options)
-
-  return { onMouseMove: handleMouseMove, onClick: handleClick }
-}
-
-function createHandler(id, parent, { notify }) {
-  return (event) => {
-    event.stopPropagation()
-
-    if (parent == null) {
-      return
-    }
-
-    const payload = calculatePosition({
-      clientX: event.clientX,
-      clientY: event.clientY,
-      parent,
-    })
-
-    notify({ id, payload })
-  }
-}
-
-function calculatePosition({ clientX, clientY, parent }) {
-  const bounds = parent.getBoundingClientRect()
-
-  const scaleX = (parent.width || parent.clientWidth) / bounds.width
-  const scaleY = (parent.height || parent.clientHeight) / bounds.height
-
-  const x = (clientX - bounds.left) * scaleX
-  const z = (bounds.bottom - clientY) * scaleY
-
-  return [x, NO_Y, z]
-}

package/src/game/decorators/jump.js

@@ -1,72 +0,0 @@
-import { collidesWith } from "@inglorious/engine/collision/detection.js"
-import { extend, merge } from "@inglorious/utils/data-structures/objects.js"
-import { applyGravity } from "@inglorious/utils/physics/gravity.js"
-import { jump } from "@inglorious/utils/physics/jump.js"
-
-import { enableFsm } from "./fsm.js"
-
-const DEFAULT_PARAMS = {
-  onState: "default",
-  onInput: "input0",
-  maxSpeed: 250,
-  maxJump: 100,
-  maxLeap: 100,
-}
-const FALLING = 0
-
-export function enableJump(params) {
-  params = extend(DEFAULT_PARAMS, params)
-
-  const freeFall = createFreeFall(params)
-
-  return enableFsm({
-    [params.onState]: {
-      "game:update"(instance, event, options) {
-        freeFall(instance, event, options)
-      },
-
-      "input:press"(instance, event, options) {
-        instance.onInput = instance.onInput ?? params.onInput
-        instance.maxJump = instance.maxJump ?? params.maxJump
-        instance.maxLeap = instance.maxLeap ?? params.maxLeap
-        instance.maxSpeed = instance.maxSpeed ?? params.maxSpeed
-
-        const { id, action } = event.payload
-        if (id.endsWith(instance.onInput) && action === "jump") {
-          instance.state = "jumping"
-          merge(instance, jump(instance, options))
-        }
-      },
-    },
-
-    jumping: {
-      "game:update"(instance, event, options) {
-        freeFall(instance, event, options)
-      },
-    },
-  })
-}
-
-function createFreeFall(params) {
-  return (instance, event, options) => {
-    instance.maxLeap = instance.maxLeap ?? params.maxLeap
-
-    merge(instance, applyGravity(instance, options))
-
-    const targets = Object.values(options.instances).filter(
-      ({ type }) => type === "platform",
-    )
-
-    targets.forEach((target) => {
-      if (instance.vy < FALLING && collidesWith(instance, target, "platform")) {
-        instance.vy = 0
-        const [x, , z] = instance.position
-        const { radius } = instance.collisions.platform
-        const [, targetY] = target.position
-        const py = targetY + radius
-        instance.position = [x, py, z]
-        instance.state = params.onState
-      }
-    })
-  }
-}

package/src/game/decorators/platform.js

@@ -1,5 +0,0 @@
-import draw from "@inglorious/ui/canvas/shapes/rectangle.js"
-
-export function enablePlatform() {
-  return { draw }
-}

package/src/game/decorators/ui/button.js

@@ -1,21 +0,0 @@
-import draw from "@inglorious/ui/canvas/form/button.js"
-
-export function enableButton() {
-  return {
-    draw,
-
-    states: {
-      default: {
-        "instance:click"(instance) {
-          instance.state = "pressed"
-        },
-      },
-
-      pressed: {
-        "instance:release"(instance) {
-          instance.state = "default"
-        },
-      },
-    },
-  }
-}