@vworlds/vecs-phaser-client 1.0.25

package/CHANGELOG.md

@@ -0,0 +1,14 @@
+# Changelog
+
+All notable changes to `@vworlds/vecs-phaser-client` will be documented in this file.
+
+The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.1.0/), and this project uses [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
+
+## [Unreleased]
+
+### Added
+
+- Added `CoordSpace` for meter-to-pixel conversion with center-origin, +Y-up world coordinates at the Phaser boundary.
+- Added `PhaserVecsRuntime` for mapping networked vecs entities to Phaser `GameObject`s, lifecycle cleanup, and reset rebuilds.
+- Added per-shape renderers for arcs, rectangles, polygons, lines, text, ellipses, triangles, and stars, including shared transform and style initialization/sync.
+- Added `phaserInterpolators` and `rotationInterpolator` for shortest-arc rotation interpolation.

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 vworlds
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,35 @@
+# @vworlds/vecs-phaser-client
+
+Browser runtime adapter: observes a replicated `ClientWorld` and automatically creates,
+updates, and destroys Phaser GameObjects (`PhaserVecsRuntime`, `CoordSpace`). All pixel,
+PPM, and Y-flip conversion lives here at the Phaser frontier.
+
+Depends on `@vworlds/vecs-phaser` and `@vworlds/vecs-client`. Requires `phaser@^4.1.0` as
+a peer dependency (provided by the application).
+
+## Rotation Interpolation
+
+`ClientWorld` interpolation is configured at construction/connect time. To smooth Phaser
+`Rotation` components with shortest-arc angular interpolation, pass `phaserInterpolators()`
+when connecting the world:
+
+```ts
+import { ClientWorld } from "@vworlds/vecs-client";
+import { phaserNetworkComponents } from "@vworlds/vecs-phaser";
+import { phaserInterpolators, PhaserVecsRuntime } from "@vworlds/vecs-phaser-client";
+
+const world = await ClientWorld.connectDgram({
+  host: "localhost",
+  port: 8080,
+  worldName: "main",
+  networkComponents: phaserNetworkComponents,
+  interpolators: phaserInterpolators(),
+});
+
+new PhaserVecsRuntime({ world, scene, interpolateRotation: true }).start();
+```
+
+Keep `PhaserVecsRuntimeOptions.interpolateRotation` consistent with the
+`phaserInterpolators({ interpolateRotation })` argument. Pass
+`phaserInterpolators({ interpolateRotation: false })` and runtime
+`interpolateRotation: false` to snap rotation updates instead.

package/dist/coord_space.d.ts

@@ -0,0 +1,35 @@
+/// <reference types="./phaser" resolution-mode="require"/>
+import type Phaser from "phaser";
+/**
+ * Converts between server-side meter coordinates (+y up, origin at center)
+ * and Phaser screen-pixel coordinates (+y down, origin at top-left).
+ *
+ * The server origin (0, 0) maps to the scene center. All coordinate reads
+ * happen on every call so that canvas resizes are reflected immediately.
+ *
+ * See architecture/README.md §4 for the full coordinate model and formulas.
+ */
+export declare class CoordSpace {
+    private readonly _scene;
+    private readonly _ppm;
+    constructor(scene: Phaser.Scene, ppm?: number);
+    /** Absolute X pixel: scene center + ppm * meter-x. */
+    x(mx: number): number;
+    /** Absolute Y pixel: scene center - ppm * meter-y (Y flip). */
+    y(my: number): number;
+    /** Length in pixels: ppm * meters. */
+    len(m: number): number;
+    /** Relative X pixel (no center offset): ppm * meter-x. */
+    rx(mx: number): number;
+    /** Relative Y pixel (no center offset, Y flip): -ppm * meter-y. */
+    ry(my: number): number;
+    /**
+     * Rotation in radians for Phaser: negated to account for Y-axis flip
+     * inverting handedness (math CCW+ → Phaser CW+).
+     */
+    rot(rad: number): number;
+    /**
+     * Rotation in degrees for Phaser arc angles: (-rad) * 180 / PI.
+     */
+    deg(rad: number): number;
+}

package/dist/coord_space.js

@@ -0,0 +1,49 @@
+/**
+ * Converts between server-side meter coordinates (+y up, origin at center)
+ * and Phaser screen-pixel coordinates (+y down, origin at top-left).
+ *
+ * The server origin (0, 0) maps to the scene center. All coordinate reads
+ * happen on every call so that canvas resizes are reflected immediately.
+ *
+ * See architecture/README.md §4 for the full coordinate model and formulas.
+ */
+export class CoordSpace {
+    constructor(scene, ppm = 64) {
+        this._scene = scene;
+        this._ppm = ppm;
+    }
+    /** Absolute X pixel: scene center + ppm * meter-x. */
+    x(mx) {
+        return this._scene.scale.width / 2 + this._ppm * mx;
+    }
+    /** Absolute Y pixel: scene center - ppm * meter-y (Y flip). */
+    y(my) {
+        return this._scene.scale.height / 2 - this._ppm * my;
+    }
+    /** Length in pixels: ppm * meters. */
+    len(m) {
+        return this._ppm * m;
+    }
+    /** Relative X pixel (no center offset): ppm * meter-x. */
+    rx(mx) {
+        return this._ppm * mx;
+    }
+    /** Relative Y pixel (no center offset, Y flip): -ppm * meter-y. */
+    ry(my) {
+        return -this._ppm * my;
+    }
+    /**
+     * Rotation in radians for Phaser: negated to account for Y-axis flip
+     * inverting handedness (math CCW+ → Phaser CW+).
+     */
+    rot(rad) {
+        return -rad;
+    }
+    /**
+     * Rotation in degrees for Phaser arc angles: (-rad) * 180 / PI.
+     */
+    deg(rad) {
+        return (-rad * 180) / Math.PI;
+    }
+}
+//# sourceMappingURL=coord_space.js.map

package/dist/coord_space.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"coord_space.js","sourceRoot":"","sources":["../src/coord_space.ts"],"names":[],"mappings":"AAEA;;;;;;;;GAQG;AACH,MAAM,OAAO,UAAU;IAIrB,YAAY,KAAmB,EAAE,MAAc,EAAE;QAC/C,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC;QACpB,IAAI,CAAC,IAAI,GAAG,GAAG,CAAC;IAClB,CAAC;IAED,sDAAsD;IACtD,CAAC,CAAC,EAAU;QACV,OAAO,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,KAAK,GAAG,CAAC,GAAG,IAAI,CAAC,IAAI,GAAG,EAAE,CAAC;IACtD,CAAC;IAED,+DAA+D;IAC/D,CAAC,CAAC,EAAU;QACV,OAAO,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,GAAG,IAAI,CAAC,IAAI,GAAG,EAAE,CAAC;IACvD,CAAC;IAED,sCAAsC;IACtC,GAAG,CAAC,CAAS;QACX,OAAO,IAAI,CAAC,IAAI,GAAG,CAAC,CAAC;IACvB,CAAC;IAED,0DAA0D;IAC1D,EAAE,CAAC,EAAU;QACX,OAAO,IAAI,CAAC,IAAI,GAAG,EAAE,CAAC;IACxB,CAAC;IAED,mEAAmE;IACnE,EAAE,CAAC,EAAU;QACX,OAAO,CAAC,IAAI,CAAC,IAAI,GAAG,EAAE,CAAC;IACzB,CAAC;IAED;;;OAGG;IACH,GAAG,CAAC,GAAW;QACb,OAAO,CAAC,GAAG,CAAC;IACd,CAAC;IAED;;OAEG;IACH,GAAG,CAAC,GAAW;QACb,OAAO,CAAC,CAAC,GAAG,GAAG,GAAG,CAAC,GAAG,IAAI,CAAC,EAAE,CAAC;IAChC,CAAC;CACF"}

package/dist/index.d.ts

@@ -0,0 +1,5 @@
+export { CoordSpace } from "./coord_space.js";
+export { PhaserVecsRuntime } from "./runtime.js";
+export { installSyncSystems, phaserInterpolators, rotationInterpolator } from "./sync.js";
+export type { PhaserVecsRuntimeOptions } from "./runtime.js";
+export type { RenderContext, RenderSystemInstaller } from "./render_context.js";

