@inglorious/engine 0.2.0 → 0.3.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 +75 -75
- package/package.json +13 -23
- package/src/{engine/ai → ai}/movement/dynamic/align.js +63 -63
- package/src/{engine/ai → ai}/movement/dynamic/arrive.js +42 -42
- package/src/{engine/ai → ai}/movement/dynamic/evade.js +38 -38
- package/src/{engine/ai → ai}/movement/dynamic/face.js +19 -19
- package/src/{engine/ai → ai}/movement/dynamic/flee.js +45 -45
- package/src/{engine/ai → ai}/movement/dynamic/look-where-youre-going.js +16 -16
- package/src/{engine/ai → ai}/movement/dynamic/match-velocity.js +51 -51
- package/src/{engine/ai → ai}/movement/dynamic/pursue.js +38 -38
- package/src/{engine/ai → ai}/movement/dynamic/seek.js +44 -44
- package/src/{engine/ai → ai}/movement/dynamic/wander.js +31 -31
- package/src/{engine/ai → ai}/movement/kinematic/align.js +37 -37
- package/src/{engine/ai → ai}/movement/kinematic/arrive.js +42 -42
- package/src/{engine/ai → ai}/movement/kinematic/face.js +19 -19
- package/src/{engine/ai → ai}/movement/kinematic/flee.js +26 -26
- package/src/{engine/ai → ai}/movement/kinematic/seek.js +26 -26
- package/src/{engine/ai → ai}/movement/kinematic/seek.test.js +42 -42
- package/src/{engine/ai → ai}/movement/kinematic/wander-as-seek.js +31 -31
- package/src/{engine/ai → ai}/movement/kinematic/wander.js +27 -27
- package/src/{engine/animation → animation}/sprite.js +101 -101
- package/src/{engine/animation → animation}/ticker.js +38 -38
- package/src/{engine/behaviors → behaviors}/camera.js +68 -68
- package/src/{engine/behaviors → behaviors}/controls/dynamic/modern.js +76 -76
- package/src/{engine/behaviors → behaviors}/controls/dynamic/shooter.js +84 -84
- package/src/{engine/behaviors → behaviors}/controls/dynamic/tank.js +69 -69
- package/src/{engine/behaviors → behaviors}/controls/event-handlers.js +17 -17
- package/src/{engine/behaviors → behaviors}/controls/kinematic/modern.js +76 -76
- package/src/{engine/behaviors → behaviors}/controls/kinematic/shooter.js +82 -82
- package/src/{engine/behaviors → behaviors}/controls/kinematic/tank.js +67 -67
- package/src/behaviors/debug/collision.js +29 -0
- package/src/{engine/behaviors → behaviors}/fps.js +29 -29
- package/src/{engine/behaviors → behaviors}/fsm.js +33 -33
- package/src/{engine/behaviors → behaviors}/fsm.test.js +49 -49
- package/src/{engine/behaviors → behaviors}/game.js +15 -15
- package/src/{engine/behaviors → behaviors}/input/controls.js +37 -37
- package/src/{engine/behaviors → behaviors}/input/gamepad.js +114 -114
- package/src/{engine/behaviors → behaviors}/input/input.js +48 -48
- package/src/{engine/behaviors → behaviors}/input/keyboard.js +64 -64
- package/src/{engine/behaviors → behaviors}/input/mouse.js +91 -91
- package/src/{engine/behaviors → behaviors}/physics/bouncy.js +25 -25
- package/src/{engine/behaviors → behaviors}/physics/clamped.js +36 -36
- package/src/{engine/behaviors → behaviors}/physics/collidable.js +20 -20
- package/src/{engine/behaviors → behaviors}/physics/jumpable.js +145 -145
- package/src/{engine/behaviors → behaviors}/ui/button.js +17 -17
- package/src/{engine/collision → collision}/detection.js +110 -110
- package/src/{engine/core → core}/api.js +34 -34
- package/src/{engine/core → core}/dev-tools.js +135 -135
- package/src/{engine/core → core}/engine.js +119 -119
- package/src/{engine/core → core}/loop.js +15 -15
- package/src/{engine/core → core}/loops/animation-frame.js +25 -25
- package/src/{engine/core → core}/loops/elapsed.js +22 -22
- package/src/{engine/core → core}/loops/fixed.js +27 -27
- package/src/{engine/core → core}/loops/flash.js +13 -13
- package/src/{engine/core → core}/loops/lag.js +26 -26
- package/src/{engine/core → core}/select.js +26 -26
- package/src/{engine/core → core}/store.js +178 -178
- package/src/{engine/core → core}/store.test.js +110 -110
- package/src/main.js +10 -10
- package/src/{engine/movement → movement}/dynamic/modern.js +21 -21
- package/src/{engine/movement → movement}/dynamic/tank.js +43 -43
- package/src/{engine/movement → movement}/kinematic/modern.js +16 -16
- package/src/{engine/movement → movement}/kinematic/modern.test.js +27 -27
- package/src/{engine/movement → movement}/kinematic/tank.js +27 -27
- package/src/{engine/physics → physics}/bounds.js +138 -138
- package/src/{engine/physics → physics}/position.js +43 -43
- package/src/{engine/physics → physics}/position.test.js +80 -80
- package/src/{engine/systems → systems}/sprite-animation.js +27 -27
- package/src/engine/behaviors/debug/collision.js +0 -35
- package/src/renderers/canvas/absolute-position.js +0 -18
- package/src/renderers/canvas/camera.js +0 -13
- package/src/renderers/canvas/canvas-renderer.js +0 -68
- package/src/renderers/canvas/character.js +0 -38
- package/src/renderers/canvas/form/button.js +0 -25
- package/src/renderers/canvas/fps.js +0 -18
- package/src/renderers/canvas/image/hitmask.js +0 -51
- package/src/renderers/canvas/image/image.js +0 -34
- package/src/renderers/canvas/image/sprite.js +0 -49
- package/src/renderers/canvas/image/tilemap.js +0 -66
- package/src/renderers/canvas/mouse.js +0 -37
- package/src/renderers/canvas/rendering-system.js +0 -79
- package/src/renderers/canvas/shapes/circle.js +0 -29
- package/src/renderers/canvas/shapes/rectangle.js +0 -27
- package/src/renderers/react/game/character/character.module.scss +0 -17
- package/src/renderers/react/game/character/index.jsx +0 -20
- package/src/renderers/react/game/cursor/cursor.module.scss +0 -47
- package/src/renderers/react/game/cursor/index.jsx +0 -20
- package/src/renderers/react/game/form/fields/field/field.module.scss +0 -5
- package/src/renderers/react/game/form/fields/field/index.jsx +0 -56
- package/src/renderers/react/game/form/fields/fields.module.scss +0 -48
- package/src/renderers/react/game/form/fields/index.jsx +0 -12
- package/src/renderers/react/game/form/form.module.scss +0 -18
- package/src/renderers/react/game/form/index.jsx +0 -22
- package/src/renderers/react/game/fps/index.jsx +0 -16
- package/src/renderers/react/game/game.jsx +0 -72
- package/src/renderers/react/game/index.jsx +0 -29
- package/src/renderers/react/game/platform/index.jsx +0 -30
- package/src/renderers/react/game/platform/platform.module.scss +0 -7
- package/src/renderers/react/game/scene/index.jsx +0 -27
- package/src/renderers/react/game/scene/scene.module.scss +0 -9
- package/src/renderers/react/game/sprite/index.jsx +0 -60
- package/src/renderers/react/game/sprite/sprite.module.css +0 -3
- package/src/renderers/react/game/stats/index.jsx +0 -22
- package/src/renderers/react/hocs/with-absolute-position/index.jsx +0 -20
- package/src/renderers/react/hocs/with-absolute-position/with-absolute-position.module.scss +0 -5
- package/src/renderers/react/index.jsx +0 -9
- package/src/utils/algorithms/decision-tree.js +0 -24
- package/src/utils/algorithms/decision-tree.test.js +0 -153
- package/src/utils/algorithms/path-finding.js +0 -155
- package/src/utils/algorithms/path-finding.test.js +0 -151
- package/src/utils/algorithms/types.d.ts +0 -28
- package/src/utils/data-structures/array.js +0 -83
- package/src/utils/data-structures/array.test.js +0 -173
- package/src/utils/data-structures/board.js +0 -159
- package/src/utils/data-structures/board.test.js +0 -242
- package/src/utils/data-structures/boolean.js +0 -9
- package/src/utils/data-structures/heap.js +0 -164
- package/src/utils/data-structures/heap.test.js +0 -103
- package/src/utils/data-structures/object.js +0 -138
- package/src/utils/data-structures/object.test.js +0 -218
- package/src/utils/data-structures/objects.js +0 -66
- package/src/utils/data-structures/objects.test.js +0 -99
- package/src/utils/data-structures/tree.js +0 -36
- package/src/utils/data-structures/tree.test.js +0 -33
- package/src/utils/data-structures/types.d.ts +0 -4
- package/src/utils/functions/functions.js +0 -19
- package/src/utils/functions/functions.test.js +0 -23
- package/src/utils/math/geometry/circle.js +0 -70
- package/src/utils/math/geometry/circle.test.js +0 -97
- package/src/utils/math/geometry/hitmask.js +0 -70
- package/src/utils/math/geometry/hitmask.test.js +0 -155
- package/src/utils/math/geometry/line.js +0 -35
- package/src/utils/math/geometry/line.test.js +0 -49
- package/src/utils/math/geometry/point.js +0 -78
- package/src/utils/math/geometry/point.test.js +0 -81
- package/src/utils/math/geometry/rectangle.js +0 -76
- package/src/utils/math/geometry/rectangle.test.js +0 -42
- package/src/utils/math/geometry/segment.js +0 -80
- package/src/utils/math/geometry/segment.test.js +0 -183
- package/src/utils/math/geometry/triangle.js +0 -15
- package/src/utils/math/geometry/triangle.test.js +0 -11
- package/src/utils/math/geometry/types.d.ts +0 -23
- package/src/utils/math/linear-algebra/2d.js +0 -28
- package/src/utils/math/linear-algebra/2d.test.js +0 -17
- package/src/utils/math/linear-algebra/quaternion.js +0 -22
- package/src/utils/math/linear-algebra/quaternion.test.js +0 -25
- package/src/utils/math/linear-algebra/quaternions.js +0 -20
- package/src/utils/math/linear-algebra/quaternions.test.js +0 -29
- package/src/utils/math/linear-algebra/types.d.ts +0 -4
- package/src/utils/math/linear-algebra/vector.js +0 -327
- package/src/utils/math/linear-algebra/vector.test.js +0 -265
- package/src/utils/math/linear-algebra/vectors.js +0 -122
- package/src/utils/math/linear-algebra/vectors.test.js +0 -65
- package/src/utils/math/linear-interpolation.js +0 -9
- package/src/utils/math/numbers.js +0 -90
- package/src/utils/math/numbers.test.js +0 -137
- package/src/utils/math/rng.js +0 -44
- package/src/utils/math/rng.test.js +0 -39
- package/src/utils/math/statistics.js +0 -43
- package/src/utils/math/statistics.test.js +0 -47
- package/src/utils/math/trigonometry.js +0 -89
- package/src/utils/math/trigonometry.test.js +0 -52
- package/src/utils/physics/acceleration.js +0 -61
- package/src/utils/physics/friction.js +0 -28
- package/src/utils/physics/friction.test.js +0 -42
- package/src/utils/physics/gravity.js +0 -69
- package/src/utils/physics/gravity.test.js +0 -77
- package/src/utils/physics/jump.js +0 -31
- package/src/utils/physics/velocity.js +0 -36
|
@@ -1,70 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @typedef {import("./types").Point} Point
|
|
3
|
-
* @typedef {import("./types").Circle} Circle
|
|
4
|
-
* @typedef {import("./types").Rectangle} Rectangle
|
|
5
|
-
* @typedef {import("./types").Platform} Platform
|
|
6
|
-
*/
|
|
7
|
-
|
|
8
|
-
import { clamp } from "@inglorious/utils/math/linear-algebra/vector.js"
|
|
9
|
-
import { subtract } from "@inglorious/utils/math/linear-algebra/vectors.js"
|
|
10
|
-
|
|
11
|
-
import { intersectsCircle as pointIntersectsCircle } from "./point.js"
|
|
12
|
-
import { hypothenuse } from "./triangle.js"
|
|
13
|
-
|
|
14
|
-
const HALF = 2
|
|
15
|
-
const SQUARED = 2
|
|
16
|
-
const INITIAL_SUM = 0
|
|
17
|
-
|
|
18
|
-
/**
|
|
19
|
-
* Checks if a circle intersects with a point.
|
|
20
|
-
* @param {Circle} circle - The circle to check.
|
|
21
|
-
* @param {Point} point - The point to check.
|
|
22
|
-
* @returns {boolean} True if the point intersects the circle, false otherwise.
|
|
23
|
-
*/
|
|
24
|
-
export function intersectsPoint(circle, point) {
|
|
25
|
-
return pointIntersectsCircle(point, circle)
|
|
26
|
-
}
|
|
27
|
-
|
|
28
|
-
/**
|
|
29
|
-
* Checks if two circles intersect.
|
|
30
|
-
* @param {Circle} circle1 - The first circle.
|
|
31
|
-
* @param {Circle} circle2 - The second circle.
|
|
32
|
-
* @returns {boolean} True if the circles intersect, false otherwise.
|
|
33
|
-
*/
|
|
34
|
-
export function intersectsCircle(circle1, circle2) {
|
|
35
|
-
return (
|
|
36
|
-
hypothenuse(...subtract(circle1.position, circle2.position)) <=
|
|
37
|
-
circle1.radius + circle2.radius
|
|
38
|
-
)
|
|
39
|
-
}
|
|
40
|
-
|
|
41
|
-
/**
|
|
42
|
-
* Checks if a circle intersects with a rectangle.
|
|
43
|
-
* @param {Circle} circle - The circle to check.
|
|
44
|
-
* @param {Rectangle} rectangle - The rectangle to check.
|
|
45
|
-
* @returns {boolean} True if the circle intersects the rectangle, false otherwise.
|
|
46
|
-
*/
|
|
47
|
-
export function intersectsRectangle(circle, rectangle) {
|
|
48
|
-
const [rectX, rectY, rectZ] = rectangle.position
|
|
49
|
-
const [width, height, depth] = rectangle.size
|
|
50
|
-
|
|
51
|
-
const left = rectX - width / HALF
|
|
52
|
-
const right = rectX + width / HALF
|
|
53
|
-
const bottom = rectY - height / HALF
|
|
54
|
-
const top = rectY + height / HALF
|
|
55
|
-
const back = rectZ - depth / HALF
|
|
56
|
-
const front = rectZ + depth / HALF
|
|
57
|
-
|
|
58
|
-
const closestPoint = clamp(
|
|
59
|
-
circle.position,
|
|
60
|
-
[left, bottom, back],
|
|
61
|
-
[right, top, front],
|
|
62
|
-
)
|
|
63
|
-
|
|
64
|
-
const distanceSquared = subtract(circle.position, closestPoint).reduce(
|
|
65
|
-
(sum, value) => sum + value ** SQUARED,
|
|
66
|
-
INITIAL_SUM,
|
|
67
|
-
)
|
|
68
|
-
|
|
69
|
-
return distanceSquared <= circle.radius ** SQUARED
|
|
70
|
-
}
|
|
@@ -1,97 +0,0 @@
|
|
|
1
|
-
import { expect, test } from "vitest"
|
|
2
|
-
|
|
3
|
-
import {
|
|
4
|
-
intersectsCircle,
|
|
5
|
-
intersectsPoint,
|
|
6
|
-
intersectsRectangle,
|
|
7
|
-
} from "./circle.js"
|
|
8
|
-
|
|
9
|
-
test("it should prove that a circle around a point intersects with it", () => {
|
|
10
|
-
const circle = {
|
|
11
|
-
position: [1, 1, 0],
|
|
12
|
-
radius: 1,
|
|
13
|
-
}
|
|
14
|
-
const point = [1.5, 1.5, 0]
|
|
15
|
-
|
|
16
|
-
expect(intersectsPoint(circle, point)).toBe(true)
|
|
17
|
-
})
|
|
18
|
-
|
|
19
|
-
test("it should prove that two equal circles intersect", () => {
|
|
20
|
-
const circle1 = { position: [1, 1, 0], radius: 1 }
|
|
21
|
-
const circle2 = { position: [1, 1, 0], radius: 1 }
|
|
22
|
-
|
|
23
|
-
expect(intersectsCircle(circle1, circle2)).toBe(true)
|
|
24
|
-
})
|
|
25
|
-
|
|
26
|
-
test("it should prove that two circles shifted by a small x intersect", () => {
|
|
27
|
-
const circle1 = { position: [1, 1, 0], radius: 1 }
|
|
28
|
-
const circle2 = { position: [2, 1, 0], radius: 1 }
|
|
29
|
-
|
|
30
|
-
expect(intersectsCircle(circle1, circle2)).toBe(true)
|
|
31
|
-
})
|
|
32
|
-
|
|
33
|
-
test("it should prove that two touching circles intersect", () => {
|
|
34
|
-
const circle1 = { position: [1, 1, 0], radius: 1 }
|
|
35
|
-
const circle2 = { position: [3, 1, 0], radius: 1 }
|
|
36
|
-
|
|
37
|
-
expect(intersectsCircle(circle1, circle2)).toBe(true)
|
|
38
|
-
})
|
|
39
|
-
|
|
40
|
-
test("it should prove that two non-touching circles do not intersect", () => {
|
|
41
|
-
const circle1 = { position: [1, 1, 0], radius: 1 }
|
|
42
|
-
const circle2 = { position: [4, 1, 0], radius: 1 }
|
|
43
|
-
|
|
44
|
-
expect(intersectsCircle(circle1, circle2)).toBe(false)
|
|
45
|
-
})
|
|
46
|
-
|
|
47
|
-
test("it should prove that a circle inside of a rectangle intersects with it", () => {
|
|
48
|
-
const circle = {
|
|
49
|
-
position: [1, 1, 0],
|
|
50
|
-
radius: 1,
|
|
51
|
-
}
|
|
52
|
-
const rectangle = {
|
|
53
|
-
position: [-1, -1, 0],
|
|
54
|
-
size: [4, 4, 0],
|
|
55
|
-
}
|
|
56
|
-
|
|
57
|
-
expect(intersectsRectangle(circle, rectangle)).toBe(true)
|
|
58
|
-
})
|
|
59
|
-
|
|
60
|
-
test("it should prove that a circle touching the border of a rectangle intersects with it", () => {
|
|
61
|
-
const circle = {
|
|
62
|
-
position: [1, 1, 0],
|
|
63
|
-
radius: 1,
|
|
64
|
-
}
|
|
65
|
-
const rectangle = {
|
|
66
|
-
position: [-1, 1, 0], // Rectangle's right edge is at x=0, touching the circle's left edge.
|
|
67
|
-
size: [2, 2, 0],
|
|
68
|
-
}
|
|
69
|
-
|
|
70
|
-
expect(intersectsRectangle(circle, rectangle)).toBe(true)
|
|
71
|
-
})
|
|
72
|
-
|
|
73
|
-
test("it should prove that a circle crossing a rectangle intersects with it", () => {
|
|
74
|
-
const circle = {
|
|
75
|
-
position: [1, 1, 0],
|
|
76
|
-
radius: 1,
|
|
77
|
-
}
|
|
78
|
-
const rectangle = {
|
|
79
|
-
position: [0, 0, 0],
|
|
80
|
-
size: [2, 2, 0],
|
|
81
|
-
}
|
|
82
|
-
|
|
83
|
-
expect(intersectsRectangle(circle, rectangle)).toBe(true)
|
|
84
|
-
})
|
|
85
|
-
|
|
86
|
-
test("it should prove that a circle outside of a rectangle does not intersect with it", () => {
|
|
87
|
-
const circle = {
|
|
88
|
-
position: [1, 1, 0],
|
|
89
|
-
radius: 1,
|
|
90
|
-
}
|
|
91
|
-
const rectangle = {
|
|
92
|
-
position: [-3, 0, 0],
|
|
93
|
-
size: [2, 2, 0],
|
|
94
|
-
}
|
|
95
|
-
|
|
96
|
-
expect(intersectsRectangle(circle, rectangle)).toBe(false)
|
|
97
|
-
})
|
|
@@ -1,70 +0,0 @@
|
|
|
1
|
-
// @see https://jonathanwhiting.com/tutorial/collision/
|
|
2
|
-
|
|
3
|
-
import { intersectsRectangle } from "./rectangle.js"
|
|
4
|
-
|
|
5
|
-
const FIRST_TILE = 0
|
|
6
|
-
const HALF = 2
|
|
7
|
-
const LAST_ROW = 1
|
|
8
|
-
|
|
9
|
-
export function findCollisions(hitmask, target) {
|
|
10
|
-
const [tilemapX, tilemapY, tilemapZ] = hitmask.position
|
|
11
|
-
const [tileWidth, tileDepth] = hitmask.tileSize
|
|
12
|
-
const halfTileWidth = tileWidth / HALF
|
|
13
|
-
const halfTileDepth = tileDepth / HALF
|
|
14
|
-
|
|
15
|
-
const dRows = Math.ceil(hitmask.heights.length / hitmask.columns)
|
|
16
|
-
const tilemapWidth = hitmask.columns * tileWidth
|
|
17
|
-
const tilemapDepth = dRows * tileDepth
|
|
18
|
-
|
|
19
|
-
const tilemapLeft = tilemapX - tilemapWidth / HALF
|
|
20
|
-
const tilemapBack = tilemapZ - tilemapDepth / HALF
|
|
21
|
-
|
|
22
|
-
const [targetX, , targetZ] = target.position
|
|
23
|
-
const [targetWidth, , targetDepth] = target.size
|
|
24
|
-
const targetHalfWidth = targetWidth / HALF
|
|
25
|
-
const targetHalfDepth = targetDepth / HALF
|
|
26
|
-
|
|
27
|
-
const targetLeft = targetX - targetHalfWidth
|
|
28
|
-
const targetRight = targetX + targetHalfWidth
|
|
29
|
-
const targetBack = targetZ - targetHalfDepth
|
|
30
|
-
const targetFront = targetZ + targetHalfDepth
|
|
31
|
-
|
|
32
|
-
const minTileX = Math.floor((targetLeft - tilemapLeft) / tileWidth)
|
|
33
|
-
const maxTileX = Math.floor((targetRight - tilemapLeft) / tileWidth)
|
|
34
|
-
const minTileZ = Math.floor((targetBack - tilemapBack) / tileDepth)
|
|
35
|
-
const maxTileZ = Math.floor((targetFront - tilemapBack) / tileDepth)
|
|
36
|
-
|
|
37
|
-
for (let i = minTileX; i <= maxTileX; i++) {
|
|
38
|
-
for (let j = minTileZ; j <= maxTileZ; j++) {
|
|
39
|
-
if (
|
|
40
|
-
i < FIRST_TILE ||
|
|
41
|
-
i >= hitmask.columns ||
|
|
42
|
-
j < FIRST_TILE ||
|
|
43
|
-
j >= dRows
|
|
44
|
-
) {
|
|
45
|
-
continue
|
|
46
|
-
}
|
|
47
|
-
|
|
48
|
-
const invertedRow = dRows - LAST_ROW - j
|
|
49
|
-
const tileIndex = invertedRow * hitmask.columns + i
|
|
50
|
-
const tileHeightValue = hitmask.heights[tileIndex]
|
|
51
|
-
|
|
52
|
-
if (tileHeightValue) {
|
|
53
|
-
const tileRectangle = {
|
|
54
|
-
position: [
|
|
55
|
-
tilemapLeft + i * tileWidth + halfTileWidth,
|
|
56
|
-
tilemapY,
|
|
57
|
-
tilemapBack + j * tileDepth + halfTileDepth,
|
|
58
|
-
],
|
|
59
|
-
size: [tileWidth, tileHeightValue, tileDepth],
|
|
60
|
-
}
|
|
61
|
-
|
|
62
|
-
if (intersectsRectangle(target, tileRectangle)) {
|
|
63
|
-
return true
|
|
64
|
-
}
|
|
65
|
-
}
|
|
66
|
-
}
|
|
67
|
-
}
|
|
68
|
-
|
|
69
|
-
return false
|
|
70
|
-
}
|
|
@@ -1,155 +0,0 @@
|
|
|
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 +0,0 @@
|
|
|
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 +0,0 @@
|
|
|
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,78 +0,0 @@
|
|
|
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
|
-
}
|
|
@@ -1,81 +0,0 @@
|
|
|
1
|
-
import { expect, test } from "vitest"
|
|
2
|
-
|
|
3
|
-
import {
|
|
4
|
-
intersectsCircle,
|
|
5
|
-
intersectsPoint,
|
|
6
|
-
intersectsRectangle,
|
|
7
|
-
} from "./point.js"
|
|
8
|
-
|
|
9
|
-
test("it should prove that two equal points intersect", () => {
|
|
10
|
-
const point1 = [1.5, 1.5, 0]
|
|
11
|
-
const point2 = [1.5, 1.5, 0]
|
|
12
|
-
|
|
13
|
-
expect(intersectsPoint(point1, point2)).toBe(true)
|
|
14
|
-
})
|
|
15
|
-
|
|
16
|
-
test("it should prove that two different points do not intersect", () => {
|
|
17
|
-
const point1 = [1.5, 1.5, 0]
|
|
18
|
-
const point2 = [2, 1, 0]
|
|
19
|
-
|
|
20
|
-
expect(intersectsPoint(point1, point2)).toBe(false)
|
|
21
|
-
})
|
|
22
|
-
|
|
23
|
-
test("it should prove that a point inside of a circle intersects with it", () => {
|
|
24
|
-
const point = [1.5, 1.5, 0]
|
|
25
|
-
const circle = {
|
|
26
|
-
position: [1, 1, 0],
|
|
27
|
-
radius: 1,
|
|
28
|
-
}
|
|
29
|
-
|
|
30
|
-
expect(intersectsCircle(point, circle)).toBe(true)
|
|
31
|
-
})
|
|
32
|
-
|
|
33
|
-
test("it should prove that a point on the border of a circle intersects with it", () => {
|
|
34
|
-
const point = [2, 1, 0]
|
|
35
|
-
const circle = {
|
|
36
|
-
position: [1, 1, 0],
|
|
37
|
-
radius: 1,
|
|
38
|
-
}
|
|
39
|
-
|
|
40
|
-
expect(intersectsCircle(point, circle)).toBe(true)
|
|
41
|
-
})
|
|
42
|
-
|
|
43
|
-
test("it should prove that a point outside of a circle does not intersect with it", () => {
|
|
44
|
-
const point = [2, 2, 0]
|
|
45
|
-
const circle = {
|
|
46
|
-
position: [1, 1, 0],
|
|
47
|
-
radius: 1,
|
|
48
|
-
}
|
|
49
|
-
|
|
50
|
-
expect(intersectsCircle(point, circle)).toBe(false)
|
|
51
|
-
})
|
|
52
|
-
|
|
53
|
-
test("it should prove that a point inside of a rectangle intersects with it", () => {
|
|
54
|
-
const point = [1.5, 1.5, 0]
|
|
55
|
-
const rectangle = {
|
|
56
|
-
position: [1, 1, 0],
|
|
57
|
-
size: [2, 2, 0],
|
|
58
|
-
}
|
|
59
|
-
|
|
60
|
-
expect(intersectsRectangle(point, rectangle)).toBe(true)
|
|
61
|
-
})
|
|
62
|
-
|
|
63
|
-
test("it should prove that a point on the border of a rectangle intersects with it", () => {
|
|
64
|
-
const point = [2, 1, 0]
|
|
65
|
-
const rectangle = {
|
|
66
|
-
position: [1, 1, 0],
|
|
67
|
-
size: [2, 2, 0],
|
|
68
|
-
}
|
|
69
|
-
|
|
70
|
-
expect(intersectsRectangle(point, rectangle)).toBe(true)
|
|
71
|
-
})
|
|
72
|
-
|
|
73
|
-
test("it should prove that a point outside of a rectangle does not intersect with it", () => {
|
|
74
|
-
const point = [2.5, 2.5, 0]
|
|
75
|
-
const rectangle = {
|
|
76
|
-
position: [1, 1, 0],
|
|
77
|
-
size: [2, 2, 0],
|
|
78
|
-
}
|
|
79
|
-
|
|
80
|
-
expect(intersectsRectangle(point, rectangle)).toBe(false)
|
|
81
|
-
})
|