fraxel 0.1.0-alpha.1

package/dist/nodes/node2d/ray-cast.d.ts

@@ -0,0 +1,115 @@
+import { Event } from '../../events/event.js';
+import { Vector2, type VectorLike } from '../../math/vector2.js';
+import { PrimaryNode } from '../lib/enum.js';
+import { Node2D, type Node2DOptions } from './_node2d.js';
+import type { Collider } from './collider.js';
+import type { Reactive } from '../../reactivity/types.js';
+export interface RayCastOptions extends Node2DOptions<PrimaryNode.RayCast> {
+    /**
+     * The **`direction`** property defines the relative point from the raycast origin.
+     * The origin is the node's position in the game world.
+     *
+     * @example
+     * ```tsx
+     * // 3 units to the right
+     * <ray-cast direction={new Vector2(3, 0)} ... />
+     *
+     * // 2 units to the left
+     * <ray-cast direction={new Vector2(-2, 0)} ... />
+     *
+     * // 3 units right and 3 units up (diagonal)
+     * <ray-cast direction={new Vector2(3, 3)} ... />
+     * ```
+     */
+    direction: Reactive<VectorLike>;
+    /**
+     * The **`collidesWith`** property defines which groups this raycast can interact with.
+     *
+     * @example
+     * ```tsx
+     * <ray-cast direction={...} collidesWith={['enemy', 'obstacle']} ... />
+     * ```
+     */
+    collidesWith: string[];
+}
+/**
+ * The **`RayCast`** node projects a ray from its position in a direction and detects the first collider it hits.
+ * It supports both rectangle and circle collider shapes and emits events when the detected collider changes.
+ *
+ * @example
+ * ```tsx
+ * import { useNode, useEvent } from 'dinix/hooks'
+ * import { PrimaryNode } from 'dinix/nodes/enum'
+ *
+ * function Gun() {
+ *   const ray = useNode(PrimaryNode.RayCast)
+ *
+ *   useEvent(ray, 'colliderEnter', (collider) => {
+ *     console.log('Hit:', collider)
+ *   })
+ *
+ *   return (
+ *     <ray-cast
+ *       ref={ray}
+ *       direction={new Vector2(100, 0)}
+ *       collidesWith={['enemy']}
+ *     />
+ *   )
+ * }
+ * ```
+ */
+export declare class RayCast extends Node2D<PrimaryNode.RayCast> {
+    #private;
+    /**
+     * The **`direction`** property defines the relative endpoint of the raycast from its origin.
+     */
+    direction: Vector2;
+    _detectedCollider: Collider | null;
+    constructor(options: RayCastOptions);
+    /**
+     * The read-only **`collidesWith`** property returns the groups this raycast detects.
+     */
+    get collidesWith(): string[];
+    /**
+     * The read-only **`length`** property returns the length of the raycast direction vector.
+     *
+     * @example
+     * ```ts
+     * // Ray pointing 5 units right, 12 units up
+     * const length = ray.length // 13
+     * ```
+     */
+    get length(): number;
+    /**
+     * The **`colliderEntered`** event fires when a new collider is hit by this raycast.
+     */
+    colliderEntered: Event<[_collider: Collider], "colliderEnter">;
+    /**
+     * The **`colliderExited`** event fires when the previously hit collider is no longer in range.
+     */
+    colliderExited: Event<[_collider: Collider], "colliderExit">;
+    /**
+     * The **`getCollider`** method returns the currently detected collider, or `null` if none is in range.
+     * @returns The detected `Collider` or `null`.
+     *
+     * @example
+     * ```ts
+     * useEvent(ray, 'colliderEnter', () => {
+     *   const target = ray.node.getCollider()
+     *   if (target) {
+     *     console.log('Target found at:', target.globalPosition)
+     *   }
+     * })
+     * ```
+     */
+    getCollider(): Collider | null;
+    /** @internal Registers this raycast with the collision system. */
+    start(): void;
+    /** @internal Draws the raycast direction for debugging. */
+    draw(delta: number): void;
+    /** @internal Updates the raycast each frame. */
+    update(delta: number): void;
+    /** @internal Unregisters this raycast from the collision system. */
+    destroy(): void;
+}
+//# sourceMappingURL=ray-cast.d.ts.map