package/dist/index.js

@@ -0,0 +1,4 @@
+export { CoordSpace } from "./coord_space.js";
+export { PhaserVecsRuntime } from "./runtime.js";
+export { installSyncSystems, phaserInterpolators, rotationInterpolator } from "./sync.js";
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AACjD,OAAO,EAAE,kBAAkB,EAAE,mBAAmB,EAAE,oBAAoB,EAAE,MAAM,WAAW,CAAC"}

package/dist/render_context.d.ts

@@ -0,0 +1,16 @@
+/// <reference types="./phaser" resolution-mode="require"/>
+import type { ClientWorld } from "@vworlds/vecs-client";
+import type { EID, System } from "@vworlds/vecs";
+import type Phaser from "phaser";
+import type { CoordSpace } from "./coord_space.js";
+export interface RenderContext {
+    readonly world: ClientWorld;
+    readonly scene: Phaser.Scene;
+    readonly coords: CoordSpace;
+    readonly interpolateRotation: boolean;
+    getGameObject(eid: EID): Phaser.GameObjects.GameObject | undefined;
+    setGameObject(eid: EID, obj: Phaser.GameObjects.GameObject): void;
+    deleteGameObject(eid: EID): void;
+    trackSystem(system: System): void;
+}
+export type RenderSystemInstaller = (ctx: RenderContext) => void;

package/dist/render_context.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=render_context.js.map

package/dist/render_context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"render_context.js","sourceRoot":"","sources":["../src/render_context.ts"],"names":[],"mappings":""}

package/dist/renderers/arc.d.ts

@@ -0,0 +1,2 @@
+import type { RenderContext } from "../render_context.js";
+export declare function installArcRenderer(ctx: RenderContext): void;

package/dist/renderers/arc.js

@@ -0,0 +1,38 @@
+import { Arc } from "@vworlds/vecs-phaser";
+import { applyInitialComponents } from "./shared.js";
+export function installArcRenderer(ctx) {
+    const system = ctx.world
+        .system("RenderArc")
+        .with(Arc)
+        .enter((entity) => {
+        const arc = entity.get(Arc);
+        if (!arc) {
+            return;
+        }
+        const obj = ctx.scene.add.arc(0, 0, ctx.coords.len(arc.radius), ctx.coords.deg(arc.startAngle), ctx.coords.deg(arc.endAngle), arc.anticlockwise);
+        obj.setIterations(arc.iterations);
+        ctx.setGameObject(entity.eid, obj);
+        applyInitialComponents(ctx, entity, obj);
+    })
+        .update(Arc, (entity, arc) => {
+        const obj = ctx.getGameObject(entity.eid);
+        if (!obj) {
+            return;
+        }
+        obj
+            .setRadius(ctx.coords.len(arc.radius))
+            .setStartAngle(ctx.coords.deg(arc.startAngle), arc.anticlockwise)
+            .setEndAngle(ctx.coords.deg(arc.endAngle), arc.anticlockwise)
+            .setIterations(arc.iterations);
+    })
+        .exit((entity) => {
+        const obj = ctx.getGameObject(entity.eid);
+        if (!obj) {
+            return;
+        }
+        obj.destroy();
+        ctx.deleteGameObject(entity.eid);
+    });
+    ctx.trackSystem(system);
+}
+//# sourceMappingURL=arc.js.map

package/dist/renderers/arc.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"arc.js","sourceRoot":"","sources":["../../src/renderers/arc.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,sBAAsB,CAAC;AAI3C,OAAO,EAAE,sBAAsB,EAAqB,MAAM,aAAa,CAAC;AAIxE,MAAM,UAAU,kBAAkB,CAAC,GAAkB;IACnD,MAAM,MAAM,GAAG,GAAG,CAAC,KAAK;SACrB,MAAM,CAAC,WAAW,CAAC;SACnB,IAAI,CAAC,GAAG,CAAC;SACT,KAAK,CAAC,CAAC,MAAM,EAAE,EAAE;QAChB,MAAM,GAAG,GAAG,MAAM,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;QAC5B,IAAI,CAAC,GAAG,EAAE,CAAC;YACT,OAAO;QACT,CAAC;QAED,MAAM,GAAG,GAAG,GAAG,CAAC,KAAK,CAAC,GAAG,CAAC,GAAG,CAC3B,CAAC,EACD,CAAC,EACD,GAAG,CAAC,MAAM,CAAC,GAAG,CAAC,GAAG,CAAC,MAAM,CAAC,EAC1B,GAAG,CAAC,MAAM,CAAC,GAAG,CAAC,GAAG,CAAC,UAAU,CAAC,EAC9B,GAAG,CAAC,MAAM,CAAC,GAAG,CAAC,GAAG,CAAC,QAAQ,CAAC,EAC5B,GAAG,CAAC,aAAa,CACL,CAAC;QACf,GAAG,CAAC,aAAa,CAAC,GAAG,CAAC,UAAU,CAAC,CAAC;QAClC,GAAG,CAAC,aAAa,CAAC,MAAM,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC;QACnC,sBAAsB,CAAC,GAAG,EAAE,MAAM,EAAE,GAAG,CAAC,CAAC;IAC3C,CAAC,CAAC;SACD,MAAM,CAAC,GAAG,EAAE,CAAC,MAAM,EAAE,GAAG,EAAE,EAAE;QAC3B,MAAM,GAAG,GAAG,GAAG,CAAC,aAAa,CAAC,MAAM,CAAC,GAAG,CAA0B,CAAC;QACnE,IAAI,CAAC,GAAG,EAAE,CAAC;YACT,OAAO;QACT,CAAC;QACD,GAAG;aACA,SAAS,CAAC,GAAG,CAAC,MAAM,CAAC,GAAG,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC;aACrC,aAAa,CAAC,GAAG,CAAC,MAAM,CAAC,GAAG,CAAC,GAAG,CAAC,UAAU,CAAC,EAAE,GAAG,CAAC,aAAa,CAAC;aAChE,WAAW,CAAC,GAAG,CAAC,MAAM,CAAC,GAAG,CAAC,GAAG,CAAC,QAAQ,CAAC,EAAE,GAAG,CAAC,aAAa,CAAC;aAC5D,aAAa,CAAC,GAAG,CAAC,UAAU,CAAC,CAAC;IACnC,CAAC,CAAC;SACD,IAAI,CAAC,CAAC,MAAM,EAAE,EAAE;QACf,MAAM,GAAG,GAAG,GAAG,CAAC,aAAa,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC;QAC1C,IAAI,CAAC,GAAG,EAAE,CAAC;YACT,OAAO;QACT,CAAC;QACD,GAAG,CAAC,OAAO,EAAE,CAAC;QACd,GAAG,CAAC,gBAAgB,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC;IACnC,CAAC,CAAC,CAAC;IAEL,GAAG,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;AAC1B,CAAC"}

package/dist/renderers/ellipse.d.ts

@@ -0,0 +1,2 @@
+import type { RenderSystemInstaller } from "../render_context.js";
+export declare const installEllipseRenderer: RenderSystemInstaller;

package/dist/renderers/ellipse.js

@@ -0,0 +1,19 @@
+import { Ellipse } from "@vworlds/vecs-phaser";
+import { applyInitialComponents, destroyMappedGameObject, getMappedGameObject, initialPosition, } from "./shared.js";
+export const installEllipseRenderer = (ctx) => {
+    const system = ctx.world
+        .system("phaser.render.ellipse")
+        .with(Ellipse)
+        .enter([Ellipse], (entity, [ellipse]) => {
+        const [x, y] = initialPosition(ctx, entity);
+        const obj = ctx.scene.add.ellipse(x, y, ctx.coords.len(ellipse.width), ctx.coords.len(ellipse.height));
+        ctx.setGameObject(entity.eid, obj);
+        applyInitialComponents(ctx, entity, obj);
+    })
+        .update(Ellipse, (entity, ellipse) => {
+        getMappedGameObject(ctx, entity.eid)?.setSize(ctx.coords.len(ellipse.width), ctx.coords.len(ellipse.height));
+    })
+        .exit((entity) => destroyMappedGameObject(ctx, entity.eid));
+    ctx.trackSystem(system);
+};
+//# sourceMappingURL=ellipse.js.map

