@inglorious/engine 0.1.0 → 0.2.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.
- package/README.md +39 -36
- package/package.json +20 -33
- package/src/engine/ai/movement/dynamic/align.js +63 -63
- package/src/engine/ai/movement/dynamic/arrive.js +42 -43
- package/src/engine/ai/movement/dynamic/evade.js +38 -38
- package/src/engine/ai/movement/dynamic/face.js +19 -20
- package/src/engine/ai/movement/dynamic/flee.js +45 -45
- package/src/engine/ai/movement/dynamic/look-where-youre-going.js +16 -17
- package/src/engine/ai/movement/dynamic/match-velocity.js +51 -50
- package/src/engine/ai/movement/dynamic/pursue.js +38 -38
- package/src/engine/ai/movement/dynamic/seek.js +44 -44
- package/src/engine/ai/movement/dynamic/wander.js +31 -32
- package/src/engine/ai/movement/kinematic/align.js +37 -37
- package/src/engine/ai/movement/kinematic/arrive.js +42 -42
- package/src/engine/ai/movement/kinematic/face.js +19 -20
- package/src/engine/ai/movement/kinematic/flee.js +26 -26
- package/src/engine/ai/movement/kinematic/seek.js +26 -26
- package/src/engine/ai/movement/kinematic/seek.test.js +42 -42
- package/src/engine/ai/movement/kinematic/wander-as-seek.js +31 -31
- package/src/engine/ai/movement/kinematic/wander.js +27 -27
- package/src/engine/animation/sprite.js +101 -0
- package/src/engine/animation/ticker.js +38 -0
- package/src/engine/behaviors/camera.js +68 -0
- package/src/engine/behaviors/controls/dynamic/modern.js +76 -0
- package/src/engine/behaviors/controls/dynamic/shooter.js +84 -0
- package/src/engine/behaviors/controls/dynamic/tank.js +69 -0
- package/src/engine/behaviors/controls/event-handlers.js +17 -0
- package/src/engine/behaviors/controls/kinematic/modern.js +76 -0
- package/src/engine/behaviors/controls/kinematic/shooter.js +82 -0
- package/src/engine/behaviors/controls/kinematic/tank.js +67 -0
- package/src/engine/behaviors/debug/collision.js +35 -0
- package/src/engine/behaviors/fps.js +29 -0
- package/src/engine/behaviors/fsm.js +33 -0
- package/src/{game/decorators → engine/behaviors}/fsm.test.js +49 -56
- package/src/engine/behaviors/game.js +15 -0
- package/src/engine/behaviors/input/controls.js +37 -0
- package/src/engine/behaviors/input/gamepad.js +114 -0
- package/src/engine/behaviors/input/input.js +48 -0
- package/src/engine/behaviors/input/keyboard.js +64 -0
- package/src/engine/behaviors/input/mouse.js +91 -0
- package/src/engine/behaviors/physics/bouncy.js +25 -0
- package/src/engine/behaviors/physics/clamped.js +36 -0
- package/src/{game/decorators/collisions.js → engine/behaviors/physics/collidable.js} +20 -24
- package/src/engine/behaviors/physics/jumpable.js +145 -0
- package/src/engine/behaviors/ui/button.js +17 -0
- package/src/engine/collision/detection.js +110 -115
- package/src/engine/core/api.js +34 -0
- package/src/engine/core/dev-tools.js +135 -0
- package/src/engine/core/engine.js +119 -0
- package/src/engine/core/loop.js +15 -0
- package/src/engine/{loop → core/loops}/animation-frame.js +25 -26
- package/src/engine/{loop → core/loops}/elapsed.js +22 -23
- package/src/engine/{loop → core/loops}/fixed.js +27 -28
- package/src/engine/{loop → core/loops}/flash.js +13 -14
- package/src/engine/{loop → core/loops}/lag.js +26 -27
- package/src/engine/core/select.js +26 -0
- package/src/engine/core/store.js +178 -0
- package/src/engine/core/store.test.js +110 -0
- package/src/engine/movement/dynamic/modern.js +21 -24
- package/src/engine/movement/dynamic/tank.js +43 -43
- package/src/engine/movement/kinematic/modern.js +16 -16
- package/src/engine/movement/kinematic/modern.test.js +27 -27
- package/src/engine/movement/kinematic/tank.js +27 -27
- package/src/engine/physics/bounds.js +138 -0
- package/src/engine/physics/position.js +43 -0
- package/src/engine/physics/position.test.js +80 -0
- package/src/engine/systems/sprite-animation.js +27 -0
- package/src/main.js +10 -5
- package/src/renderers/canvas/absolute-position.js +18 -0
- package/src/renderers/canvas/camera.js +13 -0
- package/src/renderers/canvas/canvas-renderer.js +68 -0
- package/src/{ui → renderers}/canvas/character.js +38 -35
- package/src/{ui → renderers}/canvas/form/button.js +25 -25
- package/src/{ui → renderers}/canvas/fps.js +18 -18
- package/src/renderers/canvas/image/hitmask.js +51 -0
- package/src/{ui → renderers}/canvas/image/image.js +34 -37
- package/src/{ui → renderers}/canvas/image/sprite.js +49 -49
- package/src/{ui → renderers}/canvas/image/tilemap.js +66 -64
- package/src/{ui → renderers}/canvas/mouse.js +37 -37
- package/src/renderers/canvas/rendering-system.js +79 -0
- package/src/{ui → renderers}/canvas/shapes/circle.js +29 -31
- package/src/{ui → renderers}/canvas/shapes/rectangle.js +27 -31
- package/src/renderers/react/game/character/index.jsx +20 -0
- package/src/{ui → renderers}/react/game/cursor/index.jsx +20 -20
- package/src/{ui → renderers}/react/game/form/fields/field/index.jsx +56 -56
- package/src/{ui → renderers}/react/game/form/fields/index.jsx +12 -12
- package/src/{ui → renderers}/react/game/form/index.jsx +22 -22
- package/src/{ui → renderers}/react/game/fps/index.jsx +16 -16
- package/src/{ui → renderers}/react/game/game.jsx +72 -71
- package/src/{ui → renderers}/react/game/index.jsx +29 -29
- package/src/{ui → renderers}/react/game/platform/index.jsx +30 -30
- package/src/{ui → renderers}/react/game/scene/index.jsx +27 -25
- package/src/{ui → renderers}/react/game/sprite/index.jsx +60 -58
- package/src/{ui → renderers}/react/game/stats/index.jsx +22 -22
- package/src/{ui → renderers}/react/hocs/with-absolute-position/index.jsx +20 -20
- package/src/{ui → renderers}/react/index.jsx +9 -9
- package/src/utils/algorithms/decision-tree.js +24 -24
- package/src/utils/algorithms/decision-tree.test.js +153 -102
- package/src/utils/algorithms/path-finding.js +155 -155
- package/src/utils/algorithms/path-finding.test.js +151 -151
- package/src/utils/data-structures/array.js +83 -83
- package/src/utils/data-structures/array.test.js +173 -173
- package/src/utils/data-structures/board.js +159 -159
- package/src/utils/data-structures/board.test.js +242 -242
- package/src/utils/data-structures/boolean.js +9 -9
- package/src/utils/data-structures/heap.js +164 -164
- package/src/utils/data-structures/heap.test.js +103 -103
- package/src/utils/data-structures/object.js +138 -102
- package/src/utils/data-structures/object.test.js +218 -121
- package/src/utils/data-structures/objects.js +66 -48
- package/src/utils/data-structures/objects.test.js +99 -99
- package/src/utils/data-structures/tree.js +36 -36
- package/src/utils/data-structures/tree.test.js +33 -33
- package/src/utils/functions/functions.js +19 -19
- package/src/utils/functions/functions.test.js +23 -23
- package/src/utils/math/geometry/circle.js +70 -117
- package/src/utils/math/geometry/circle.test.js +97 -97
- package/src/utils/math/geometry/hitmask.js +70 -39
- package/src/utils/math/geometry/hitmask.test.js +155 -84
- package/src/utils/math/geometry/line.js +35 -35
- package/src/utils/math/geometry/line.test.js +49 -49
- package/src/utils/math/geometry/point.js +78 -71
- package/src/utils/math/geometry/point.test.js +81 -81
- package/src/utils/math/geometry/rectangle.js +76 -45
- package/src/utils/math/geometry/rectangle.test.js +42 -42
- package/src/utils/math/geometry/segment.js +80 -80
- package/src/utils/math/geometry/segment.test.js +183 -183
- package/src/utils/math/geometry/triangle.js +15 -15
- package/src/utils/math/geometry/triangle.test.js +11 -11
- package/src/utils/math/linear-algebra/2d.js +28 -28
- package/src/utils/math/linear-algebra/2d.test.js +17 -17
- package/src/utils/math/linear-algebra/quaternion.js +22 -22
- package/src/utils/math/linear-algebra/quaternion.test.js +25 -25
- package/src/utils/math/linear-algebra/quaternions.js +20 -20
- package/src/utils/math/linear-algebra/quaternions.test.js +29 -29
- package/src/utils/math/linear-algebra/vector.js +327 -302
- package/src/utils/math/linear-algebra/vector.test.js +265 -257
- package/src/utils/math/linear-algebra/vectors.js +122 -122
- package/src/utils/math/linear-algebra/vectors.test.js +65 -65
- package/src/utils/math/linear-interpolation.js +9 -0
- package/src/utils/math/numbers.js +90 -90
- package/src/utils/math/numbers.test.js +137 -137
- package/src/utils/math/rng.js +44 -44
- package/src/utils/math/rng.test.js +39 -39
- package/src/utils/math/statistics.js +43 -43
- package/src/utils/math/statistics.test.js +47 -47
- package/src/utils/math/trigonometry.js +89 -89
- package/src/utils/math/trigonometry.test.js +52 -52
- package/src/utils/physics/acceleration.js +61 -63
- package/src/utils/physics/friction.js +28 -30
- package/src/utils/physics/friction.test.js +42 -44
- package/src/utils/physics/gravity.js +69 -71
- package/src/utils/physics/gravity.test.js +77 -80
- package/src/utils/physics/jump.js +31 -41
- package/src/utils/physics/velocity.js +36 -38
- package/src/docs/ai/movement/dynamic/align.js +0 -131
- package/src/docs/ai/movement/dynamic/arrive.js +0 -88
- package/src/docs/ai/movement/dynamic/dynamic.mdx +0 -99
- package/src/docs/ai/movement/dynamic/dynamic.stories.js +0 -58
- package/src/docs/ai/movement/dynamic/evade.js +0 -72
- package/src/docs/ai/movement/dynamic/face.js +0 -90
- package/src/docs/ai/movement/dynamic/flee.js +0 -38
- package/src/docs/ai/movement/dynamic/look-where-youre-going.js +0 -114
- package/src/docs/ai/movement/dynamic/match-velocity.js +0 -92
- package/src/docs/ai/movement/dynamic/pursue.js +0 -72
- package/src/docs/ai/movement/dynamic/seek.js +0 -37
- package/src/docs/ai/movement/dynamic/wander.js +0 -71
- package/src/docs/ai/movement/kinematic/align.js +0 -122
- package/src/docs/ai/movement/kinematic/arrive.js +0 -78
- package/src/docs/ai/movement/kinematic/face.js +0 -82
- package/src/docs/ai/movement/kinematic/flee.js +0 -36
- package/src/docs/ai/movement/kinematic/kinematic.mdx +0 -67
- package/src/docs/ai/movement/kinematic/kinematic.stories.js +0 -42
- package/src/docs/ai/movement/kinematic/seek.js +0 -34
- package/src/docs/ai/movement/kinematic/wander-as-seek.js +0 -62
- package/src/docs/ai/movement/kinematic/wander.js +0 -28
- package/src/docs/bounds.js +0 -7
- package/src/docs/code-reuse.js +0 -35
- package/src/docs/collision/circles.js +0 -58
- package/src/docs/collision/collision.mdx +0 -27
- package/src/docs/collision/collision.stories.js +0 -22
- package/src/docs/collision/platform.js +0 -76
- package/src/docs/collision/tilemap.js +0 -181
- package/src/docs/empty.js +0 -1
- package/src/docs/engine.mdx +0 -81
- package/src/docs/engine.stories.js +0 -37
- package/src/docs/event-handlers.js +0 -68
- package/src/docs/framerate.js +0 -37
- package/src/docs/game.jsx +0 -15
- package/src/docs/image/image.js +0 -19
- package/src/docs/image/image.stories.js +0 -22
- package/src/docs/image/sprite.js +0 -39
- package/src/docs/image/tilemap.js +0 -84
- package/src/docs/input/controls.js +0 -67
- package/src/docs/input/gamepad.js +0 -67
- package/src/docs/input/input.mdx +0 -55
- package/src/docs/input/input.stories.js +0 -27
- package/src/docs/input/keyboard.js +0 -58
- package/src/docs/input/mouse.js +0 -32
- package/src/docs/instances.js +0 -49
- package/src/docs/player/dynamic/double-jump.js +0 -90
- package/src/docs/player/dynamic/dynamic.stories.js +0 -32
- package/src/docs/player/dynamic/jump.js +0 -83
- package/src/docs/player/dynamic/modern-controls.js +0 -57
- package/src/docs/player/dynamic/shooter-controls.js +0 -51
- package/src/docs/player/dynamic/tank-controls.js +0 -44
- package/src/docs/player/kinematic/double-jump.js +0 -90
- package/src/docs/player/kinematic/jump.js +0 -82
- package/src/docs/player/kinematic/kinematic.stories.js +0 -32
- package/src/docs/player/kinematic/modern-controls.js +0 -56
- package/src/docs/player/kinematic/shooter-controls.js +0 -48
- package/src/docs/player/kinematic/tank-controls.js +0 -42
- package/src/docs/quick-start/first-game.js +0 -49
- package/src/docs/quick-start/hello-world.js +0 -1
- package/src/docs/quick-start.mdx +0 -127
- package/src/docs/quick-start.stories.js +0 -17
- package/src/docs/recipes/add-and-remove.js +0 -71
- package/src/docs/recipes/add-instance.js +0 -42
- package/src/docs/recipes/decision-tree.js +0 -169
- package/src/docs/recipes/random-instances.js +0 -25
- package/src/docs/recipes/recipes.mdx +0 -81
- package/src/docs/recipes/recipes.stories.js +0 -37
- package/src/docs/recipes/remove-instance.js +0 -52
- package/src/docs/recipes/states.js +0 -64
- package/src/docs/ui/button.js +0 -28
- package/src/docs/ui/form.stories.js +0 -55
- package/src/docs/ui-chooser.jsx +0 -6
- package/src/docs/utils/data-structures/object.mdx +0 -47
- package/src/docs/utils/data-structures/objects.mdx +0 -30
- package/src/docs/utils/functions/functions.mdx +0 -34
- package/src/docs/utils/math/geometry/circle.mdx +0 -55
- package/src/docs/utils/math/geometry/point.mdx +0 -38
- package/src/docs/utils/math/geometry/rectangle.mdx +0 -24
- package/src/docs/utils/math/geometry/segment.mdx +0 -55
- package/src/docs/utils/math/geometry/triangle.mdx +0 -22
- package/src/docs/utils/math/linear-algebra/2d.mdx +0 -22
- package/src/docs/utils/math/linear-algebra/quaternion.mdx +0 -21
- package/src/docs/utils/math/linear-algebra/quaternions.mdx +0 -22
- package/src/docs/utils/math/linear-algebra/vector.mdx +0 -177
- package/src/docs/utils/math/linear-algebra/vectors.mdx +0 -58
- package/src/docs/utils/math/numbers.mdx +0 -76
- package/src/docs/utils/math/random.mdx +0 -35
- package/src/docs/utils/math/statistics.mdx +0 -38
- package/src/docs/utils/math/trigonometry.mdx +0 -85
- package/src/docs/utils/physics/friction.mdx +0 -20
- package/src/docs/utils/physics/gravity.mdx +0 -28
- package/src/engine/loop.js +0 -15
- package/src/engine/store.js +0 -174
- package/src/engine/store.test.js +0 -256
- package/src/engine.js +0 -74
- package/src/game/animation.js +0 -26
- package/src/game/bounds.js +0 -66
- package/src/game/decorators/character.js +0 -5
- package/src/game/decorators/clamp-to-bounds.js +0 -15
- package/src/game/decorators/controls/dynamic/modern.js +0 -48
- package/src/game/decorators/controls/dynamic/shooter.js +0 -47
- package/src/game/decorators/controls/dynamic/tank.js +0 -55
- package/src/game/decorators/controls/kinematic/modern.js +0 -49
- package/src/game/decorators/controls/kinematic/shooter.js +0 -45
- package/src/game/decorators/controls/kinematic/tank.js +0 -52
- package/src/game/decorators/debug/collisions.js +0 -32
- package/src/game/decorators/double-jump.js +0 -70
- package/src/game/decorators/fps.js +0 -30
- package/src/game/decorators/fsm.js +0 -27
- package/src/game/decorators/game.js +0 -11
- package/src/game/decorators/image/image.js +0 -5
- package/src/game/decorators/image/sprite.js +0 -5
- package/src/game/decorators/image/tilemap.js +0 -5
- package/src/game/decorators/input/controls.js +0 -27
- package/src/game/decorators/input/gamepad.js +0 -74
- package/src/game/decorators/input/input.js +0 -41
- package/src/game/decorators/input/keyboard.js +0 -49
- package/src/game/decorators/input/mouse.js +0 -65
- package/src/game/decorators/jump.js +0 -72
- package/src/game/decorators/platform.js +0 -5
- package/src/game/decorators/ui/button.js +0 -21
- package/src/game/sprite.js +0 -119
- package/src/ui/canvas/absolute-position.js +0 -17
- package/src/ui/canvas/image/hitmask.js +0 -37
- package/src/ui/canvas.js +0 -81
- package/src/ui/react/game/character/index.jsx +0 -30
- package/src/utils/math/geometry/platform.js +0 -42
- package/src/utils/math/geometry/platform.test.js +0 -133
- /package/src/{ui → renderers}/react/game/character/character.module.scss +0 -0
- /package/src/{ui → renderers}/react/game/cursor/cursor.module.scss +0 -0
- /package/src/{ui → renderers}/react/game/form/fields/field/field.module.scss +0 -0
- /package/src/{ui → renderers}/react/game/form/fields/fields.module.scss +0 -0
- /package/src/{ui → renderers}/react/game/form/form.module.scss +0 -0
- /package/src/{ui → renderers}/react/game/platform/platform.module.scss +0 -0
- /package/src/{ui → renderers}/react/game/scene/scene.module.scss +0 -0
- /package/src/{ui → renderers}/react/game/sprite/sprite.module.css +0 -0
- /package/src/{ui → renderers}/react/hocs/with-absolute-position/with-absolute-position.module.scss +0 -0
|
@@ -1,84 +1,155 @@
|
|
|
1
|
-
import { expect, test } from "vitest"
|
|
2
|
-
|
|
3
|
-
import { findCollisions } from "./hitmask"
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
1
|
+
import { expect, test } from "vitest"
|
|
2
|
+
|
|
3
|
+
import { findCollisions } from "./hitmask"
|
|
4
|
+
|
|
5
|
+
/**
|
|
6
|
+
* Given a rectangle located at (x=1.5, y=0, z=2.5) with a size of (1, 1, 1),
|
|
7
|
+
* which is touching a wall tile, this test proves a collision is detected.
|
|
8
|
+
*
|
|
9
|
+
* Tilemap layout:
|
|
10
|
+
* ⬛️🟩🟩⬛️
|
|
11
|
+
* ⬛️⬛️⬛️⬛️
|
|
12
|
+
* ⬛️⬛️⬛️⬛️
|
|
13
|
+
*
|
|
14
|
+
* Rectangle position (X,Z): R at (1.5, 2.5)
|
|
15
|
+
*
|
|
16
|
+
* Expected outcome: true
|
|
17
|
+
*/
|
|
18
|
+
test("it should prove that a rectangle touching a wall intersects with it", () => {
|
|
19
|
+
const hitmask = {
|
|
20
|
+
position: [2, 0, 1.5],
|
|
21
|
+
tileSize: [1, 1],
|
|
22
|
+
columns: 4,
|
|
23
|
+
// The top row (indices 0, 1, 2, 3) now has the walls.
|
|
24
|
+
heights: [0, 1, 1, 0, 0, 0, 0, 0, 0, 0, 0, 0],
|
|
25
|
+
}
|
|
26
|
+
const rectangle = {
|
|
27
|
+
shape: "rectangle",
|
|
28
|
+
position: [1.5, 0, 2.5],
|
|
29
|
+
size: [1, 1, 1],
|
|
30
|
+
}
|
|
31
|
+
|
|
32
|
+
expect(findCollisions(hitmask, rectangle)).toBe(true)
|
|
33
|
+
})
|
|
34
|
+
|
|
35
|
+
/**
|
|
36
|
+
* Given the same scenario as the previous test, but all coordinates
|
|
37
|
+
* are shifted by a constant value, this test proves the outcome remains
|
|
38
|
+
* unchanged, ensuring the collision detection is relative.
|
|
39
|
+
*
|
|
40
|
+
* Tilemap layout:
|
|
41
|
+
* ⬛️🟩🟩⬛️
|
|
42
|
+
* ⬛️⬛️⬛️⬛️
|
|
43
|
+
* ⬛️⬛️⬛️⬛️
|
|
44
|
+
*
|
|
45
|
+
* Rectangle position (X,Z): R at (11.5, 12.5)
|
|
46
|
+
*
|
|
47
|
+
* Expected outcome: true
|
|
48
|
+
*/
|
|
49
|
+
test("it should prove that shifting operands does not change the outcome", () => {
|
|
50
|
+
const SHIFT = 10
|
|
51
|
+
const hitmask = {
|
|
52
|
+
position: [2 + SHIFT, 0, 1.5 + SHIFT],
|
|
53
|
+
tileSize: [1, 1],
|
|
54
|
+
columns: 4,
|
|
55
|
+
// The top row (indices 0, 1, 2, 3) now has the walls.
|
|
56
|
+
heights: [0, 1, 1, 0, 0, 0, 0, 0, 0, 0, 0, 0],
|
|
57
|
+
}
|
|
58
|
+
const rectangle = {
|
|
59
|
+
shape: "rectangle",
|
|
60
|
+
position: [11.5, 0, 12.5],
|
|
61
|
+
size: [1, 1, 1],
|
|
62
|
+
}
|
|
63
|
+
|
|
64
|
+
expect(findCollisions(hitmask, rectangle)).toBe(true)
|
|
65
|
+
})
|
|
66
|
+
|
|
67
|
+
/**
|
|
68
|
+
* Given a rectangle located at (x=0.5, y=0, z=0.5) with a size of (1, 1, 1),
|
|
69
|
+
* which is not touching any walls, this test proves no collision is detected.
|
|
70
|
+
*
|
|
71
|
+
* Tilemap layout:
|
|
72
|
+
* ⬛️🟩🟩⬛️
|
|
73
|
+
* ⬛️⬛️⬛️⬛️
|
|
74
|
+
* ⬛️⬛️⬛️⬛️
|
|
75
|
+
*
|
|
76
|
+
* Rectangle position (X,Z): R at (0.5, 0.5)
|
|
77
|
+
*
|
|
78
|
+
* Expected outcome: false
|
|
79
|
+
*/
|
|
80
|
+
test("it should prove that a rectangle not touching a wall does not intersect with it", () => {
|
|
81
|
+
const hitmask = {
|
|
82
|
+
position: [2, 0, 1.5],
|
|
83
|
+
tileSize: [1, 1],
|
|
84
|
+
columns: 4,
|
|
85
|
+
// The top row (indices 0, 1, 2, 3) now has the walls.
|
|
86
|
+
heights: [0, 1, 1, 0, 0, 0, 0, 0, 0, 0, 0, 0],
|
|
87
|
+
}
|
|
88
|
+
const rectangle = {
|
|
89
|
+
shape: "rectangle",
|
|
90
|
+
position: [0.5, 0, 0.5],
|
|
91
|
+
size: [1, 1, 1],
|
|
92
|
+
}
|
|
93
|
+
|
|
94
|
+
expect(findCollisions(hitmask, rectangle)).toBe(false)
|
|
95
|
+
})
|
|
96
|
+
|
|
97
|
+
/**
|
|
98
|
+
* Given a rectangle located above the tile, this test proves no
|
|
99
|
+
* collision is detected even when the X and Z positions overlap.
|
|
100
|
+
*
|
|
101
|
+
* Tilemap layout:
|
|
102
|
+
* ⬛️🟩🟩⬛️
|
|
103
|
+
* ⬛️⬛️⬛️⬛️
|
|
104
|
+
* ⬛️⬛️⬛️⬛️
|
|
105
|
+
*
|
|
106
|
+
* Rectangle position: R at (x=1.5, y=1.6, z=2.5)
|
|
107
|
+
*
|
|
108
|
+
* Expected outcome: false
|
|
109
|
+
*/
|
|
110
|
+
test("it should prove that a rectangle above the tile of a hitmask does not intersect with it", () => {
|
|
111
|
+
const hitmask = {
|
|
112
|
+
position: [2, 0, 1.5],
|
|
113
|
+
tileSize: [1, 1],
|
|
114
|
+
columns: 4,
|
|
115
|
+
// The top row (indices 0, 1, 2, 3) now has the walls.
|
|
116
|
+
heights: [0, 1, 1, 0, 0, 0, 0, 0, 0, 0, 0, 0],
|
|
117
|
+
}
|
|
118
|
+
const rectangle = {
|
|
119
|
+
shape: "rectangle",
|
|
120
|
+
position: [1.5, 1.6, 2.5],
|
|
121
|
+
size: [1, 1, 1],
|
|
122
|
+
}
|
|
123
|
+
|
|
124
|
+
expect(findCollisions(hitmask, rectangle)).toBe(false)
|
|
125
|
+
})
|
|
126
|
+
|
|
127
|
+
/**
|
|
128
|
+
* Given a rectangle located outside of the tilemap, this test proves
|
|
129
|
+
* no collision is detected.
|
|
130
|
+
*
|
|
131
|
+
* Tilemap layout:
|
|
132
|
+
* ⬛️🟩🟩⬛️
|
|
133
|
+
* ⬛️⬛️⬛️⬛️
|
|
134
|
+
* ⬛️⬛️⬛️⬛️
|
|
135
|
+
*
|
|
136
|
+
* Rectangle position: R at (x=5.5, y=0.5, z=1.5)
|
|
137
|
+
*
|
|
138
|
+
* Expected outcome: false
|
|
139
|
+
*/
|
|
140
|
+
test("it should prove that a rectangle outside of a hitmask does not intersect with it", () => {
|
|
141
|
+
const hitmask = {
|
|
142
|
+
position: [2, 0, 1.5],
|
|
143
|
+
tileSize: [1, 1],
|
|
144
|
+
columns: 4,
|
|
145
|
+
// The top row (indices 0, 1, 2, 3) now has the walls.
|
|
146
|
+
heights: [0, 1, 1, 0, 0, 0, 0, 0, 0, 0, 0, 0],
|
|
147
|
+
}
|
|
148
|
+
const rectangle = {
|
|
149
|
+
shape: "rectangle",
|
|
150
|
+
position: [5.5, 0.5, 1.5],
|
|
151
|
+
size: [1, 1, 1],
|
|
152
|
+
}
|
|
153
|
+
|
|
154
|
+
expect(findCollisions(hitmask, rectangle)).toBe(false)
|
|
155
|
+
})
|
|
@@ -1,35 +1,35 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @typedef {import("./types").Line} Line
|
|
3
|
-
* @typedef {import("./types").Point} Point
|
|
4
|
-
* @typedef {import("./types").Circle} Circle
|
|
5
|
-
*/
|
|
6
|
-
|
|
7
|
-
import { abs } from "@inglorious/utils/math/numbers.js"
|
|
8
|
-
|
|
9
|
-
import { hypothenuse } from "./triangle.js"
|
|
10
|
-
|
|
11
|
-
/**
|
|
12
|
-
* Calculates the shortest distance from a point to a line in 2D space.
|
|
13
|
-
*
|
|
14
|
-
* @param {Line} line - The line represented by the equation ax + bz + c = 0, where `line` is [a, b, c].
|
|
15
|
-
* @param {Point} point - The point in 3D space represented as [x, y, z].
|
|
16
|
-
* @returns {number} The shortest distance from the point to the line.
|
|
17
|
-
*/
|
|
18
|
-
export function distanceFromPoint(line, point) {
|
|
19
|
-
const [a, b, c] = line
|
|
20
|
-
const [x, , z] = point
|
|
21
|
-
|
|
22
|
-
return abs(a * x + b * z + c) / hypothenuse(a, b)
|
|
23
|
-
}
|
|
24
|
-
|
|
25
|
-
// @see https://math.stackexchange.com/questions/275529/check-if-line-intersects-with-circles-perimeter
|
|
26
|
-
/**
|
|
27
|
-
* Determines whether a line intersects with the perimeter of a circle.
|
|
28
|
-
*
|
|
29
|
-
* @param {Line} line - The line represented by the equation ax + bz + c = 0, where `line` is [a, b, c].
|
|
30
|
-
* @param {Circle} circle - The circle defined by its position (center) and radius.
|
|
31
|
-
* @returns {boolean} `true` if the line intersects the circle's perimeter, otherwise `false`.
|
|
32
|
-
*/
|
|
33
|
-
export function intersectsCircle(line, circle) {
|
|
34
|
-
return distanceFromPoint(line, circle.position) <= circle.radius
|
|
35
|
-
}
|
|
1
|
+
/**
|
|
2
|
+
* @typedef {import("./types").Line} Line
|
|
3
|
+
* @typedef {import("./types").Point} Point
|
|
4
|
+
* @typedef {import("./types").Circle} Circle
|
|
5
|
+
*/
|
|
6
|
+
|
|
7
|
+
import { abs } from "@inglorious/utils/math/numbers.js"
|
|
8
|
+
|
|
9
|
+
import { hypothenuse } from "./triangle.js"
|
|
10
|
+
|
|
11
|
+
/**
|
|
12
|
+
* Calculates the shortest distance from a point to a line in 2D space.
|
|
13
|
+
*
|
|
14
|
+
* @param {Line} line - The line represented by the equation ax + bz + c = 0, where `line` is [a, b, c].
|
|
15
|
+
* @param {Point} point - The point in 3D space represented as [x, y, z].
|
|
16
|
+
* @returns {number} The shortest distance from the point to the line.
|
|
17
|
+
*/
|
|
18
|
+
export function distanceFromPoint(line, point) {
|
|
19
|
+
const [a, b, c] = line
|
|
20
|
+
const [x, , z] = point
|
|
21
|
+
|
|
22
|
+
return abs(a * x + b * z + c) / hypothenuse(a, b)
|
|
23
|
+
}
|
|
24
|
+
|
|
25
|
+
// @see https://math.stackexchange.com/questions/275529/check-if-line-intersects-with-circles-perimeter
|
|
26
|
+
/**
|
|
27
|
+
* Determines whether a line intersects with the perimeter of a circle.
|
|
28
|
+
*
|
|
29
|
+
* @param {Line} line - The line represented by the equation ax + bz + c = 0, where `line` is [a, b, c].
|
|
30
|
+
* @param {Circle} circle - The circle defined by its position (center) and radius.
|
|
31
|
+
* @returns {boolean} `true` if the line intersects the circle's perimeter, otherwise `false`.
|
|
32
|
+
*/
|
|
33
|
+
export function intersectsCircle(line, circle) {
|
|
34
|
+
return distanceFromPoint(line, circle.position) <= circle.radius
|
|
35
|
+
}
|
|
@@ -1,49 +1,49 @@
|
|
|
1
|
-
import { expect, test } from "vitest"
|
|
2
|
-
|
|
3
|
-
import { distanceFromPoint, intersectsCircle } from "./line.js"
|
|
4
|
-
|
|
5
|
-
test("it should compute the distance between a line and a point", () => {
|
|
6
|
-
const line = [-4, 3, 0]
|
|
7
|
-
const point = [5, 0, 0]
|
|
8
|
-
const expectedResult = 4
|
|
9
|
-
|
|
10
|
-
expect(distanceFromPoint(line, point)).toBe(expectedResult)
|
|
11
|
-
})
|
|
12
|
-
|
|
13
|
-
test("it should not compute the distance between a line and a point", () => {
|
|
14
|
-
const line = [-1, 1, 0]
|
|
15
|
-
const point = [2, 0, 2]
|
|
16
|
-
const expectedResult = 0
|
|
17
|
-
|
|
18
|
-
expect(distanceFromPoint(line, point)).toBe(expectedResult)
|
|
19
|
-
})
|
|
20
|
-
|
|
21
|
-
test("it should prove that a line that crosses a circle intersects with it", () => {
|
|
22
|
-
const line = [-2, 2, 0]
|
|
23
|
-
const circle = {
|
|
24
|
-
position: [1, 1, 0],
|
|
25
|
-
radius: 1,
|
|
26
|
-
}
|
|
27
|
-
|
|
28
|
-
expect(intersectsCircle(line, circle)).toBe(true)
|
|
29
|
-
})
|
|
30
|
-
|
|
31
|
-
test("it should prove that a line tangent to a circle intersects with it", () => {
|
|
32
|
-
const line = [-2, 0, 0]
|
|
33
|
-
const circle = {
|
|
34
|
-
position: [1, 0, 1],
|
|
35
|
-
radius: 1,
|
|
36
|
-
}
|
|
37
|
-
|
|
38
|
-
expect(intersectsCircle(line, circle)).toBe(true)
|
|
39
|
-
})
|
|
40
|
-
|
|
41
|
-
test("it should prove that a line that does not cross a circle does not intersect with it", () => {
|
|
42
|
-
const line = [1, 1, 0]
|
|
43
|
-
const circle = {
|
|
44
|
-
position: [1, 0, 1],
|
|
45
|
-
radius: 1,
|
|
46
|
-
}
|
|
47
|
-
|
|
48
|
-
expect(intersectsCircle(line, circle)).toBe(false)
|
|
49
|
-
})
|
|
1
|
+
import { expect, test } from "vitest"
|
|
2
|
+
|
|
3
|
+
import { distanceFromPoint, intersectsCircle } from "./line.js"
|
|
4
|
+
|
|
5
|
+
test("it should compute the distance between a line and a point", () => {
|
|
6
|
+
const line = [-4, 3, 0]
|
|
7
|
+
const point = [5, 0, 0]
|
|
8
|
+
const expectedResult = 4
|
|
9
|
+
|
|
10
|
+
expect(distanceFromPoint(line, point)).toBe(expectedResult)
|
|
11
|
+
})
|
|
12
|
+
|
|
13
|
+
test("it should not compute the distance between a line and a point", () => {
|
|
14
|
+
const line = [-1, 1, 0]
|
|
15
|
+
const point = [2, 0, 2]
|
|
16
|
+
const expectedResult = 0
|
|
17
|
+
|
|
18
|
+
expect(distanceFromPoint(line, point)).toBe(expectedResult)
|
|
19
|
+
})
|
|
20
|
+
|
|
21
|
+
test("it should prove that a line that crosses a circle intersects with it", () => {
|
|
22
|
+
const line = [-2, 2, 0]
|
|
23
|
+
const circle = {
|
|
24
|
+
position: [1, 1, 0],
|
|
25
|
+
radius: 1,
|
|
26
|
+
}
|
|
27
|
+
|
|
28
|
+
expect(intersectsCircle(line, circle)).toBe(true)
|
|
29
|
+
})
|
|
30
|
+
|
|
31
|
+
test("it should prove that a line tangent to a circle intersects with it", () => {
|
|
32
|
+
const line = [-2, 0, 0]
|
|
33
|
+
const circle = {
|
|
34
|
+
position: [1, 0, 1],
|
|
35
|
+
radius: 1,
|
|
36
|
+
}
|
|
37
|
+
|
|
38
|
+
expect(intersectsCircle(line, circle)).toBe(true)
|
|
39
|
+
})
|
|
40
|
+
|
|
41
|
+
test("it should prove that a line that does not cross a circle does not intersect with it", () => {
|
|
42
|
+
const line = [1, 1, 0]
|
|
43
|
+
const circle = {
|
|
44
|
+
position: [1, 0, 1],
|
|
45
|
+
radius: 1,
|
|
46
|
+
}
|
|
47
|
+
|
|
48
|
+
expect(intersectsCircle(line, circle)).toBe(false)
|
|
49
|
+
})
|
|
@@ -1,71 +1,78 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @typedef {import("./types").Point} Point
|
|
3
|
-
* @typedef {import("./types").Line} Line
|
|
4
|
-
* @typedef {import("./types").Circle} Circle
|
|
5
|
-
* @typedef {import("./types").Rectangle} Rectangle
|
|
6
|
-
*/
|
|
7
|
-
|
|
8
|
-
const SQUARED = 2
|
|
9
|
-
const HALF = 2
|
|
10
|
-
|
|
11
|
-
import { distanceFromPoint } from "./line.js"
|
|
12
|
-
|
|
13
|
-
/**
|
|
14
|
-
* Calculates the distance from a point to a line.
|
|
15
|
-
* @param {Point} point - The point as a 3D coordinate [x, y, z].
|
|
16
|
-
* @param {Line} line - The line to calculate the distance from.
|
|
17
|
-
* @returns {number} The distance from the point to the line.
|
|
18
|
-
*/
|
|
19
|
-
export function getDistanceFromLine(point, line) {
|
|
20
|
-
return distanceFromPoint(line, point)
|
|
21
|
-
}
|
|
22
|
-
|
|
23
|
-
/**
|
|
24
|
-
* Checks if two points intersect.
|
|
25
|
-
* @param {Point} point1 - The first point as a 3D coordinate [x, y, z].
|
|
26
|
-
* @param {Point} point2 - The second point as a 3D coordinate [x, y, z].
|
|
27
|
-
* @returns {boolean} True if the points intersect, false otherwise.
|
|
28
|
-
*/
|
|
29
|
-
export function intersectsPoint(point1, point2) {
|
|
30
|
-
const [x1, y1, z1] = point1
|
|
31
|
-
const [x2, y2, z2] = point2
|
|
32
|
-
return x1 === x2 && y1 === y2 && z1 === z2
|
|
33
|
-
}
|
|
34
|
-
|
|
35
|
-
/**
|
|
36
|
-
* Checks if a point intersects with a circle.
|
|
37
|
-
* @param {Point} point - The point as a 3D coordinate [x, y, z].
|
|
38
|
-
* @param {Circle} circle - The circle with a position and radius.
|
|
39
|
-
* @returns {boolean} True if the point intersects the circle, false otherwise.
|
|
40
|
-
*/
|
|
41
|
-
export function intersectsCircle(point, circle) {
|
|
42
|
-
const [x, y, z] = point
|
|
43
|
-
const [
|
|
44
|
-
const radius = circle.radius
|
|
45
|
-
|
|
46
|
-
return (
|
|
47
|
-
(x -
|
|
48
|
-
radius ** SQUARED
|
|
49
|
-
)
|
|
50
|
-
}
|
|
51
|
-
|
|
52
|
-
/**
|
|
53
|
-
* Checks if a point intersects with a rectangle.
|
|
54
|
-
* @param {Point} point - The point as a 3D coordinate [x, y, z].
|
|
55
|
-
* @param {Rectangle} rectangle - The rectangle with a position and size.
|
|
56
|
-
* @returns {boolean} True if the point intersects the rectangle, false otherwise.
|
|
57
|
-
*/
|
|
58
|
-
export function intersectsRectangle(point, rectangle) {
|
|
59
|
-
const [x, y, z] = point
|
|
60
|
-
const [
|
|
61
|
-
const [width, height, depth] = rectangle.size
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
1
|
+
/**
|
|
2
|
+
* @typedef {import("./types").Point} Point
|
|
3
|
+
* @typedef {import("./types").Line} Line
|
|
4
|
+
* @typedef {import("./types").Circle} Circle
|
|
5
|
+
* @typedef {import("./types").Rectangle} Rectangle
|
|
6
|
+
*/
|
|
7
|
+
|
|
8
|
+
const SQUARED = 2
|
|
9
|
+
const HALF = 2
|
|
10
|
+
|
|
11
|
+
import { distanceFromPoint } from "./line.js"
|
|
12
|
+
|
|
13
|
+
/**
|
|
14
|
+
* Calculates the distance from a point to a line.
|
|
15
|
+
* @param {Point} point - The point as a 3D coordinate [x, y, z].
|
|
16
|
+
* @param {Line} line - The line to calculate the distance from.
|
|
17
|
+
* @returns {number} The distance from the point to the line.
|
|
18
|
+
*/
|
|
19
|
+
export function getDistanceFromLine(point, line) {
|
|
20
|
+
return distanceFromPoint(line, point)
|
|
21
|
+
}
|
|
22
|
+
|
|
23
|
+
/**
|
|
24
|
+
* Checks if two points intersect.
|
|
25
|
+
* @param {Point} point1 - The first point as a 3D coordinate [x, y, z].
|
|
26
|
+
* @param {Point} point2 - The second point as a 3D coordinate [x, y, z].
|
|
27
|
+
* @returns {boolean} True if the points intersect, false otherwise.
|
|
28
|
+
*/
|
|
29
|
+
export function intersectsPoint(point1, point2) {
|
|
30
|
+
const [x1, y1, z1] = point1
|
|
31
|
+
const [x2, y2, z2] = point2
|
|
32
|
+
return x1 === x2 && y1 === y2 && z1 === z2
|
|
33
|
+
}
|
|
34
|
+
|
|
35
|
+
/**
|
|
36
|
+
* Checks if a point intersects with a circle.
|
|
37
|
+
* @param {Point} point - The point as a 3D coordinate [x, y, z].
|
|
38
|
+
* @param {Circle} circle - The circle with a position and radius.
|
|
39
|
+
* @returns {boolean} True if the point intersects the circle, false otherwise.
|
|
40
|
+
*/
|
|
41
|
+
export function intersectsCircle(point, circle) {
|
|
42
|
+
const [x, y, z] = point
|
|
43
|
+
const [cx, cy, cz] = circle.position
|
|
44
|
+
const radius = circle.radius
|
|
45
|
+
|
|
46
|
+
return (
|
|
47
|
+
(x - cx) ** SQUARED + (y - cy) ** SQUARED + (z - cz) ** SQUARED <=
|
|
48
|
+
radius ** SQUARED
|
|
49
|
+
)
|
|
50
|
+
}
|
|
51
|
+
|
|
52
|
+
/**
|
|
53
|
+
* Checks if a point intersects with a rectangle.
|
|
54
|
+
* @param {Point} point - The point as a 3D coordinate [x, y, z].
|
|
55
|
+
* @param {Rectangle} rectangle - The rectangle with a position and size.
|
|
56
|
+
* @returns {boolean} True if the point intersects the rectangle, false otherwise.
|
|
57
|
+
*/
|
|
58
|
+
export function intersectsRectangle(point, rectangle) {
|
|
59
|
+
const [x, y, z] = point
|
|
60
|
+
const [rectX, rectY, rectZ] = rectangle.position
|
|
61
|
+
const [width, height, depth] = rectangle.size
|
|
62
|
+
|
|
63
|
+
const left = rectX - width / HALF
|
|
64
|
+
const right = rectX + width / HALF
|
|
65
|
+
const bottom = rectY - height / HALF
|
|
66
|
+
const top = rectY + height / HALF
|
|
67
|
+
const back = rectZ - depth / HALF
|
|
68
|
+
const front = rectZ + depth / HALF
|
|
69
|
+
|
|
70
|
+
return (
|
|
71
|
+
x >= left &&
|
|
72
|
+
x <= right &&
|
|
73
|
+
y >= bottom &&
|
|
74
|
+
y <= top &&
|
|
75
|
+
z >= back &&
|
|
76
|
+
z <= front
|
|
77
|
+
)
|
|
78
|
+
}
|