package/dist/nodes/node2d/ray-cast.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ray-cast.d.ts","sourceRoot":"","sources":["../../../src/nodes/node2d/ray-cast.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAA;AAC7C,OAAO,EAAE,OAAO,EAAa,KAAK,UAAU,EAAE,MAAM,uBAAuB,CAAA;AAC3E,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAC5C,OAAO,EAAE,MAAM,EAAE,KAAK,aAAa,EAAE,MAAM,cAAc,CAAA;AAGzD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AAC7C,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAA;AAGzD,MAAM,WAAW,cAAe,SAAQ,aAAa,CAAC,WAAW,CAAC,OAAO,CAAC;IACxE;;;;;;;;;;;;;;;OAeG;IACH,SAAS,EAAE,QAAQ,CAAC,UAAU,CAAC,CAAA;IAC/B;;;;;;;OAOG;IACH,YAAY,EAAE,MAAM,EAAE,CAAA;CACvB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,qBAAa,OAAQ,SAAQ,MAAM,CAAC,WAAW,CAAC,OAAO,CAAC;;IACtD;;OAEG;IACH,SAAS,EAAE,OAAO,CAAA;IAIlB,iBAAiB,EAAE,QAAQ,GAAG,IAAI,CAAO;gBAE7B,OAAO,EAAE,cAAc;IAOnC;;OAEG;IACH,IAAI,YAAY,aAEf;IAED;;;;;;;;OAQG;IACH,IAAI,MAAM,IAAI,MAAM,CAEnB;IAED;;OAEG;IACH,eAAe,gDAA0D;IAEzE;;OAEG;IACH,cAAc,+CAAyD;IAEvE;;;;;;;;;;;;;OAaG;IACH,WAAW,IAAI,QAAQ,GAAG,IAAI;IAI9B,kEAAkE;IAClE,KAAK,IAAI,IAAI;IAKb,2DAA2D;IAC3D,IAAI,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI;IAkCzB,gDAAgD;IAChD,MAAM,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI;IAI3B,oEAAoE;IACpE,OAAO,IAAI,IAAI;CAIhB"}

package/dist/nodes/node2d/ray-cast.js