package/dist/renderers/ellipse.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ellipse.js","sourceRoot":"","sources":["../../src/renderers/ellipse.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAG/C,OAAO,EACL,sBAAsB,EACtB,uBAAuB,EACvB,mBAAmB,EACnB,eAAe,GAEhB,MAAM,aAAa,CAAC;AAErB,MAAM,CAAC,MAAM,sBAAsB,GAA0B,CAAC,GAAkB,EAAQ,EAAE;IACxF,MAAM,MAAM,GAAG,GAAG,CAAC,KAAK;SACrB,MAAM,CAAC,uBAAuB,CAAC;SAC/B,IAAI,CAAC,OAAO,CAAC;SACb,KAAK,CAAC,CAAC,OAAO,CAAC,EAAE,CAAC,MAAM,EAAE,CAAC,OAAO,CAAC,EAAE,EAAE;QACtC,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG,eAAe,CAAC,GAAG,EAAE,MAAM,CAAC,CAAC;QAC5C,MAAM,GAAG,GAAG,GAAG,CAAC,KAAK,CAAC,GAAG,CAAC,OAAO,CAC/B,CAAC,EACD,CAAC,EACD,GAAG,CAAC,MAAM,CAAC,GAAG,CAAC,OAAO,CAAC,KAAK,CAAC,EAC7B,GAAG,CAAC,MAAM,CAAC,GAAG,CAAC,OAAO,CAAC,MAAM,CAAC,CACF,CAAC;QAC/B,GAAG,CAAC,aAAa,CAAC,MAAM,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC;QACnC,sBAAsB,CAAC,GAAG,EAAE,MAAM,EAAE,GAAG,CAAC,CAAC;IAC3C,CAAC,CAAC;SACD,MAAM,CAAC,OAAO,EAAE,CAAC,MAAM,EAAE,OAAO,EAAE,EAAE;QACnC,mBAAmB,CAAiB,GAAG,EAAE,MAAM,CAAC,GAAG,CAAC,EAAE,OAAO,CAC3D,GAAG,CAAC,MAAM,CAAC,GAAG,CAAC,OAAO,CAAC,KAAK,CAAC,EAC7B,GAAG,CAAC,MAAM,CAAC,GAAG,CAAC,OAAO,CAAC,MAAM,CAAC,CAC/B,CAAC;IACJ,CAAC,CAAC;SACD,IAAI,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,uBAAuB,CAAC,GAAG,EAAE,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC;IAE9D,GAAG,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;AAC1B,CAAC,CAAC"}

package/dist/renderers/index.d.ts

@@ -0,0 +1,2 @@
+import type { RenderContext } from "../render_context.js";
+export declare function installRenderSystems(ctx: RenderContext): void;

package/dist/renderers/index.js

@@ -0,0 +1,21 @@
+import { installSyncSystems } from "../sync.js";
+import { installArcRenderer } from "./arc.js";
+import { installEllipseRenderer } from "./ellipse.js";
+import { installLineRenderer } from "./line.js";
+import { installPolygonRenderer } from "./polygon.js";
+import { installRectangleRenderer } from "./rectangle.js";
+import { installStarRenderer } from "./star.js";
+import { installTextRenderer } from "./text.js";
+import { installTriangleRenderer } from "./triangle.js";
+export function installRenderSystems(ctx) {
+    installArcRenderer(ctx);
+    installEllipseRenderer(ctx);
+    installLineRenderer(ctx);
+    installPolygonRenderer(ctx);
+    installRectangleRenderer(ctx);
+    installStarRenderer(ctx);
+    installTextRenderer(ctx);
+    installTriangleRenderer(ctx);
+    installSyncSystems(ctx);
+}
+//# sourceMappingURL=index.js.map

package/dist/renderers/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/renderers/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,kBAAkB,EAAE,MAAM,YAAY,CAAC;AAChD,OAAO,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAC;AAC9C,OAAO,EAAE,sBAAsB,EAAE,MAAM,cAAc,CAAC;AACtD,OAAO,EAAE,mBAAmB,EAAE,MAAM,WAAW,CAAC;AAChD,OAAO,EAAE,sBAAsB,EAAE,MAAM,cAAc,CAAC;AACtD,OAAO,EAAE,wBAAwB,EAAE,MAAM,gBAAgB,CAAC;AAC1D,OAAO,EAAE,mBAAmB,EAAE,MAAM,WAAW,CAAC;AAChD,OAAO,EAAE,mBAAmB,EAAE,MAAM,WAAW,CAAC;AAChD,OAAO,EAAE,uBAAuB,EAAE,MAAM,eAAe,CAAC;AAExD,MAAM,UAAU,oBAAoB,CAAC,GAAkB;IACrD,kBAAkB,CAAC,GAAG,CAAC,CAAC;IACxB,sBAAsB,CAAC,GAAG,CAAC,CAAC;IAC5B,mBAAmB,CAAC,GAAG,CAAC,CAAC;IACzB,sBAAsB,CAAC,GAAG,CAAC,CAAC;IAC5B,wBAAwB,CAAC,GAAG,CAAC,CAAC;IAC9B,mBAAmB,CAAC,GAAG,CAAC,CAAC;IACzB,mBAAmB,CAAC,GAAG,CAAC,CAAC;IACzB,uBAAuB,CAAC,GAAG,CAAC,CAAC;IAC7B,kBAAkB,CAAC,GAAG,CAAC,CAAC;AAC1B,CAAC"}

package/dist/renderers/line.d.ts

@@ -0,0 +1,2 @@
+import type { RenderContext } from "../render_context.js";
+export declare function installLineRenderer(ctx: RenderContext): void;

package/dist/renderers/line.js

@@ -0,0 +1,45 @@
+import { Line } from "@vworlds/vecs-phaser";
+import { applyInitialComponents, applyVertexOrigin } from "./shared.js";
+export function installLineRenderer(ctx) {
+    const system = ctx.world
+        .system("RenderLine")
+        .with(Line)
+        .enter((entity) => {
+        const line = entity.get(Line);
+        if (!line) {
+            return;
+        }
+        const points = linePoints(ctx, line);
+        const obj = ctx.scene.add.line(0, 0, points[0], points[1], points[2], points[3]);
+        applyVertexOrigin(obj);
+        ctx.setGameObject(entity.eid, obj);
+        applyInitialComponents(ctx, entity, obj);
+    })
+        .update(Line, (entity, line) => {
+        const obj = ctx.getGameObject(entity.eid);
+        if (!obj) {
+            return;
+        }
+        const points = linePoints(ctx, line);
+        obj.setTo(points[0], points[1], points[2], points[3]);
+        applyVertexOrigin(obj);
+    })
+        .exit((entity) => {
+        const obj = ctx.getGameObject(entity.eid);
+        if (!obj) {
+            return;
+        }
+        obj.destroy();
+        ctx.deleteGameObject(entity.eid);
+    });
+    ctx.trackSystem(system);
+}
+function linePoints(ctx, line) {
+    return [
+        ctx.coords.rx(line.x1),
+        ctx.coords.ry(line.y1),
+        ctx.coords.rx(line.x2),
+        ctx.coords.ry(line.y2),
+    ];
+}
+//# sourceMappingURL=line.js.map

