@inglorious/engine 0.2.0 → 0.4.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (169) hide show
  1. package/README.md +76 -75
  2. package/package.json +14 -25
  3. package/src/{engine/ai → ai}/movement/dynamic/align.js +63 -63
  4. package/src/{engine/ai → ai}/movement/dynamic/arrive.js +42 -42
  5. package/src/{engine/ai → ai}/movement/dynamic/evade.js +38 -38
  6. package/src/{engine/ai → ai}/movement/dynamic/face.js +19 -19
  7. package/src/{engine/ai → ai}/movement/dynamic/flee.js +45 -45
  8. package/src/{engine/ai → ai}/movement/dynamic/look-where-youre-going.js +16 -16
  9. package/src/{engine/ai → ai}/movement/dynamic/match-velocity.js +51 -51
  10. package/src/{engine/ai → ai}/movement/dynamic/pursue.js +38 -38
  11. package/src/{engine/ai → ai}/movement/dynamic/seek.js +44 -44
  12. package/src/{engine/ai → ai}/movement/dynamic/wander.js +31 -31
  13. package/src/{engine/ai → ai}/movement/kinematic/align.js +37 -37
  14. package/src/{engine/ai → ai}/movement/kinematic/arrive.js +42 -42
  15. package/src/{engine/ai → ai}/movement/kinematic/face.js +19 -19
  16. package/src/{engine/ai → ai}/movement/kinematic/flee.js +26 -26
  17. package/src/{engine/ai → ai}/movement/kinematic/seek.js +26 -26
  18. package/src/{engine/ai → ai}/movement/kinematic/seek.test.js +42 -42
  19. package/src/{engine/ai → ai}/movement/kinematic/wander-as-seek.js +31 -31
  20. package/src/{engine/ai → ai}/movement/kinematic/wander.js +27 -27
  21. package/src/{engine/animation → animation}/sprite.js +101 -101
  22. package/src/{engine/animation → animation}/ticker.js +38 -38
  23. package/src/{engine/behaviors → behaviors}/camera.js +68 -68
  24. package/src/{engine/behaviors → behaviors}/controls/dynamic/modern.js +76 -76
  25. package/src/{engine/behaviors → behaviors}/controls/dynamic/shooter.js +84 -84
  26. package/src/{engine/behaviors → behaviors}/controls/dynamic/tank.js +69 -69
  27. package/src/{engine/behaviors → behaviors}/controls/event-handlers.js +17 -17
  28. package/src/{engine/behaviors → behaviors}/controls/kinematic/modern.js +76 -76
  29. package/src/{engine/behaviors → behaviors}/controls/kinematic/shooter.js +82 -82
  30. package/src/{engine/behaviors → behaviors}/controls/kinematic/tank.js +67 -67
  31. package/src/behaviors/debug/collision.js +29 -0
  32. package/src/{engine/behaviors → behaviors}/fps.js +29 -29
  33. package/src/{engine/behaviors → behaviors}/fsm.js +33 -33
  34. package/src/{engine/behaviors → behaviors}/fsm.test.js +49 -49
  35. package/src/{engine/behaviors → behaviors}/game.js +15 -15
  36. package/src/{engine/behaviors → behaviors}/input/controls.js +37 -37
  37. package/src/{engine/behaviors → behaviors}/input/gamepad.js +114 -114
  38. package/src/{engine/behaviors → behaviors}/input/input.js +48 -48
  39. package/src/{engine/behaviors → behaviors}/input/keyboard.js +64 -64
  40. package/src/{engine/behaviors → behaviors}/input/mouse.js +91 -91
  41. package/src/{engine/behaviors → behaviors}/physics/bouncy.js +25 -25
  42. package/src/{engine/behaviors → behaviors}/physics/clamped.js +36 -36
  43. package/src/{engine/behaviors → behaviors}/physics/collidable.js +20 -20
  44. package/src/{engine/behaviors → behaviors}/physics/jumpable.js +145 -145
  45. package/src/{engine/behaviors → behaviors}/ui/button.js +17 -17
  46. package/src/{engine/collision → collision}/detection.js +110 -110
  47. package/src/{engine/core → core}/dev-tools.js +135 -135
  48. package/src/{engine/core → core}/engine.js +119 -119
  49. package/src/{engine/core → core}/loop.js +15 -15
  50. package/src/{engine/core → core}/loops/animation-frame.js +25 -25
  51. package/src/{engine/core → core}/loops/elapsed.js +22 -22
  52. package/src/{engine/core → core}/loops/fixed.js +27 -27
  53. package/src/{engine/core → core}/loops/flash.js +13 -13
  54. package/src/{engine/core → core}/loops/lag.js +26 -26
  55. package/src/main.js +10 -10
  56. package/src/{engine/movement → movement}/dynamic/modern.js +21 -21
  57. package/src/{engine/movement → movement}/dynamic/tank.js +43 -43
  58. package/src/{engine/movement → movement}/kinematic/modern.js +16 -16
  59. package/src/{engine/movement → movement}/kinematic/modern.test.js +27 -27
  60. package/src/{engine/movement → movement}/kinematic/tank.js +27 -27
  61. package/src/{engine/physics → physics}/bounds.js +138 -138
  62. package/src/{engine/physics → physics}/position.js +43 -43
  63. package/src/{engine/physics → physics}/position.test.js +80 -80
  64. package/src/{engine/systems → systems}/sprite-animation.js +27 -27
  65. package/src/engine/behaviors/debug/collision.js +0 -35
  66. package/src/engine/core/api.js +0 -34
  67. package/src/engine/core/select.js +0 -26
  68. package/src/engine/core/store.js +0 -178
  69. package/src/engine/core/store.test.js +0 -110
  70. package/src/renderers/canvas/absolute-position.js +0 -18
  71. package/src/renderers/canvas/camera.js +0 -13
  72. package/src/renderers/canvas/canvas-renderer.js +0 -68
  73. package/src/renderers/canvas/character.js +0 -38
  74. package/src/renderers/canvas/form/button.js +0 -25
  75. package/src/renderers/canvas/fps.js +0 -18
  76. package/src/renderers/canvas/image/hitmask.js +0 -51
  77. package/src/renderers/canvas/image/image.js +0 -34
  78. package/src/renderers/canvas/image/sprite.js +0 -49
  79. package/src/renderers/canvas/image/tilemap.js +0 -66
  80. package/src/renderers/canvas/mouse.js +0 -37
  81. package/src/renderers/canvas/rendering-system.js +0 -79
  82. package/src/renderers/canvas/shapes/circle.js +0 -29
  83. package/src/renderers/canvas/shapes/rectangle.js +0 -27
  84. package/src/renderers/react/game/character/character.module.scss +0 -17
  85. package/src/renderers/react/game/character/index.jsx +0 -20
  86. package/src/renderers/react/game/cursor/cursor.module.scss +0 -47
  87. package/src/renderers/react/game/cursor/index.jsx +0 -20
  88. package/src/renderers/react/game/form/fields/field/field.module.scss +0 -5
  89. package/src/renderers/react/game/form/fields/field/index.jsx +0 -56
  90. package/src/renderers/react/game/form/fields/fields.module.scss +0 -48
  91. package/src/renderers/react/game/form/fields/index.jsx +0 -12
  92. package/src/renderers/react/game/form/form.module.scss +0 -18
  93. package/src/renderers/react/game/form/index.jsx +0 -22
  94. package/src/renderers/react/game/fps/index.jsx +0 -16
  95. package/src/renderers/react/game/game.jsx +0 -72
  96. package/src/renderers/react/game/index.jsx +0 -29
  97. package/src/renderers/react/game/platform/index.jsx +0 -30
  98. package/src/renderers/react/game/platform/platform.module.scss +0 -7
  99. package/src/renderers/react/game/scene/index.jsx +0 -27
  100. package/src/renderers/react/game/scene/scene.module.scss +0 -9
  101. package/src/renderers/react/game/sprite/index.jsx +0 -60
  102. package/src/renderers/react/game/sprite/sprite.module.css +0 -3
  103. package/src/renderers/react/game/stats/index.jsx +0 -22
  104. package/src/renderers/react/hocs/with-absolute-position/index.jsx +0 -20
  105. package/src/renderers/react/hocs/with-absolute-position/with-absolute-position.module.scss +0 -5
  106. package/src/renderers/react/index.jsx +0 -9
  107. package/src/utils/algorithms/decision-tree.js +0 -24
  108. package/src/utils/algorithms/decision-tree.test.js +0 -153
  109. package/src/utils/algorithms/path-finding.js +0 -155
  110. package/src/utils/algorithms/path-finding.test.js +0 -151
  111. package/src/utils/algorithms/types.d.ts +0 -28
  112. package/src/utils/data-structures/array.js +0 -83
  113. package/src/utils/data-structures/array.test.js +0 -173
  114. package/src/utils/data-structures/board.js +0 -159
  115. package/src/utils/data-structures/board.test.js +0 -242
  116. package/src/utils/data-structures/boolean.js +0 -9
  117. package/src/utils/data-structures/heap.js +0 -164
  118. package/src/utils/data-structures/heap.test.js +0 -103
  119. package/src/utils/data-structures/object.js +0 -138
  120. package/src/utils/data-structures/object.test.js +0 -218
  121. package/src/utils/data-structures/objects.js +0 -66
  122. package/src/utils/data-structures/objects.test.js +0 -99
  123. package/src/utils/data-structures/tree.js +0 -36
  124. package/src/utils/data-structures/tree.test.js +0 -33
  125. package/src/utils/data-structures/types.d.ts +0 -4
  126. package/src/utils/functions/functions.js +0 -19
  127. package/src/utils/functions/functions.test.js +0 -23
  128. package/src/utils/math/geometry/circle.js +0 -70
  129. package/src/utils/math/geometry/circle.test.js +0 -97
  130. package/src/utils/math/geometry/hitmask.js +0 -70
  131. package/src/utils/math/geometry/hitmask.test.js +0 -155
  132. package/src/utils/math/geometry/line.js +0 -35
  133. package/src/utils/math/geometry/line.test.js +0 -49
  134. package/src/utils/math/geometry/point.js +0 -78
  135. package/src/utils/math/geometry/point.test.js +0 -81
  136. package/src/utils/math/geometry/rectangle.js +0 -76
  137. package/src/utils/math/geometry/rectangle.test.js +0 -42
  138. package/src/utils/math/geometry/segment.js +0 -80
  139. package/src/utils/math/geometry/segment.test.js +0 -183
  140. package/src/utils/math/geometry/triangle.js +0 -15
  141. package/src/utils/math/geometry/triangle.test.js +0 -11
  142. package/src/utils/math/geometry/types.d.ts +0 -23
  143. package/src/utils/math/linear-algebra/2d.js +0 -28
  144. package/src/utils/math/linear-algebra/2d.test.js +0 -17
  145. package/src/utils/math/linear-algebra/quaternion.js +0 -22
  146. package/src/utils/math/linear-algebra/quaternion.test.js +0 -25
  147. package/src/utils/math/linear-algebra/quaternions.js +0 -20
  148. package/src/utils/math/linear-algebra/quaternions.test.js +0 -29
  149. package/src/utils/math/linear-algebra/types.d.ts +0 -4
  150. package/src/utils/math/linear-algebra/vector.js +0 -327
  151. package/src/utils/math/linear-algebra/vector.test.js +0 -265
  152. package/src/utils/math/linear-algebra/vectors.js +0 -122
  153. package/src/utils/math/linear-algebra/vectors.test.js +0 -65
  154. package/src/utils/math/linear-interpolation.js +0 -9
  155. package/src/utils/math/numbers.js +0 -90
  156. package/src/utils/math/numbers.test.js +0 -137
  157. package/src/utils/math/rng.js +0 -44
  158. package/src/utils/math/rng.test.js +0 -39
  159. package/src/utils/math/statistics.js +0 -43
  160. package/src/utils/math/statistics.test.js +0 -47
  161. package/src/utils/math/trigonometry.js +0 -89
  162. package/src/utils/math/trigonometry.test.js +0 -52
  163. package/src/utils/physics/acceleration.js +0 -61
  164. package/src/utils/physics/friction.js +0 -28
  165. package/src/utils/physics/friction.test.js +0 -42
  166. package/src/utils/physics/gravity.js +0 -69
  167. package/src/utils/physics/gravity.test.js +0 -77
  168. package/src/utils/physics/jump.js +0 -31
  169. package/src/utils/physics/velocity.js +0 -36