@@ -0,0 +1,129 @@
+import { GameConfig } from '../../core/game-config.js';
+import { Event } from '../../events/event.js';
+import { Vector2, vectorize } from '../../math/vector2.js';
+import { PrimaryNode } from '../lib/enum.js';
+import { Node2D } from './_node2d.js';
+import { Nodes } from '../lib/registry.js';
+import { CollisionSystem } from '../../collision/collision-system.js';
+import { applySignal, propSignal } from '../../utils/ternaries.js';
+/**
+ * The **`RayCast`** node projects a ray from its position in a direction and detects the first collider it hits.
+ * It supports both rectangle and circle collider shapes and emits events when the detected collider changes.
+ *
+ * @example
+ * ```tsx
+ * import { useNode, useEvent } from 'dinix/hooks'
+ * import { PrimaryNode } from 'dinix/nodes/enum'
+ *
+ * function Gun() {
+ *   const ray = useNode(PrimaryNode.RayCast)
+ *
+ *   useEvent(ray, 'colliderEnter', (collider) => {
+ *     console.log('Hit:', collider)
+ *   })
+ *
+ *   return (
+ *     <ray-cast
+ *       ref={ray}
+ *       direction={new Vector2(100, 0)}
+ *       collidesWith={['enemy']}
+ *     />
+ *   )
+ * }
+ * ```
+ */
+export class RayCast extends Node2D {
+    /**
+     * The **`direction`** property defines the relative endpoint of the raycast from its origin.
+     */
+    direction;
+    #collidesWith;
+    _detectedCollider = null;
+    constructor(options) {
+        super(PrimaryNode.RayCast, options);
+        this.direction = propSignal(this, 'direction', applySignal(options.direction, vectorize));
+        this.#collidesWith = Array.from(new Set(options.collidesWith));
+    }
+    /**
+     * The read-only **`collidesWith`** property returns the groups this raycast detects.
+     */
+    get collidesWith() {
+        return this.#collidesWith;
+    }
+    /**
+     * The read-only **`length`** property returns the length of the raycast direction vector.
+     *
+     * @example
+     * ```ts
+     * // Ray pointing 5 units right, 12 units up
+     * const length = ray.length // 13
+     * ```
+     */
+    get length() {
+        return Math.sqrt(this.direction.x ** 2 + this.direction.y ** 2);
+    }
+    /**
+     * The **`colliderEntered`** event fires when a new collider is hit by this raycast.
+     */
+    colliderEntered = new Event('colliderEnter', (_collider) => { });
+    /**
+     * The **`colliderExited`** event fires when the previously hit collider is no longer in range.
+     */
+    colliderExited = new Event('colliderExit', (_collider) => { });
+    /**
+     * The **`getCollider`** method returns the currently detected collider, or `null` if none is in range.
+     * @returns The detected `Collider` or `null`.
+     *
+     * @example
+     * ```ts
+     * useEvent(ray, 'colliderEnter', () => {
+     *   const target = ray.node.getCollider()
+     *   if (target) {
+     *     console.log('Target found at:', target.globalPosition)
+     *   }
+     * })
+     * ```
+     */
+    getCollider() {
+        return this._detectedCollider;
+    }
+    /** @internal Registers this raycast with the collision system. */
+    start() {
+        CollisionSystem.registerRaycast(this);
+        super.start();
+    }
+    /** @internal Draws the raycast direction for debugging. */
+    draw(delta) {
+        if (GameConfig.testOptions.showRayCasts) {
+            const endX = this.position.x + this.direction.x;
+            const endY = this.position.y + this.direction.y;
+            GameConfig.ctx.fillStyle = '#b83c3c55';
+            GameConfig.ctx.strokeStyle = '#b83c3c55';
+            GameConfig.ctx.lineWidth = 1;
+            GameConfig.ctx.beginPath();
+            GameConfig.ctx.moveTo(this.position.x, this.position.y);
+            GameConfig.ctx.lineTo(endX, endY);
+            GameConfig.ctx.stroke();
+            const angle = Math.atan2(this.direction.y, this.direction.x);
+            const headLen = 4;
+            GameConfig.ctx.beginPath();
+            GameConfig.ctx.moveTo(endX, endY);
+            GameConfig.ctx.lineTo(endX - headLen * Math.cos(angle - Math.PI / 6), endY - headLen * Math.sin(angle - Math.PI / 6));
+            GameConfig.ctx.lineTo(endX - headLen * Math.cos(angle + Math.PI / 6), endY - headLen * Math.sin(angle + Math.PI / 6));
+            GameConfig.ctx.closePath();
+            GameConfig.ctx.fill();
+        }
+        super.draw(delta);
+    }
+    /** @internal Updates the raycast each frame. */
+    update(delta) {
+        super.update(delta);
+    }
+    /** @internal Unregisters this raycast from the collision system. */
+    destroy() {
+        CollisionSystem.unregisterRaycast(this);
+        super.destroy();
+    }
+}
+Nodes['ray-cast'] = RayCast;
+//# sourceMappingURL=ray-cast.js.map

package/dist/nodes/node2d/ray-cast.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ray-cast.js","sourceRoot":"","sources":["../../../src/nodes/node2d/ray-cast.ts"],"names":[],"mappings":"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"}

package/dist/nodes/node2d/rectangle.d.ts