package/dist/renderers/line.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"line.js","sourceRoot":"","sources":["../../src/renderers/line.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAI5C,OAAO,EAAE,sBAAsB,EAAE,iBAAiB,EAAqB,MAAM,aAAa,CAAC;AAI3F,MAAM,UAAU,mBAAmB,CAAC,GAAkB;IACpD,MAAM,MAAM,GAAG,GAAG,CAAC,KAAK;SACrB,MAAM,CAAC,YAAY,CAAC;SACpB,IAAI,CAAC,IAAI,CAAC;SACV,KAAK,CAAC,CAAC,MAAM,EAAE,EAAE;QAChB,MAAM,IAAI,GAAG,MAAM,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;QAC9B,IAAI,CAAC,IAAI,EAAE,CAAC;YACV,OAAO;QACT,CAAC;QAED,MAAM,MAAM,GAAG,UAAU,CAAC,GAAG,EAAE,IAAI,CAAC,CAAC;QACrC,MAAM,GAAG,GAAG,GAAG,CAAC,KAAK,CAAC,GAAG,CAAC,IAAI,CAC5B,CAAC,EACD,CAAC,EACD,MAAM,CAAC,CAAC,CAAC,EACT,MAAM,CAAC,CAAC,CAAC,EACT,MAAM,CAAC,CAAC,CAAC,EACT,MAAM,CAAC,CAAC,CAAC,CACI,CAAC;QAChB,iBAAiB,CAAC,GAAG,CAAC,CAAC;QACvB,GAAG,CAAC,aAAa,CAAC,MAAM,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC;QACnC,sBAAsB,CAAC,GAAG,EAAE,MAAM,EAAE,GAAG,CAAC,CAAC;IAC3C,CAAC,CAAC;SACD,MAAM,CAAC,IAAI,EAAE,CAAC,MAAM,EAAE,IAAI,EAAE,EAAE;QAC7B,MAAM,GAAG,GAAG,GAAG,CAAC,aAAa,CAAC,MAAM,CAAC,GAAG,CAA2B,CAAC;QACpE,IAAI,CAAC,GAAG,EAAE,CAAC;YACT,OAAO;QACT,CAAC;QACD,MAAM,MAAM,GAAG,UAAU,CAAC,GAAG,EAAE,IAAI,CAAC,CAAC;QACrC,GAAG,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;QACtD,iBAAiB,CAAC,GAAG,CAAC,CAAC;IACzB,CAAC,CAAC;SACD,IAAI,CAAC,CAAC,MAAM,EAAE,EAAE;QACf,MAAM,GAAG,GAAG,GAAG,CAAC,aAAa,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC;QAC1C,IAAI,CAAC,GAAG,EAAE,CAAC;YACT,OAAO;QACT,CAAC;QACD,GAAG,CAAC,OAAO,EAAE,CAAC;QACd,GAAG,CAAC,gBAAgB,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC;IACnC,CAAC,CAAC,CAAC;IAEL,GAAG,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;AAC1B,CAAC;AAED,SAAS,UAAU,CAAC,GAAkB,EAAE,IAAU;IAChD,OAAO;QACL,GAAG,CAAC,MAAM,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,CAAC;QACtB,GAAG,CAAC,MAAM,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,CAAC;QACtB,GAAG,CAAC,MAAM,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,CAAC;QACtB,GAAG,CAAC,MAAM,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,CAAC;KACvB,CAAC;AACJ,CAAC"}

package/dist/renderers/polygon.d.ts

@@ -0,0 +1,2 @@
+import type { RenderContext } from "../render_context.js";
+export declare function installPolygonRenderer(ctx: RenderContext): void;

package/dist/renderers/polygon.js

@@ -0,0 +1,44 @@
+import { Polygon } from "@vworlds/vecs-phaser";
+import { applyInitialComponents, applyVertexOrigin } from "./shared.js";
+export function installPolygonRenderer(ctx) {
+    const system = ctx.world
+        .system("RenderPolygon")
+        .with(Polygon)
+        .enter((entity) => {
+        const polygon = entity.get(Polygon);
+        if (!polygon) {
+            return;
+        }
+        const points = polygonPoints(ctx, polygon);
+        const obj = ctx.scene.add.polygon(0, 0, points);
+        applyVertexOrigin(obj);
+        ctx.setGameObject(entity.eid, obj);
+        applyInitialComponents(ctx, entity, obj);
+    })
+        .update(Polygon, (entity, polygon) => {
+        const obj = ctx.getGameObject(entity.eid);
+        if (!obj) {
+            return;
+        }
+        const points = polygonPoints(ctx, polygon);
+        obj.setTo(points);
+        applyVertexOrigin(obj);
+    })
+        .exit((entity) => {
+        const obj = ctx.getGameObject(entity.eid);
+        if (!obj) {
+            return;
+        }
+        obj.destroy();
+        ctx.deleteGameObject(entity.eid);
+    });
+    ctx.trackSystem(system);
+}
+function polygonPoints(ctx, polygon) {
+    const points = [];
+    for (let i = 0; i < polygon.points.length; i += 2) {
+        points.push(ctx.coords.rx(polygon.points[i] ?? 0), ctx.coords.ry(polygon.points[i + 1] ?? 0));
+    }
+    return points;
+}
+//# sourceMappingURL=polygon.js.map

package/dist/renderers/polygon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"polygon.js","sourceRoot":"","sources":["../../src/renderers/polygon.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAI/C,OAAO,EAAE,sBAAsB,EAAE,iBAAiB,EAAqB,MAAM,aAAa,CAAC;AAI3F,MAAM,UAAU,sBAAsB,CAAC,GAAkB;IACvD,MAAM,MAAM,GAAG,GAAG,CAAC,KAAK;SACrB,MAAM,CAAC,eAAe,CAAC;SACvB,IAAI,CAAC,OAAO,CAAC;SACb,KAAK,CAAC,CAAC,MAAM,EAAE,EAAE;QAChB,MAAM,OAAO,GAAG,MAAM,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC;QACpC,IAAI,CAAC,OAAO,EAAE,CAAC;YACb,OAAO;QACT,CAAC;QAED,MAAM,MAAM,GAAG,aAAa,CAAC,GAAG,EAAE,OAAO,CAAC,CAAC;QAC3C,MAAM,GAAG,GAAG,GAAG,CAAC,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC,EAAE,CAAC,EAAE,MAAM,CAAkB,CAAC;QACjE,iBAAiB,CAAC,GAAG,CAAC,CAAC;QACvB,GAAG,CAAC,aAAa,CAAC,MAAM,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC;QACnC,sBAAsB,CAAC,GAAG,EAAE,MAAM,EAAE,GAAG,CAAC,CAAC;IAC3C,CAAC,CAAC;SACD,MAAM,CAAC,OAAO,EAAE,CAAC,MAAM,EAAE,OAAO,EAAE,EAAE;QACnC,MAAM,GAAG,GAAG,GAAG,CAAC,aAAa,CAAC,MAAM,CAAC,GAAG,CAA8B,CAAC;QACvE,IAAI,CAAC,GAAG,EAAE,CAAC;YACT,OAAO;QACT,CAAC;QACD,MAAM,MAAM,GAAG,aAAa,CAAC,GAAG,EAAE,OAAO,CAAC,CAAC;QAC3C,GAAG,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;QAClB,iBAAiB,CAAC,GAAG,CAAC,CAAC;IACzB,CAAC,CAAC;SACD,IAAI,CAAC,CAAC,MAAM,EAAE,EAAE;QACf,MAAM,GAAG,GAAG,GAAG,CAAC,aAAa,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC;QAC1C,IAAI,CAAC,GAAG,EAAE,CAAC;YACT,OAAO;QACT,CAAC;QACD,GAAG,CAAC,OAAO,EAAE,CAAC;QACd,GAAG,CAAC,gBAAgB,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC;IACnC,CAAC,CAAC,CAAC;IAEL,GAAG,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;AAC1B,CAAC;AAED,SAAS,aAAa,CAAC,GAAkB,EAAE,OAAgB;IACzD,MAAM,MAAM,GAAa,EAAE,CAAC;IAC5B,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,OAAO,CAAC,MAAM,CAAC,MAAM,EAAE,CAAC,IAAI,CAAC,EAAE,CAAC;QAClD,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,EAAE,GAAG,CAAC,MAAM,CAAC,EAAE,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;IAChG,CAAC;IACD,OAAO,MAAM,CAAC;AAChB,CAAC"}

package/dist/renderers/rectangle.d.ts

@@ -0,0 +1,2 @@
+import type { RenderContext } from "../render_context.js";
+export declare function installRectangleRenderer(ctx: RenderContext): void;

package/dist/renderers/rectangle.js