@@ -1,26 +1,26 @@
1
- import {
2
- angle,
3
- magnitude,
4
- multiply,
5
- setMagnitude,
6
- } from "@inglorious/utils/math/linear-algebra/vector.js"
7
- import { subtract, sum } from "@inglorious/utils/math/linear-algebra/vectors.js"
8
-
9
- const DEFAULT_MAX_SPEED = 0
10
-
11
- export function flee(entity, target, dt) {
12
- const maxSpeed = entity.maxSpeed ?? DEFAULT_MAX_SPEED
13
-
14
- const direction = subtract(entity.position, target.position)
15
- const distance = magnitude(direction)
16
-
17
- if (!distance) {
18
- return entity
19
- }
20
-
21
- const velocity = setMagnitude(direction, maxSpeed)
22
- const position = sum(entity.position, multiply(velocity, dt))
23
- const orientation = angle(velocity)
24
-
25
- return { velocity, position, orientation }
26
- }
1
+ import {
2
+ angle,
3
+ magnitude,
4
+ multiply,
5
+ setMagnitude,
6
+ } from "@inglorious/utils/math/linear-algebra/vector.js"
7
+ import { subtract, sum } from "@inglorious/utils/math/linear-algebra/vectors.js"
8
+
9
+ const DEFAULT_MAX_SPEED = 0
10
+
11
+ export function flee(entity, target, dt) {
12
+ const maxSpeed = entity.maxSpeed ?? DEFAULT_MAX_SPEED
13
+
14
+ const direction = subtract(entity.position, target.position)
15
+ const distance = magnitude(direction)
16
+
17
+ if (!distance) {
18
+ return entity
19
+ }
20
+
21
+ const velocity = setMagnitude(direction, maxSpeed)
22
+ const position = sum(entity.position, multiply(velocity, dt))
23
+ const orientation = angle(velocity)
24
+
25
+ return { velocity, position, orientation }
26
+ }
@@ -1,26 +1,26 @@
1
- import {
2
- angle,
3
- magnitude,
4
- multiply,
5
- setMagnitude,
6
- } from "@inglorious/utils/math/linear-algebra/vector.js"
7
- import { subtract, sum } from "@inglorious/utils/math/linear-algebra/vectors.js"
8
-
9
- const DEFAULT_MAX_SPEED = 0
10
-
11
- export function seek(entity, target, dt) {
12
- const maxSpeed = entity.maxSpeed ?? DEFAULT_MAX_SPEED
13
-
14
- const direction = subtract(target.position, entity.position)
15
- const distance = magnitude(direction)
16
-
17
- if (!distance) {
18
- return entity
19
- }
20
-
21
- const velocity = setMagnitude(direction, maxSpeed)
22
- const position = sum(entity.position, multiply(velocity, dt))
23
- const orientation = angle(velocity)
24
-
25
- return { velocity, position, orientation }
26
- }
1
+ import {
2
+ angle,
3
+ magnitude,
4
+ multiply,
5
+ setMagnitude,
6
+ } from "@inglorious/utils/math/linear-algebra/vector.js"
7
+ import { subtract, sum } from "@inglorious/utils/math/linear-algebra/vectors.js"
8
+
9
+ const DEFAULT_MAX_SPEED = 0
10
+
11
+ export function seek(entity, target, dt) {
12
+ const maxSpeed = entity.maxSpeed ?? DEFAULT_MAX_SPEED
13
+
14
+ const direction = subtract(target.position, entity.position)
15
+ const distance = magnitude(direction)
16
+
17
+ if (!distance) {
18
+ return entity
19
+ }
20
+
21
+ const velocity = setMagnitude(direction, maxSpeed)
22
+ const position = sum(entity.position, multiply(velocity, dt))
23
+ const orientation = angle(velocity)
24
+
25
+ return { velocity, position, orientation }
26
+ }
@@ -1,42 +1,42 @@
1
- import { expect, test } from "vitest"
2
-
3
- import { seek } from "./seek.js"
4
-
5
- test("it should move toward the target", () => {
6
- const entity = { maxSpeed: 1, position: [0, 0, 0] }
7
- const target = { position: [2, 0, 0] }
8
- const dt = 1
9
- const expectedResult = {
10
- position: [1, 0, 0],
11
- velocity: [1, 0, 0],
12
- orientation: 0,
13
- }
14
-
15
- expect(seek(entity, target, dt)).toStrictEqual(expectedResult)
16
- })
17
-
18
- test("it should eventually reach the target", () => {
19
- const entity = { maxSpeed: 1, position: [0, 0, 0] }
20
- const target = { position: [2, 0, 0] }
21
- const dt = 2
22
- const expectedResult = {
23
- position: [2, 0, 0],
24
- velocity: [1, 0, 0],
25
- orientation: 0,
26
- }
27
-
28
- expect(seek(entity, target, dt)).toStrictEqual(expectedResult)
29
- })
30
-
31
- test("it should overshoot when speed is too high", () => {
32
- const entity = { maxSpeed: 10, position: [0, 0, 0] }
33
- const target = { position: [2, 0, 0] }
34
- const dt = 1
35
- const expectedResult = {
36
- position: [10, 0, 0],
37
- velocity: [10, 0, 0],
38
- orientation: 0,
39
- }
40
-
41
- expect(seek(entity, target, dt)).toStrictEqual(expectedResult)
42
- })
1
+ import { expect, test } from "vitest"
2
+
3
+ import { seek } from "./seek.js"
4
+
5
+ test("it should move toward the target", () => {
6
+ const entity = { maxSpeed: 1, position: [0, 0, 0] }
7
+ const target = { position: [2, 0, 0] }
8
+ const dt = 1
9
+ const expectedResult = {
10
+ position: [1, 0, 0],
11
+ velocity: [1, 0, 0],
12
+ orientation: 0,
13
+ }
14
+
15
+ expect(seek(entity, target, dt)).toStrictEqual(expectedResult)
16
+ })
17
+
18
+ test("it should eventually reach the target", () => {
19
+ const entity = { maxSpeed: 1, position: [0, 0, 0] }
20
+ const target = { position: [2, 0, 0] }
21
+ const dt = 2
22
+ const expectedResult = {
23
+ position: [2, 0, 0],
24
+ velocity: [1, 0, 0],
25
+ orientation: 0,
26
+ }
27
+
28
+ expect(seek(entity, target, dt)).toStrictEqual(expectedResult)
29
+ })
30
+
31
+ test("it should overshoot when speed is too high", () => {
32
+ const entity = { maxSpeed: 10, position: [0, 0, 0] }
33
+ const target = { position: [2, 0, 0] }
34
+ const dt = 1
35
+ const expectedResult = {
36
+ position: [10, 0, 0],
37
+ velocity: [10, 0, 0],
38
+ orientation: 0,
39
+ }
40
+
41
+ expect(seek(entity, target, dt)).toStrictEqual(expectedResult)
42
+ })
@@ -1,31 +1,31 @@
1
- import { seek } from "@inglorious/engine/ai/movement/kinematic/seek.js"
2
- import {
3
- fromAngle,
4
- multiply,
5
- } from "@inglorious/utils/math/linear-algebra/vector.js"
6
- import { sum } from "@inglorious/utils/math/linear-algebra/vectors.js"
7
- import { randomBinomial } from "@inglorious/utils/math/rng.js"
8
-
9
- export const DEFAULT_WANDER_RADIUS = 10
10
-
11
- const DEFAULT_MAX_ANGULAR_SPEED = 0
12
-
13
- const DEFAULT_ORIENTATION = 0
14
-
15
- export function wanderAsSeek(
16
- entity,
17
- dt,
18
- { wanderRadius = DEFAULT_WANDER_RADIUS } = {},
19
- ) {
20
- const maxAngularSpeed = entity.maxAngularSpeed ?? DEFAULT_MAX_ANGULAR_SPEED
21
-
22
- let orientation = entity.orientation ?? DEFAULT_ORIENTATION
23
- orientation += randomBinomial() * maxAngularSpeed
24
-
25
- const position = sum(
26
- entity.position,
27
- multiply(fromAngle(orientation), wanderRadius),
28
- )
29
-
30
- return seek(entity, { position }, dt)
31
- }
1
+ import { seek } from "@inglorious/engine/ai/movement/kinematic/seek.js"
2
+ import {
3
+ fromAngle,
4
+ multiply,
5
+ } from "@inglorious/utils/math/linear-algebra/vector.js"
6
+ import { sum } from "@inglorious/utils/math/linear-algebra/vectors.js"
7
+ import { randomBinomial } from "@inglorious/utils/math/rng.js"
8
+
9
+ export const DEFAULT_WANDER_RADIUS = 10
10
+
11
+ const DEFAULT_MAX_ANGULAR_SPEED = 0
12
+
13
+ const DEFAULT_ORIENTATION = 0
14
+
15
+ export function wanderAsSeek(
16
+ entity,
17
+ dt,
18
+ { wanderRadius = DEFAULT_WANDER_RADIUS } = {},
19
+ ) {
20
+ const maxAngularSpeed = entity.maxAngularSpeed ?? DEFAULT_MAX_ANGULAR_SPEED
21
+
22
+ let orientation = entity.orientation ?? DEFAULT_ORIENTATION
23
+ orientation += randomBinomial() * maxAngularSpeed
24
+
25
+ const position = sum(
26
+ entity.position,
27
+ multiply(fromAngle(orientation), wanderRadius),
28
+ )
29
+
30
+ return seek(entity, { position }, dt)
31
+ }
@@ -1,27 +1,27 @@
1
- import {
2
- angle,
3
- createVector,
4
- multiply,
5
- } from "@inglorious/utils/math/linear-algebra/vector.js"
6
- import { sum } from "@inglorious/utils/math/linear-algebra/vectors.js"
7
- import { randomBinomial } from "@inglorious/utils/math/rng.js"
8
-
9
- const DEFAULT_MAX_SPEED = 0
10
- const DEFAULT_MAX_ANGULAR_SPEED = 0
11
-
12
- const DEFAULT_ORIENTATION = 0
13
-
14
- export function wander(entity, dt) {
15
- const maxSpeed = entity.maxSpeed ?? DEFAULT_MAX_SPEED
16
- const maxAngularSpeed = entity.maxAngularSpeed ?? DEFAULT_MAX_ANGULAR_SPEED
17
-
18
- let orientation = entity.orientation ?? DEFAULT_ORIENTATION
19
- orientation += randomBinomial() * maxAngularSpeed
20
-
21
- const velocity = createVector(maxSpeed, orientation)
22
-
23
- const position = sum(entity.position, multiply(velocity, dt))
24
- orientation = angle(velocity)
25
-
26
- return { velocity, position, orientation }
27
- }
1
+ import {
2
+ angle,
3
+ createVector,
4
+ multiply,
5
+ } from "@inglorious/utils/math/linear-algebra/vector.js"
6
+ import { sum } from "@inglorious/utils/math/linear-algebra/vectors.js"
7
+ import { randomBinomial } from "@inglorious/utils/math/rng.js"
8
+
9
+ const DEFAULT_MAX_SPEED = 0
10
+ const DEFAULT_MAX_ANGULAR_SPEED = 0
11
+
12
+ const DEFAULT_ORIENTATION = 0
13
+
14
+ export function wander(entity, dt) {
15
+ const maxSpeed = entity.maxSpeed ?? DEFAULT_MAX_SPEED
16
+ const maxAngularSpeed = entity.maxAngularSpeed ?? DEFAULT_MAX_ANGULAR_SPEED
17
+
18
+ let orientation = entity.orientation ?? DEFAULT_ORIENTATION
19
+ orientation += randomBinomial() * maxAngularSpeed
20
+
21
+ const velocity = createVector(maxSpeed, orientation)
22
+
23
+ const position = sum(entity.position, multiply(velocity, dt))
24
+ orientation = angle(velocity)
25
+
26
+ return { velocity, position, orientation }
27
+ }
@@ -1,101 +1,101 @@
1
- /* eslint-disable no-magic-numbers */
2
- import { Ticker } from "@inglorious/engine/animation/ticker.js"
3
- import { mod } from "@inglorious/utils/math/numbers.js"
4
- import { pi, toRange } from "@inglorious/utils/math/trigonometry.js"
5
-
6
- export const Sprite = {
7
- fromAngle,
8
- move2,
9
- move4,
10
- move6,
11
- move8,
12
- play,
13
- }
14
-
15
- function move2(entity) {
16
- return fromAngle(entity, ["right", "left"]) ?? "right"
17
- }
18
-
19
- function move4(entity) {
20
- return fromAngle(entity, ["right", "up", "left", "down"]) ?? "down"
21
- }
22
-
23
- function move6(entity) {
24
- return (
25
- fromAngle(entity, [
26
- "right",
27
- "rightUp",
28
- "leftUp",
29
- "left",
30
- "leftDown",
31
- "rightDown",
32
- ]) ?? "down"
33
- )
34
- }
35
-
36
- function move8(entity) {
37
- return (
38
- fromAngle(entity, [
39
- "right",
40
- "rightUp",
41
- "up",
42
- "leftUp",
43
- "left",
44
- "leftDown",
45
- "down",
46
- "rightDown",
47
- ]) ?? "down"
48
- )
49
- }
50
-
51
- function play(animation, { entity, dt, notify }) {
52
- const missing = [
53
- animation == null && "'animation'",
54
- entity == null && "'entity'",
55
- dt == null && "'dt'",
56
- notify == null && "'notify'",
57
- ]
58
- .filter(Boolean)
59
- .join(", ")
60
- if (missing.length) {
61
- throw new Error(`Sprite.play is missing mandatory parameters: ${missing}`)
62
- }
63
-
64
- Ticker.tick({
65
- target: entity.sprite,
66
- state: animation,
67
- dt,
68
- onTick: (sprite) => {
69
- const { frames, state: animation } = sprite
70
- const framesLength = frames[animation].length
71
- sprite.value = mod(sprite.value + 1, framesLength)
72
- if (sprite.value === framesLength - 1) {
73
- notify("spriteAnimationEnd", { entityId: entity.id, animation })
74
- }
75
- },
76
- })
77
- }
78
-
79
- /**
80
- * Determines a sprite state from an orientation angle, based on a list of states.
81
- * The states are assumed to be ordered starting from the right (0 radians) and
82
- * proceeding counter-clockwise.
83
- *
84
- * @param {object} entity - The entity with an orientation.
85
- * @param {string[]} states - An array of state names corresponding to directions.
86
- * @returns {string} The calculated state name.
87
- */
88
- function fromAngle(entity, states) {
89
- const directions = states.length
90
- const slice = (2 * pi()) / directions
91
-
92
- // Normalize orientation to [0, 2*PI)
93
- const normalizedOrientation = mod(toRange(entity.orientation), 2 * pi())
94
-
95
- // Shift by half a slice so that 0 rad is in the middle of the first slice, then find the index
96
- const index = Math.floor(
97
- mod(normalizedOrientation + slice / 2, 2 * pi()) / slice,
98
- )
99
-
100
- return states[index] ?? entity.sprite.state
101
- }
1
+ /* eslint-disable no-magic-numbers */
2
+ import { Ticker } from "@inglorious/engine/animation/ticker.js"
3
+ import { mod } from "@inglorious/utils/math/numbers.js"
4
+ import { pi, toRange } from "@inglorious/utils/math/trigonometry.js"
5
+
6
+ export const Sprite = {
7
+ fromAngle,
8
+ move2,
9
+ move4,
10
+ move6,
11
+ move8,
12
+ play,
13
+ }
14
+
15
+ function move2(entity) {
16
+ return fromAngle(entity, ["right", "left"]) ?? "right"
17
+ }
18
+
19
+ function move4(entity) {
20
+ return fromAngle(entity, ["right", "up", "left", "down"]) ?? "down"
21
+ }
22
+
23
+ function move6(entity) {
24
+ return (
25
+ fromAngle(entity, [
26
+ "right",
27
+ "rightUp",
28
+ "leftUp",
29
+ "left",
30
+ "leftDown",
31
+ "rightDown",
32
+ ]) ?? "down"
33
+ )
34
+ }
35
+
36
+ function move8(entity) {
37
+ return (
38
+ fromAngle(entity, [
39
+ "right",
40
+ "rightUp",
41
+ "up",
42
+ "leftUp",
43
+ "left",
44
+ "leftDown",
45
+ "down",
46
+ "rightDown",
47
+ ]) ?? "down"
48
+ )
49
+ }
50
+
51
+ function play(animation, { entity, dt, notify }) {
52
+ const missing = [
53
+ animation == null && "'animation'",
54
+ entity == null && "'entity'",
55
+ dt == null && "'dt'",
56
+ notify == null && "'notify'",
57
+ ]
58
+ .filter(Boolean)
59
+ .join(", ")
60
+ if (missing.length) {
61
+ throw new Error(`Sprite.play is missing mandatory parameters: ${missing}`)
62
+ }
63
+
64
+ Ticker.tick({
65
+ target: entity.sprite,
66
+ state: animation,
67
+ dt,
68
+ onTick: (sprite) => {
69
+ const { frames, state: animation } = sprite
70
+ const framesLength = frames[animation].length
71
+ sprite.value = mod(sprite.value + 1, framesLength)
72
+ if (sprite.value === framesLength - 1) {
73
+ notify("spriteAnimationEnd", { entityId: entity.id, animation })
74
+ }
75
+ },
76
+ })
77
+ }
78
+
79
+ /**
80
+ * Determines a sprite state from an orientation angle, based on a list of states.
81
+ * The states are assumed to be ordered starting from the right (0 radians) and
82
+ * proceeding counter-clockwise.
83
+ *
84
+ * @param {object} entity - The entity with an orientation.
85
+ * @param {string[]} states - An array of state names corresponding to directions.
86
+ * @returns {string} The calculated state name.
87
+ */
88
+ function fromAngle(entity, states) {
89
+ const directions = states.length
90
+ const slice = (2 * pi()) / directions
91
+
92
+ // Normalize orientation to [0, 2*PI)
93
+ const normalizedOrientation = mod(toRange(entity.orientation), 2 * pi())
94
+
95
+ // Shift by half a slice so that 0 rad is in the middle of the first slice, then find the index
96
+ const index = Math.floor(
97
+ mod(normalizedOrientation + slice / 2, 2 * pi()) / slice,
98
+ )
99
+
100
+ return states[index] ?? entity.sprite.state
101
+ }
@@ -1,38 +1,38 @@
1
- const DEFAULT_STATE = "default"
2
- const DEFAULT_VALUE = 0
3
- const COUNTER_RESET = 0
4
-
5
- export const Ticker = { tick }
6
-
7
- function tick({ target, state = DEFAULT_STATE, dt, onTick, ...options }) {
8
- const missing = [target == null && "'target'", dt == null && "'dt'"]
9
- .filter(Boolean)
10
- .join(", ")
11
- if (missing.length) {
12
- throw new Error(`Ticker.tick is missing mandatory parameters: ${missing}`)
13
- }
14
-
15
- const { speed, defaultValue = DEFAULT_VALUE } = target
16
-
17
- // The `state` property on a sprite is used to declare the desired animation.
18
- // The Ticker needs its own internal property to track the *current* animation
19
- // to detect when it changes. We'll use `target.animation`.
20
- if (state !== target.animation) {
21
- target.animation = state
22
- target.counter = COUNTER_RESET
23
- target.value = defaultValue
24
- }
25
-
26
- // Always ensure the public `state` property reflects the intended animation for `onTick`.
27
- target.state = state
28
-
29
- // Ensure properties are initialized on the first run for a given target.
30
- target.counter ??= COUNTER_RESET
31
- target.value ??= defaultValue
32
-
33
- target.counter += dt
34
- if (target.counter >= speed) {
35
- target.counter = COUNTER_RESET
36
- onTick?.(target, dt, options)
37
- }
38
- }
1
+ const DEFAULT_STATE = "default"
2
+ const DEFAULT_VALUE = 0
3
+ const COUNTER_RESET = 0
4
+
5
+ export const Ticker = { tick }
6
+
7
+ function tick({ target, state = DEFAULT_STATE, dt, onTick, ...options }) {
8
+ const missing = [target == null && "'target'", dt == null && "'dt'"]
9
+ .filter(Boolean)
10
+ .join(", ")
11
+ if (missing.length) {
12
+ throw new Error(`Ticker.tick is missing mandatory parameters: ${missing}`)
13
+ }
14
+
15
+ const { speed, defaultValue = DEFAULT_VALUE } = target
16
+
17
+ // The `state` property on a sprite is used to declare the desired animation.
18
+ // The Ticker needs its own internal property to track the *current* animation
19
+ // to detect when it changes. We'll use `target.animation`.
20
+ if (state !== target.animation) {
21
+ target.animation = state
22
+ target.counter = COUNTER_RESET
23
+ target.value = defaultValue
24
+ }
25
+
26
+ // Always ensure the public `state` property reflects the intended animation for `onTick`.
27
+ target.state = state
28
+
29
+ // Ensure properties are initialized on the first run for a given target.
30
+ target.counter ??= COUNTER_RESET
31
+ target.value ??= defaultValue
32
+
33
+ target.counter += dt
34
+ if (target.counter >= speed) {
35
+ target.counter = COUNTER_RESET
36
+ onTick?.(target, dt, options)
37
+ }
38
+ }