@@ -0,0 +1,87 @@
+import { type Vector2, type VectorLike } from '../../math/vector2.js';
+import type { Color } from '../../math/types.js';
+import { PrimaryNode } from '../lib/enum.js';
+import { Node2D, type Node2DOptions } from './_node2d.js';
+import type { Reactive } from '../../reactivity/types.js';
+/**
+ * Options for the `Rectangle` node.
+ */
+export interface RectangleOptions extends Node2DOptions<PrimaryNode.Rectangle> {
+    /**
+     * The **`size`** property defines the dimensions of the rectangle.
+     *
+     * @example
+     * ```tsx
+     * <rectangle size={[64, 32]} />
+     * <rectangle size={new Vector2(100, 50)} />
+     * <rectangle size={32} />
+     * ```
+     */
+    size: Reactive<VectorLike>;
+    /**
+     * The **`fillColor`** property defines the fill color of the rectangle.
+     * Each channel ranges from `0` to `1`.
+     *
+     * @default [1, 1, 1, 1]
+     *
+     * @example
+     * ```tsx
+     * <rectangle size={[64, 32]} fillColor={[1, 0, 0, 1]} />
+     * ```
+     */
+    fillColor?: Reactive<Color>;
+    /**
+     * The **`strokeColor`** property defines the border color of the rectangle.
+     * If not provided, no border is drawn.
+     *
+     * @example
+     * ```tsx
+     * <rectangle size={[64, 32]} strokeColor={[0, 0, 0, 1]} strokeWidth={2} />
+     * ```
+     */
+    strokeColor?: Reactive<Color>;
+    /**
+     * The **`strokeWidth`** property defines the border width in pixels.
+     *
+     * @default 1
+     *
+     * @example
+     * ```tsx
+     * <rectangle size={[64, 32]} strokeColor={[0, 0, 0, 1]} strokeWidth={3} />
+     * ```
+     */
+    strokeWidth?: Reactive<number>;
+}
+/**
+ * The **`Rectangle`** node renders a filled and optionally stroked rectangle.
+ * It supports reactive props via `Reactive` for dynamic visuals.
+ *
+ * @example
+ * ```tsx
+ * import { useNode } from 'dinix/hooks'
+ * import { PrimaryNode } from 'dinix/nodes/enum'
+ *
+ * function HealthBar() {
+ *   const bar = useNode(PrimaryNode.Rectangle)
+ *
+ *   return (
+ *     <rectangle
+ *       ref={bar}
+ *       position={[10, 10]}
+ *       size={[100, 8]}
+ *       fillColor={[0, 1, 0, 1]}
+ *     />
+ *   )
+ * }
+ * ```
+ */
+export declare class Rectangle extends Node2D<PrimaryNode.Rectangle> {
+    size: Vector2;
+    fillColor: Color;
+    strokeColor: Color | undefined;
+    strokeWidth: number;
+    constructor(options: RectangleOptions);
+    /** @internal Draws the rectangle. */
+    draw(delta: number): void;
+}
+//# sourceMappingURL=rectangle.d.ts.map

package/dist/nodes/node2d/rectangle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"rectangle.d.ts","sourceRoot":"","sources":["../../../src/nodes/node2d/rectangle.ts"],"names":[],"mappings":"AACA,OAAO,EAAa,KAAK,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,uBAAuB,CAAA;AAChF,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,qBAAqB,CAAA;AAEhD,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAC5C,OAAO,EAAE,MAAM,EAAE,KAAK,aAAa,EAAE,MAAM,cAAc,CAAA;AAEzD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAA;AAEzD;;GAEG;AACH,MAAM,WAAW,gBAAiB,SAAQ,aAAa,CAAC,WAAW,CAAC,SAAS,CAAC;IAC5E;;;;;;;;;OASG;IACH,IAAI,EAAE,QAAQ,CAAC,UAAU,CAAC,CAAA;IAC1B;;;;;;;;;;OAUG;IACH,SAAS,CAAC,EAAE,QAAQ,CAAC,KAAK,CAAC,CAAA;IAC3B;;;;;;;;OAQG;IACH,WAAW,CAAC,EAAE,QAAQ,CAAC,KAAK,CAAC,CAAA;IAC7B;;;;;;;;;OASG;IACH,WAAW,CAAC,EAAE,QAAQ,CAAC,MAAM,CAAC,CAAA;CAC/B;AAED;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,qBAAa,SAAU,SAAQ,MAAM,CAAC,WAAW,CAAC,SAAS,CAAC;IAC1D,IAAI,EAAE,OAAO,CAAA;IACb,SAAS,EAAE,KAAK,CAAA;IAChB,WAAW,EAAE,KAAK,GAAG,SAAS,CAAA;IAC9B,WAAW,EAAE,MAAM,CAAA;gBAEP,OAAO,EAAE,gBAAgB;IAQrC,qCAAqC;IACrC,IAAI,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI;CAoB1B"}

package/dist/nodes/node2d/rectangle.js