@@ -0,0 +1,33 @@
+import { Rectangle } from "@vworlds/vecs-phaser";
+import { applyInitialComponents } from "./shared.js";
+export function installRectangleRenderer(ctx) {
+    const system = ctx.world
+        .system("RenderRectangle")
+        .with(Rectangle)
+        .enter((entity) => {
+        const rectangle = entity.get(Rectangle);
+        if (!rectangle) {
+            return;
+        }
+        const obj = ctx.scene.add.rectangle(0, 0, ctx.coords.len(rectangle.width), ctx.coords.len(rectangle.height));
+        ctx.setGameObject(entity.eid, obj);
+        applyInitialComponents(ctx, entity, obj);
+    })
+        .update(Rectangle, (entity, rectangle) => {
+        const obj = ctx.getGameObject(entity.eid);
+        if (!obj) {
+            return;
+        }
+        obj.setSize(ctx.coords.len(rectangle.width), ctx.coords.len(rectangle.height));
+    })
+        .exit((entity) => {
+        const obj = ctx.getGameObject(entity.eid);
+        if (!obj) {
+            return;
+        }
+        obj.destroy();
+        ctx.deleteGameObject(entity.eid);
+    });
+    ctx.trackSystem(system);
+}
+//# sourceMappingURL=rectangle.js.map

package/dist/renderers/rectangle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"rectangle.js","sourceRoot":"","sources":["../../src/renderers/rectangle.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAIjD,OAAO,EAAE,sBAAsB,EAAqB,MAAM,aAAa,CAAC;AAIxE,MAAM,UAAU,wBAAwB,CAAC,GAAkB;IACzD,MAAM,MAAM,GAAG,GAAG,CAAC,KAAK;SACrB,MAAM,CAAC,iBAAiB,CAAC;SACzB,IAAI,CAAC,SAAS,CAAC;SACf,KAAK,CAAC,CAAC,MAAM,EAAE,EAAE;QAChB,MAAM,SAAS,GAAG,MAAM,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC;QACxC,IAAI,CAAC,SAAS,EAAE,CAAC;YACf,OAAO;QACT,CAAC;QAED,MAAM,GAAG,GAAG,GAAG,CAAC,KAAK,CAAC,GAAG,CAAC,SAAS,CACjC,CAAC,EACD,CAAC,EACD,GAAG,CAAC,MAAM,CAAC,GAAG,CAAC,SAAS,CAAC,KAAK,CAAC,EAC/B,GAAG,CAAC,MAAM,CAAC,GAAG,CAAC,SAAS,CAAC,MAAM,CAAC,CACd,CAAC;QACrB,GAAG,CAAC,aAAa,CAAC,MAAM,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC;QACnC,sBAAsB,CAAC,GAAG,EAAE,MAAM,EAAE,GAAG,CAAC,CAAC;IAC3C,CAAC,CAAC;SACD,MAAM,CAAC,SAAS,EAAE,CAAC,MAAM,EAAE,SAAS,EAAE,EAAE;QACvC,MAAM,GAAG,GAAG,GAAG,CAAC,aAAa,CAAC,MAAM,CAAC,GAAG,CAAgC,CAAC;QACzE,IAAI,CAAC,GAAG,EAAE,CAAC;YACT,OAAO;QACT,CAAC;QACD,GAAG,CAAC,OAAO,CAAC,GAAG,CAAC,MAAM,CAAC,GAAG,CAAC,SAAS,CAAC,KAAK,CAAC,EAAE,GAAG,CAAC,MAAM,CAAC,GAAG,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC;IACjF,CAAC,CAAC;SACD,IAAI,CAAC,CAAC,MAAM,EAAE,EAAE;QACf,MAAM,GAAG,GAAG,GAAG,CAAC,aAAa,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC;QAC1C,IAAI,CAAC,GAAG,EAAE,CAAC;YACT,OAAO;QACT,CAAC;QACD,GAAG,CAAC,OAAO,EAAE,CAAC;QACd,GAAG,CAAC,gBAAgB,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC;IACnC,CAAC,CAAC,CAAC;IAEL,GAAG,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;AAC1B,CAAC"}

package/dist/renderers/shared.d.ts

@@ -0,0 +1,33 @@
+/// <reference types="./phaser" resolution-mode="require"/>
+import type { EID, Entity } from "@vworlds/vecs";
+import { TextAlign } from "@vworlds/vecs-phaser";
+import type Phaser from "phaser";
+import type { RenderContext } from "../render_context.js";
+export interface RenderObject extends Phaser.GameObjects.GameObject {
+    setAlpha(value: number): this;
+    setDepth(value: number): this;
+    setFillStyle(color: number, alpha?: number): this;
+    setOrigin(x: number, y?: number): this;
+    setPosition(x: number, y: number): this;
+    setRotation(radians: number): this;
+    setScale(x: number, y?: number): this;
+    setStrokeStyle(lineWidth: number, color: number, alpha?: number): this;
+}
+export interface SizeGameObject extends RenderObject {
+    setSize(width: number, height: number): this;
+}
+export interface StarGameObject extends RenderObject {
+    setInnerRadius(value: number): this;
+    setOuterRadius(value: number): this;
+    setPoints(points: number): this;
+}
+export interface VertexGameObject extends RenderObject {
+    setTo(...coordinates: readonly number[]): this;
+}
+export declare function applyInitialComponents(ctx: RenderContext, entity: Entity, obj: RenderObject): void;
+export declare function applyVertexOrigin(obj: RenderObject): void;
+export declare function destroyMappedGameObject(ctx: RenderContext, eid: EID): void;
+export declare function getMappedGameObject<T extends RenderObject>(ctx: RenderContext, eid: EID): T | undefined;
+export declare function initialPosition(ctx: RenderContext, entity: Entity): readonly [number, number];
+export declare function hexColor(color: number): string;
+export declare function textAlign(value: TextAlign): "center" | "left" | "right";

package/dist/renderers/shared.js

@@ -0,0 +1,63 @@
+import { Alpha, Depth, FillStyle, Position, Rotation, Scale, StrokeStyle, TextAlign, } from "@vworlds/vecs-phaser";
+export function applyInitialComponents(ctx, entity, obj) {
+    const position = entity.get(Position);
+    if (position) {
+        obj.setPosition(ctx.coords.x(position.x), ctx.coords.y(position.y));
+    }
+    const rotation = entity.get(Rotation);
+    if (rotation) {
+        obj.setRotation(ctx.coords.rot(rotation.angle));
+    }
+    const scale = entity.get(Scale);
+    if (scale) {
+        obj.setScale(scale.x, scale.y);
+    }
+    const alpha = entity.get(Alpha);
+    if (alpha) {
+        obj.setAlpha(alpha.value);
+    }
+    const depth = entity.get(Depth);
+    if (depth) {
+        obj.setDepth(depth.value);
+    }
+    const fill = entity.get(FillStyle);
+    if (fill) {
+        obj.setFillStyle(fill.color, fill.alpha);
+    }
+    const stroke = entity.get(StrokeStyle);
+    if (stroke) {
+        obj.setStrokeStyle(stroke.width, stroke.color, stroke.alpha);
+    }
+}
+export function applyVertexOrigin(obj) {
+    obj.setOrigin(0, 0);
+}
+export function destroyMappedGameObject(ctx, eid) {
+    const obj = ctx.getGameObject(eid);
+    if (obj === undefined) {
+        return;
+    }
+    obj.destroy();
+    ctx.deleteGameObject(eid);
+}
+export function getMappedGameObject(ctx, eid) {
+    return ctx.getGameObject(eid);
+}
+export function initialPosition(ctx, entity) {
+    const position = entity.get(Position);
+    return [ctx.coords.x(position?.x ?? 0), ctx.coords.y(position?.y ?? 0)];
+}
+export function hexColor(color) {
+    return `#${(color & 0xffffff).toString(16).padStart(6, "0")}`;
+}
+export function textAlign(value) {
+    switch (value) {
+        case TextAlign.Center:
+            return "center";
+        case TextAlign.Right:
+            return "right";
+        default:
+            return "left";
+    }
+}
+//# sourceMappingURL=shared.js.map

package/dist/renderers/shared.js.map

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

package/dist/renderers/star.d.ts

@@ -0,0 +1,2 @@
+import type { RenderSystemInstaller } from "../render_context.js";
+export declare const installStarRenderer: RenderSystemInstaller;

package/dist/renderers/star.js