@@ -0,0 +1,60 @@
+import { GameConfig } from '../../core/game-config.js';
+import { vectorize } from '../../math/vector2.js';
+import { applySignal, propSignal } from '../../utils/ternaries.js';
+import { PrimaryNode } from '../lib/enum.js';
+import { Node2D } from './_node2d.js';
+import { Nodes } from '../lib/registry.js';
+/**
+ * The **`Rectangle`** node renders a filled and optionally stroked rectangle.
+ * It supports reactive props via `Reactive` for dynamic visuals.
+ *
+ * @example
+ * ```tsx
+ * import { useNode } from 'dinix/hooks'
+ * import { PrimaryNode } from 'dinix/nodes/enum'
+ *
+ * function HealthBar() {
+ *   const bar = useNode(PrimaryNode.Rectangle)
+ *
+ *   return (
+ *     <rectangle
+ *       ref={bar}
+ *       position={[10, 10]}
+ *       size={[100, 8]}
+ *       fillColor={[0, 1, 0, 1]}
+ *     />
+ *   )
+ * }
+ * ```
+ */
+export class Rectangle extends Node2D {
+    size;
+    fillColor;
+    strokeColor;
+    strokeWidth;
+    constructor(options) {
+        super(PrimaryNode.Rectangle, options);
+        this.size = propSignal(this, 'size', applySignal(options.size, vectorize));
+        this.fillColor = propSignal(this, 'fillColor', options.fillColor) ?? [1, 1, 1, 1];
+        this.strokeColor = propSignal(this, 'strokeColor', options.strokeColor);
+        this.strokeWidth = propSignal(this, 'strokeWidth', options.strokeWidth) ?? 1;
+    }
+    /** @internal Draws the rectangle. */
+    draw(delta) {
+        const ctx = GameConfig.ctx;
+        const [r, g, b, a] = this.fillColor;
+        ctx.save();
+        ctx.fillStyle = `rgba(${r * 255}, ${g * 255}, ${b * 255}, ${a})`;
+        ctx.fillRect(this.position.x, this.position.y, this.size.x, this.size.y);
+        if (this.strokeColor) {
+            const [sr, sg, sb, sa] = this.strokeColor;
+            ctx.strokeStyle = `rgba(${sr * 255}, ${sg * 255}, ${sb * 255}, ${sa})`;
+            ctx.lineWidth = this.strokeWidth;
+            ctx.strokeRect(this.position.x, this.position.y, this.size.x, this.size.y);
+        }
+        ctx.restore();
+        super.draw(delta);
+    }
+}
+Nodes.rectangle = Rectangle;
+//# sourceMappingURL=rectangle.js.map

package/dist/nodes/node2d/rectangle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"rectangle.js","sourceRoot":"","sources":["../../../src/nodes/node2d/rectangle.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAA;AACtD,OAAO,EAAE,SAAS,EAAiC,MAAM,uBAAuB,CAAA;AAEhF,OAAO,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAA;AAClE,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAC5C,OAAO,EAAE,MAAM,EAAsB,MAAM,cAAc,CAAA;AACzD,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAA;AAqD1C;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,MAAM,OAAO,SAAU,SAAQ,MAA6B;IAC1D,IAAI,CAAS;IACb,SAAS,CAAO;IAChB,WAAW,CAAmB;IAC9B,WAAW,CAAQ;IAEnB,YAAY,OAAyB;QACnC,KAAK,CAAC,WAAW,CAAC,SAAS,EAAE,OAAO,CAAC,CAAA;QACrC,IAAI,CAAC,IAAI,GAAG,UAAU,CAAC,IAAI,EAAE,MAAM,EAAE,WAAW,CAAC,OAAO,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC,CAAA;QAC1E,IAAI,CAAC,SAAS,GAAG,UAAU,CAAC,IAAI,EAAE,WAAW,EAAE,OAAO,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAA;QACjF,IAAI,CAAC,WAAW,GAAG,UAAU,CAAC,IAAI,EAAE,aAAa,EAAE,OAAO,CAAC,WAAW,CAAC,CAAA;QACvE,IAAI,CAAC,WAAW,GAAG,UAAU,CAAC,IAAI,EAAE,aAAa,EAAE,OAAO,CAAC,WAAW,CAAC,IAAI,CAAC,CAAA;IAC9E,CAAC;IAED,qCAAqC;IACrC,IAAI,CAAC,KAAa;QAChB,MAAM,GAAG,GAAG,UAAU,CAAC,GAAG,CAAA;QAC1B,MAAM,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,GAAG,IAAI,CAAC,SAAS,CAAA;QAEnC,GAAG,CAAC,IAAI,EAAE,CAAA;QAEV,GAAG,CAAC,SAAS,GAAG,QAAQ,CAAC,GAAG,GAAG,KAAK,CAAC,GAAG,GAAG,KAAK,CAAC,GAAG,GAAG,KAAK,CAAC,GAAG,CAAA;QAChE,GAAG,CAAC,QAAQ,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC,EAAE,IAAI,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CAAA;QAExE,IAAI,IAAI,CAAC,WAAW,EAAE,CAAC;YACrB,MAAM,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,GAAG,IAAI,CAAC,WAAW,CAAA;YACzC,GAAG,CAAC,WAAW,GAAG,QAAQ,EAAE,GAAG,GAAG,KAAK,EAAE,GAAG,GAAG,KAAK,EAAE,GAAG,GAAG,KAAK,EAAE,GAAG,CAAA;YACtE,GAAG,CAAC,SAAS,GAAG,IAAI,CAAC,WAAW,CAAA;YAChC,GAAG,CAAC,UAAU,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC,EAAE,IAAI,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CAAA;QAC5E,CAAC;QAED,GAAG,CAAC,OAAO,EAAE,CAAA;QAEb,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,CAAA;IACnB,CAAC;CACF;AAED,KAAK,CAAC,SAAS,GAAG,SAAS,CAAA"}