@@ -0,0 +1,25 @@
+import { Star } from "@vworlds/vecs-phaser";
+import { applyInitialComponents, destroyMappedGameObject, getMappedGameObject, initialPosition, } from "./shared.js";
+export const installStarRenderer = (ctx) => {
+    const system = ctx.world
+        .system("phaser.render.star")
+        .with(Star)
+        .enter([Star], (entity, [star]) => {
+        const [x, y] = initialPosition(ctx, entity);
+        const obj = ctx.scene.add.star(x, y, star.points, ctx.coords.len(star.innerRadius), ctx.coords.len(star.outerRadius));
+        ctx.setGameObject(entity.eid, obj);
+        applyInitialComponents(ctx, entity, obj);
+    })
+        .update(Star, (entity, star) => {
+        const obj = getMappedGameObject(ctx, entity.eid);
+        if (obj === undefined) {
+            return;
+        }
+        obj.setPoints(star.points);
+        obj.setInnerRadius(ctx.coords.len(star.innerRadius));
+        obj.setOuterRadius(ctx.coords.len(star.outerRadius));
+    })
+        .exit((entity) => destroyMappedGameObject(ctx, entity.eid));
+    ctx.trackSystem(system);
+};
+//# sourceMappingURL=star.js.map

package/dist/renderers/star.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"star.js","sourceRoot":"","sources":["../../src/renderers/star.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAG5C,OAAO,EACL,sBAAsB,EACtB,uBAAuB,EACvB,mBAAmB,EACnB,eAAe,GAEhB,MAAM,aAAa,CAAC;AAErB,MAAM,CAAC,MAAM,mBAAmB,GAA0B,CAAC,GAAkB,EAAQ,EAAE;IACrF,MAAM,MAAM,GAAG,GAAG,CAAC,KAAK;SACrB,MAAM,CAAC,oBAAoB,CAAC;SAC5B,IAAI,CAAC,IAAI,CAAC;SACV,KAAK,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,MAAM,EAAE,CAAC,IAAI,CAAC,EAAE,EAAE;QAChC,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG,eAAe,CAAC,GAAG,EAAE,MAAM,CAAC,CAAC;QAC5C,MAAM,GAAG,GAAG,GAAG,CAAC,KAAK,CAAC,GAAG,CAAC,IAAI,CAC5B,CAAC,EACD,CAAC,EACD,IAAI,CAAC,MAAM,EACX,GAAG,CAAC,MAAM,CAAC,GAAG,CAAC,IAAI,CAAC,WAAW,CAAC,EAChC,GAAG,CAAC,MAAM,CAAC,GAAG,CAAC,IAAI,CAAC,WAAW,CAAC,CACJ,CAAC;QAC/B,GAAG,CAAC,aAAa,CAAC,MAAM,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC;QACnC,sBAAsB,CAAC,GAAG,EAAE,MAAM,EAAE,GAAG,CAAC,CAAC;IAC3C,CAAC,CAAC;SACD,MAAM,CAAC,IAAI,EAAE,CAAC,MAAM,EAAE,IAAI,EAAE,EAAE;QAC7B,MAAM,GAAG,GAAG,mBAAmB,CAAiB,GAAG,EAAE,MAAM,CAAC,GAAG,CAAC,CAAC;QACjE,IAAI,GAAG,KAAK,SAAS,EAAE,CAAC;YACtB,OAAO;QACT,CAAC;QACD,GAAG,CAAC,SAAS,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;QAC3B,GAAG,CAAC,cAAc,CAAC,GAAG,CAAC,MAAM,CAAC,GAAG,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC;QACrD,GAAG,CAAC,cAAc,CAAC,GAAG,CAAC,MAAM,CAAC,GAAG,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC;IACvD,CAAC,CAAC;SACD,IAAI,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,uBAAuB,CAAC,GAAG,EAAE,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC;IAE9D,GAAG,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;AAC1B,CAAC,CAAC"}

package/dist/renderers/text.d.ts

@@ -0,0 +1,2 @@
+import type { RenderContext } from "../render_context.js";
+export declare function installTextRenderer(ctx: RenderContext): void;

package/dist/renderers/text.js

@@ -0,0 +1,48 @@
+import { Text as TextComponent } from "@vworlds/vecs-phaser";
+import { applyInitialComponents, hexColor, textAlign } from "./shared.js";
+export function installTextRenderer(ctx) {
+    const system = ctx.world
+        .system("RenderText")
+        .with(TextComponent)
+        .enter((entity) => {
+        const text = entity.get(TextComponent);
+        if (!text) {
+            return;
+        }
+        const obj = ctx.scene.add.text(0, 0, text.value, textStyle(text));
+        obj.setOrigin(0.5);
+        ctx.setGameObject(entity.eid, obj);
+        applyInitialComponents(ctx, entity, obj);
+    })
+        .update(TextComponent, (entity, text) => {
+        const obj = ctx.getGameObject(entity.eid);
+        if (!obj) {
+            return;
+        }
+        obj.setText(text.value);
+        obj.setStyle(textStyle(text));
+        obj.setOrigin(0.5);
+    })
+        .exit((entity) => {
+        const obj = ctx.getGameObject(entity.eid);
+        if (!obj) {
+            return;
+        }
+        obj.destroy();
+        ctx.deleteGameObject(entity.eid);
+    });
+    ctx.trackSystem(system);
+}
+function textStyle(text) {
+    const style = {
+        align: textAlign(text.align),
+        color: hexColor(text.color),
+        fontFamily: text.fontFamily,
+        fontSize: text.fontSize,
+    };
+    if (text.backgroundAlpha > 0) {
+        style.backgroundColor = hexColor(text.backgroundColor);
+    }
+    return style;
+}
+//# sourceMappingURL=text.js.map

package/dist/renderers/text.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"text.js","sourceRoot":"","sources":["../../src/renderers/text.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,IAAI,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAI7D,OAAO,EAAE,sBAAsB,EAAE,QAAQ,EAAE,SAAS,EAAqB,MAAM,aAAa,CAAC;AAI7F,MAAM,UAAU,mBAAmB,CAAC,GAAkB;IACpD,MAAM,MAAM,GAAG,GAAG,CAAC,KAAK;SACrB,MAAM,CAAC,YAAY,CAAC;SACpB,IAAI,CAAC,aAAa,CAAC;SACnB,KAAK,CAAC,CAAC,MAAM,EAAE,EAAE;QAChB,MAAM,IAAI,GAAG,MAAM,CAAC,GAAG,CAAC,aAAa,CAAC,CAAC;QACvC,IAAI,CAAC,IAAI,EAAE,CAAC;YACV,OAAO;QACT,CAAC;QAED,MAAM,GAAG,GAAG,GAAG,CAAC,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,EAAE,IAAI,CAAC,KAAK,EAAE,SAAS,CAAC,IAAI,CAAC,CAAe,CAAC;QAChF,GAAG,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC;QACnB,GAAG,CAAC,aAAa,CAAC,MAAM,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC;QACnC,sBAAsB,CAAC,GAAG,EAAE,MAAM,EAAE,GAAG,CAAC,CAAC;IAC3C,CAAC,CAAC;SACD,MAAM,CAAC,aAAa,EAAE,CAAC,MAAM,EAAE,IAAI,EAAE,EAAE;QACtC,MAAM,GAAG,GAAG,GAAG,CAAC,aAAa,CAAC,MAAM,CAAC,GAAG,CAA2B,CAAC;QACpE,IAAI,CAAC,GAAG,EAAE,CAAC;YACT,OAAO;QACT,CAAC;QACD,GAAG,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QACxB,GAAG,CAAC,QAAQ,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC;QAC9B,GAAG,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC;IACrB,CAAC,CAAC;SACD,IAAI,CAAC,CAAC,MAAM,EAAE,EAAE;QACf,MAAM,GAAG,GAAG,GAAG,CAAC,aAAa,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC;QAC1C,IAAI,CAAC,GAAG,EAAE,CAAC;YACT,OAAO;QACT,CAAC;QACD,GAAG,CAAC,OAAO,EAAE,CAAC;QACd,GAAG,CAAC,gBAAgB,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC;IACnC,CAAC,CAAC,CAAC;IAEL,GAAG,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;AAC1B,CAAC;AAED,SAAS,SAAS,CAAC,IAAmB;IACpC,MAAM,KAAK,GAA4C;QACrD,KAAK,EAAE,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC;QAC5B,KAAK,EAAE,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC;QAC3B,UAAU,EAAE,IAAI,CAAC,UAAU;QAC3B,QAAQ,EAAE,IAAI,CAAC,QAAQ;KACxB,CAAC;IACF,IAAI,IAAI,CAAC,eAAe,GAAG,CAAC,EAAE,CAAC;QAC7B,KAAK,CAAC,eAAe,GAAG,QAAQ,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC;IACzD,CAAC;IACD,OAAO,KAAK,CAAC;AACf,CAAC"}