package/dist/nodes/node2d/rigid-body.d.ts

@@ -0,0 +1,65 @@
+import { PrimaryNode } from '../lib/enum.js';
+import { Node2D, type Node2DOptions } from './_node2d.js';
+import { PhysicsBody } from '../../collision/physics/physics-body.js';
+/**
+ * Options for the `RigidBody` node.
+ */
+export interface RigidBodyOptions extends Node2DOptions<PrimaryNode.RigidBody> {
+    /**
+     * Mass of the body. Higher values are heavier. `0` means infinite mass (static).
+     * @default 1
+     */
+    mass?: number;
+    /**
+     * Friction coefficient (0 to 1).
+     * @default 0.1
+     */
+    friction?: number;
+    /**
+     * Restitution / bounce coefficient (0 to 1). `0` = no bounce, `1` = perfect bounce.
+     * @default 0
+     */
+    bounce?: number;
+    /**
+     * If true, the body does not move.
+     * @default false
+     */
+    isStatic?: boolean;
+    /**
+     * If false, gravity is not applied.
+     * @default true
+     */
+    useGravity?: boolean;
+}
+/**
+ * The **`RigidBody`** node adds physics simulation to a collider.
+ * It must be a sibling of a `Collider` node to work.
+ *
+ * Gravity is applied by default (980 px/s² downward). The body integrates
+ * velocity into position each frame and resolves collisions with other bodies.
+ *
+ * @example
+ * ```tsx
+ * import { shapes } from 'dinix'
+ *
+ * function FallingRock() {
+ *   return (
+ *     <transform position={[100, 0]}>
+ *       <sprite textureId={ROCK} />
+ *       <collider shape={shapes.circle(16)} group={['rock']} collidesWith={['ground']} />
+ *       <rigid-body mass={2} bounce={0.6} />
+ *     </transform>
+ *   )
+ * }
+ * ```
+ */
+export declare class RigidBody extends Node2D<PrimaryNode.RigidBody> {
+    /** The underlying physics body. */
+    readonly physicsBody: PhysicsBody;
+    constructor(options: RigidBodyOptions);
+    /** @internal Registers with the physics system using the sibling collider. */
+    start(): void;
+    /** @internal Unregisters from the physics system. */
+    destroy(): void;
+}
+//# sourceMappingURL=rigid-body.d.ts.map

package/dist/nodes/node2d/rigid-body.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"rigid-body.d.ts","sourceRoot":"","sources":["../../../src/nodes/node2d/rigid-body.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAE5C,OAAO,EAAE,MAAM,EAAE,KAAK,aAAa,EAAE,MAAM,cAAc,CAAA;AACzD,OAAO,EAAE,WAAW,EAAE,MAAM,yCAAyC,CAAA;AAIrE;;GAEG;AACH,MAAM,WAAW,gBAAiB,SAAQ,aAAa,CAAC,WAAW,CAAC,SAAS,CAAC;IAC5E;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,CAAA;IACb;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAA;IACf;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAA;CACrB;AAED;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,qBAAa,SAAU,SAAQ,MAAM,CAAC,WAAW,CAAC,SAAS,CAAC;IAC1D,mCAAmC;IACnC,QAAQ,CAAC,WAAW,EAAE,WAAW,CAAA;gBAErB,OAAO,EAAE,gBAAgB;IAWrC,8EAA8E;IAC9E,KAAK,IAAI,IAAI;IAUb,qDAAqD;IACrD,OAAO,IAAI,IAAI;CAIhB"}

package/dist/nodes/node2d/rigid-body.js