package/dist/renderers/triangle.d.ts

@@ -0,0 +1,2 @@
+import type { RenderSystemInstaller } from "../render_context.js";
+export declare const installTriangleRenderer: RenderSystemInstaller;

package/dist/renderers/triangle.js

@@ -0,0 +1,30 @@
+import { Triangle } from "@vworlds/vecs-phaser";
+import { applyInitialComponents, applyVertexOrigin, destroyMappedGameObject, getMappedGameObject, initialPosition, } from "./shared.js";
+export const installTriangleRenderer = (ctx) => {
+    const system = ctx.world
+        .system("phaser.render.triangle")
+        .with(Triangle)
+        .enter([Triangle], (entity, [triangle]) => {
+        const [x, y] = initialPosition(ctx, entity);
+        const obj = ctx.scene.add.triangle(x, y, ...triangleCoordinates(ctx, triangle));
+        applyVertexOrigin(obj);
+        ctx.setGameObject(entity.eid, obj);
+        applyInitialComponents(ctx, entity, obj);
+    })
+        .update(Triangle, (entity, triangle) => {
+        getMappedGameObject(ctx, entity.eid)?.setTo(...triangleCoordinates(ctx, triangle));
+    })
+        .exit((entity) => destroyMappedGameObject(ctx, entity.eid));
+    ctx.trackSystem(system);
+};
+function triangleCoordinates(ctx, triangle) {
+    return [
+        ctx.coords.rx(triangle.x1),
+        ctx.coords.ry(triangle.y1),
+        ctx.coords.rx(triangle.x2),
+        ctx.coords.ry(triangle.y2),
+        ctx.coords.rx(triangle.x3),
+        ctx.coords.ry(triangle.y3),
+    ];
+}
+//# sourceMappingURL=triangle.js.map

package/dist/renderers/triangle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"triangle.js","sourceRoot":"","sources":["../../src/renderers/triangle.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAGhD,OAAO,EACL,sBAAsB,EACtB,iBAAiB,EACjB,uBAAuB,EACvB,mBAAmB,EACnB,eAAe,GAEhB,MAAM,aAAa,CAAC;AAErB,MAAM,CAAC,MAAM,uBAAuB,GAA0B,CAAC,GAAkB,EAAQ,EAAE;IACzF,MAAM,MAAM,GAAG,GAAG,CAAC,KAAK;SACrB,MAAM,CAAC,wBAAwB,CAAC;SAChC,IAAI,CAAC,QAAQ,CAAC;SACd,KAAK,CAAC,CAAC,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,CAAC,QAAQ,CAAC,EAAE,EAAE;QACxC,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG,eAAe,CAAC,GAAG,EAAE,MAAM,CAAC,CAAC;QAC5C,MAAM,GAAG,GAAG,GAAG,CAAC,KAAK,CAAC,GAAG,CAAC,QAAQ,CAChC,CAAC,EACD,CAAC,EACD,GAAG,mBAAmB,CAAC,GAAG,EAAE,QAAQ,CAAC,CACP,CAAC;QACjC,iBAAiB,CAAC,GAAG,CAAC,CAAC;QACvB,GAAG,CAAC,aAAa,CAAC,MAAM,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC;QACnC,sBAAsB,CAAC,GAAG,EAAE,MAAM,EAAE,GAAG,CAAC,CAAC;IAC3C,CAAC,CAAC;SACD,MAAM,CAAC,QAAQ,EAAE,CAAC,MAAM,EAAE,QAAQ,EAAE,EAAE;QACrC,mBAAmB,CAAmB,GAAG,EAAE,MAAM,CAAC,GAAG,CAAC,EAAE,KAAK,CAC3D,GAAG,mBAAmB,CAAC,GAAG,EAAE,QAAQ,CAAC,CACtC,CAAC;IACJ,CAAC,CAAC;SACD,IAAI,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,uBAAuB,CAAC,GAAG,EAAE,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC;IAE9D,GAAG,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;AAC1B,CAAC,CAAC;AAEF,SAAS,mBAAmB,CAC1B,GAAkB,EAClB,QAAkB;IAElB,OAAO;QACL,GAAG,CAAC,MAAM,CAAC,EAAE,CAAC,QAAQ,CAAC,EAAE,CAAC;QAC1B,GAAG,CAAC,MAAM,CAAC,EAAE,CAAC,QAAQ,CAAC,EAAE,CAAC;QAC1B,GAAG,CAAC,MAAM,CAAC,EAAE,CAAC,QAAQ,CAAC,EAAE,CAAC;QAC1B,GAAG,CAAC,MAAM,CAAC,EAAE,CAAC,QAAQ,CAAC,EAAE,CAAC;QAC1B,GAAG,CAAC,MAAM,CAAC,EAAE,CAAC,QAAQ,CAAC,EAAE,CAAC;QAC1B,GAAG,CAAC,MAAM,CAAC,EAAE,CAAC,QAAQ,CAAC,EAAE,CAAC;KAC3B,CAAC;AACJ,CAAC"}

package/dist/runtime.d.ts

@@ -0,0 +1,30 @@
+/// <reference types="./phaser" resolution-mode="require"/>
+import type { ClientWorld } from "@vworlds/vecs-client";
+import type { EID } from "@vworlds/vecs";
+import type Phaser from "phaser";
+export interface PhaserVecsRuntimeOptions {
+    world: ClientWorld;
+    scene: Phaser.Scene;
+    pixelsPerMeter?: number;
+    interpolateRotation?: boolean;
+}
+export declare class PhaserVecsRuntime {
+    private readonly _world;
+    private readonly _scene;
+    private readonly _coords;
+    private readonly _interpolateRotation;
+    private readonly _gameObjects;
+    private readonly _systems;
+    private readonly _resetHandler;
+    private _started;
+    private _systemsInstalled;
+    constructor(options: PhaserVecsRuntimeOptions);
+    start(): void;
+    stop(): void;
+    getGameObject(eid: EID): Phaser.GameObjects.GameObject | undefined;
+    private _createRenderContext;
+    private _destroyGameObjects;
+    private _disableSystems;
+    private _enableSystems;
+    private _handleReset;
+}

package/dist/runtime.js

@@ -0,0 +1,70 @@
+import { CoordSpace } from "./coord_space.js";
+import { installRenderSystems } from "./renderers/index.js";
+export class PhaserVecsRuntime {
+    constructor(options) {
+        this._gameObjects = new Map();
+        this._systems = [];
+        this._resetHandler = () => this._handleReset();
+        this._started = false;
+        this._systemsInstalled = false;
+        this._world = options.world;
+        this._scene = options.scene;
+        this._coords = new CoordSpace(options.scene, options.pixelsPerMeter);
+        this._interpolateRotation = options.interpolateRotation ?? true;
+    }
+    start() {
+        if (this._started) {
+            return;
+        }
+        this._enableSystems();
+        this._world.events.on("reset", this._resetHandler);
+        this._started = true;
+    }
+    stop() {
+        if (!this._started) {
+            return;
+        }
+        this._world.events.off("reset", this._resetHandler);
+        this._disableSystems();
+        this._destroyGameObjects();
+        this._started = false;
+    }
+    getGameObject(eid) {
+        return this._gameObjects.get(eid);
+    }
+    _createRenderContext() {
+        return {
+            world: this._world,
+            scene: this._scene,
+            coords: this._coords,
+            interpolateRotation: this._interpolateRotation,
+            getGameObject: (eid) => this.getGameObject(eid),
+            setGameObject: (eid, obj) => this._gameObjects.set(eid, obj),
+            deleteGameObject: (eid) => {
+                this._gameObjects.delete(eid);
+            },
+            trackSystem: (system) => this._systems.push(system),
+        };
+    }
+    _destroyGameObjects() {
+        this._gameObjects.forEach((obj) => obj.destroy());
+        this._gameObjects.clear();
+    }
+    _disableSystems() {
+        this._systems.forEach((system) => system.disable());
+    }
+    _enableSystems() {
+        if (!this._systemsInstalled) {
+            installRenderSystems(this._createRenderContext());
+            this._systemsInstalled = true;
+            return;
+        }
+        this._systems.forEach((system) => system.enable());
+    }
+    _handleReset() {
+        // Baseline reset should route renderer exits, but destroy any object still
+        // mapped here so queued or missing exits cannot leak Phaser objects.
+        this._destroyGameObjects();
+    }
+}
+//# sourceMappingURL=runtime.js.map

package/dist/runtime.js.map

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

package/dist/sync.d.ts

@@ -0,0 +1,20 @@
+import type { ComponentInterpolator } from "@vworlds/vecs-client";
+import type { RenderContext } from "./render_context.js";
+/**
+ * Shortest-arc angular interpolator for raw `Rotation` components.
+ *
+ * The returned angle stays in component/math space (radians, CCW-positive); the
+ * Phaser Y-flip is still applied later by `CoordSpace.rot()` at render time.
+ */
+export declare const rotationInterpolator: ComponentInterpolator;
+/**
+ * Returns vecs-client interpolator entries for Phaser render components.
+ *
+ * Pass this at `ClientWorld` construction/connect time, for example:
+ * `ClientWorld.connectDgram({ networkComponents: phaserNetworkComponents, interpolators: phaserInterpolators() })`.
+ * Keep the runtime `interpolateRotation` option consistent with this setting.
+ */
+export declare function phaserInterpolators(options?: {
+    interpolateRotation?: boolean;
+}): Array<readonly [number, ComponentInterpolator]>;
+export declare function installSyncSystems(ctx: RenderContext): void;

package/dist/sync.js

@@ -0,0 +1,130 @@
+import { Alpha, Depth, FillStyle, phaserNetworkComponents, Position, Rotation, Scale, StrokeStyle, } from "@vworlds/vecs-phaser";
+const TWO_PI = Math.PI * 2;
+/**
+ * Shortest-arc angular interpolator for raw `Rotation` components.
+ *
+ * The returned angle stays in component/math space (radians, CCW-positive); the
+ * Phaser Y-flip is still applied later by `CoordSpace.rot()` at render time.
+ */
+export const rotationInterpolator = (source, target, alpha) => {
+    const sourceRotation = assertRotation(source, "source");
+    const targetRotation = assertRotation(target, "target");
+    const result = new Rotation();
+    if (alpha === 0) {
+        result.angle = sourceRotation.angle;
+        return result;
+    }
+    if (alpha === 1) {
+        result.angle = targetRotation.angle;
+        return result;
+    }
+    const delta = shortestAngleDelta(sourceRotation.angle, targetRotation.angle);
+    result.angle = normalizeAngle(sourceRotation.angle + delta * alpha);
+    return result;
+};
+/**
+ * Returns vecs-client interpolator entries for Phaser render components.
+ *
+ * Pass this at `ClientWorld` construction/connect time, for example:
+ * `ClientWorld.connectDgram({ networkComponents: phaserNetworkComponents, interpolators: phaserInterpolators() })`.
+ * Keep the runtime `interpolateRotation` option consistent with this setting.
+ */
+export function phaserInterpolators(options) {
+    if (options?.interpolateRotation === false) {
+        return [];
+    }
+    return [[rotationTypeId(), rotationInterpolator]];
+}
+export function installSyncSystems(ctx) {
+    ctx.trackSystem(ctx.world
+        .system("PhaserSync:Position")
+        .with(Position)
+        .update(Position, (entity, position) => {
+        const obj = getSyncGameObject(ctx, entity.eid);
+        if (!obj) {
+            return;
+        }
+        obj.setPosition(ctx.coords.x(position.x), ctx.coords.y(position.y));
+    }));
+    ctx.trackSystem(ctx.world
+        .system("PhaserSync:Rotation")
+        .with(Rotation)
+        .update(Rotation, (entity, rotation) => {
+        const obj = getSyncGameObject(ctx, entity.eid);
+        if (!obj) {
+            return;
+        }
+        obj.setRotation(ctx.coords.rot(rotation.angle));
+    }));
+    ctx.trackSystem(ctx.world
+        .system("PhaserSync:Scale")
+        .with(Scale)
+        .update(Scale, (entity, scale) => {
+        const obj = getSyncGameObject(ctx, entity.eid);
+        if (!obj) {
+            return;
+        }
+        obj.setScale(scale.x, scale.y);
+    }));
+    ctx.trackSystem(ctx.world
+        .system("PhaserSync:Alpha")
+        .with(Alpha)
+        .update(Alpha, (entity, alpha) => {
+        const obj = getSyncGameObject(ctx, entity.eid);
+        if (!obj) {
+            return;
+        }
+        obj.setAlpha(alpha.value);
+    }));
+    ctx.trackSystem(ctx.world
+        .system("PhaserSync:Depth")
+        .with(Depth)
+        .update(Depth, (entity, depth) => {
+        const obj = getSyncGameObject(ctx, entity.eid);
+        if (!obj) {
+            return;
+        }
+        obj.setDepth(depth.value);
+    }));
+    ctx.trackSystem(ctx.world
+        .system("PhaserSync:FillStyle")
+        .with(FillStyle)
+        .update(FillStyle, (entity, fill) => {
+        const obj = getSyncGameObject(ctx, entity.eid);
+        if (!obj) {
+            return;
+        }
+        obj.setFillStyle(fill.color, fill.alpha);
+    }));
+    ctx.trackSystem(ctx.world
+        .system("PhaserSync:StrokeStyle")
+        .with(StrokeStyle)
+        .update(StrokeStyle, (entity, stroke) => {
+        const obj = getSyncGameObject(ctx, entity.eid);
+        if (!obj) {
+            return;
+        }
+        obj.setStrokeStyle(stroke.width, stroke.color, stroke.alpha);
+    }));
+}
+function assertRotation(component, label) {
+    if (component instanceof Rotation) {
+        return component;
+    }
+    throw new Error(`Rotation interpolator expected ${label} to be Rotation`);
+}
+function getSyncGameObject(ctx, eid) {
+    const obj = ctx.getGameObject(eid);
+    return obj ? obj : undefined;
+}
+function normalizeAngle(angle) {
+    const normalized = angle % TWO_PI;
+    return normalized < 0 ? normalized + TWO_PI : normalized;
+}
+function rotationTypeId() {
+    return phaserNetworkComponents.indexOf(Rotation) + 1;
+}
+function shortestAngleDelta(source, target) {
+    return Math.atan2(Math.sin(target - source), Math.cos(target - source));
+}
+//# sourceMappingURL=sync.js.map

package/dist/sync.js.map

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

package/package.json

@@ -0,0 +1,40 @@
+{
+  "name": "@vworlds/vecs-phaser-client",
+  "version": "1.0.25",
+  "private": false,
+  "type": "module",
+  "main": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
+    }
+  },
+  "files": [
+    "dist",
+    "README.md",
+    "LICENSE",
+    "CHANGELOG.md"
+  ],
+  "scripts": {
+    "build": "rimraf dist && tsc -p tsconfig.build.json",
+    "typecheck": "tsc --noEmit",
+    "lint": "eslint \"src/**/*.ts\" \"tests/**/*.ts\" --no-error-on-unmatched-pattern",
+    "test": "vitest run --passWithNoTests"
+  },
+  "dependencies": {
+    "@vworlds/vecs-client": "1.0.25",
+    "@vworlds/vecs-phaser": "1.0.25"
+  },
+  "peerDependencies": {
+    "phaser": "^4.1.0"
+  },
+  "devDependencies": {
+    "phaser": "^4.1.0"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "license": "MIT"
+}