@@ -0,0 +1,56 @@
+import { PrimaryNode } from '../lib/enum.js';
+import { Nodes } from '../lib/registry.js';
+import { Node2D } from './_node2d.js';
+import { PhysicsBody } from '../../collision/physics/physics-body.js';
+import { PhysicsSystem } from '../../collision/physics/physics-system.js';
+/**
+ * The **`RigidBody`** node adds physics simulation to a collider.
+ * It must be a sibling of a `Collider` node to work.
+ *
+ * Gravity is applied by default (980 px/s² downward). The body integrates
+ * velocity into position each frame and resolves collisions with other bodies.
+ *
+ * @example
+ * ```tsx
+ * import { shapes } from 'dinix'
+ *
+ * function FallingRock() {
+ *   return (
+ *     <transform position={[100, 0]}>
+ *       <sprite textureId={ROCK} />
+ *       <collider shape={shapes.circle(16)} group={['rock']} collidesWith={['ground']} />
+ *       <rigid-body mass={2} bounce={0.6} />
+ *     </transform>
+ *   )
+ * }
+ * ```
+ */
+export class RigidBody extends Node2D {
+    /** The underlying physics body. */
+    physicsBody;
+    constructor(options) {
+        super(PrimaryNode.RigidBody, options);
+        this.physicsBody = new PhysicsBody({
+            mass: options.mass,
+            friction: options.friction,
+            bounce: options.bounce,
+            isStatic: options.isStatic,
+            useGravity: options.useGravity,
+        });
+    }
+    /** @internal Registers with the physics system using the sibling collider. */
+    start() {
+        const collider = this._children.find((c) => c.type === PrimaryNode.Collider);
+        if (collider != null) {
+            PhysicsSystem.register(this.physicsBody, collider);
+        }
+        super.start();
+    }
+    /** @internal Unregisters from the physics system. */
+    destroy() {
+        PhysicsSystem.unregister(this.physicsBody);
+        super.destroy();
+    }
+}
+Nodes['rigid-body'] = RigidBody;
+//# sourceMappingURL=rigid-body.js.map

package/dist/nodes/node2d/rigid-body.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"rigid-body.js","sourceRoot":"","sources":["../../../src/nodes/node2d/rigid-body.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAC5C,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAA;AAC1C,OAAO,EAAE,MAAM,EAAsB,MAAM,cAAc,CAAA;AACzD,OAAO,EAAE,WAAW,EAAE,MAAM,yCAAyC,CAAA;AACrE,OAAO,EAAE,aAAa,EAAE,MAAM,2CAA2C,CAAA;AAkCzE;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,MAAM,OAAO,SAAU,SAAQ,MAA6B;IAC1D,mCAAmC;IAC1B,WAAW,CAAa;IAEjC,YAAY,OAAyB;QACnC,KAAK,CAAC,WAAW,CAAC,SAAS,EAAE,OAAO,CAAC,CAAA;QACrC,IAAI,CAAC,WAAW,GAAG,IAAI,WAAW,CAAC;YACjC,IAAI,EAAE,OAAO,CAAC,IAAI;YAClB,QAAQ,EAAE,OAAO,CAAC,QAAQ;YAC1B,MAAM,EAAE,OAAO,CAAC,MAAM;YACtB,QAAQ,EAAE,OAAO,CAAC,QAAQ;YAC1B,UAAU,EAAE,OAAO,CAAC,UAAU;SAC/B,CAAC,CAAA;IACJ,CAAC;IAED,8EAA8E;IAC9E,KAAK;QACH,MAAM,QAAQ,GAAG,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC,EAAiB,EAAE,CAAC,CAAC,CAAC,IAAI,KAAK,WAAW,CAAC,QAAQ,CAAC,CAAA;QAE3F,IAAI,QAAQ,IAAI,IAAI,EAAE,CAAC;YACrB,aAAa,CAAC,QAAQ,CAAC,IAAI,CAAC,WAAW,EAAE,QAAQ,CAAC,CAAA;QACpD,CAAC;QAED,KAAK,CAAC,KAAK,EAAE,CAAA;IACf,CAAC;IAED,qDAAqD;IACrD,OAAO;QACL,aAAa,CAAC,UAAU,CAAC,IAAI,CAAC,WAAW,CAAC,CAAA;QAC1C,KAAK,CAAC,OAAO,EAAE,CAAA;IACjB,CAAC;CACF;AAED,KAAK,CAAC,YAAY,CAAC,GAAG,SAAS,CAAA"}