@bloopjs/toodle 0.0.100

package/dist/postprocess.d.ts

@@ -0,0 +1,10 @@
+import type { Color } from "./coreTypes/Color";
+export declare function postProcess(encoder: GPUCommandEncoder, context: GPUCanvasContext, device: GPUDevice, clearColor: Color, presentationFormat: GPUTextureFormat, pingpong: [GPUTexture, GPUTexture]): void;
+type PostProcess = {
+    pipeline: GPURenderPipeline;
+    bindGroups: GPUBindGroup[];
+};
+export declare function none(device: GPUDevice, presentationFormat: GPUTextureFormat, pingpong: [GPUTexture, GPUTexture]): PostProcess;
+export declare function crtScanLines(device: GPUDevice, presentationFormat: GPUTextureFormat, pingpong: [GPUTexture, GPUTexture]): PostProcess;
+export {};
+//# sourceMappingURL=postprocess.d.ts.map

package/dist/postprocess.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"postprocess.d.ts","sourceRoot":"","sources":["../src/postprocess.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAE/C,wBAAgB,WAAW,CACzB,OAAO,EAAE,iBAAiB,EAC1B,OAAO,EAAE,gBAAgB,EACzB,MAAM,EAAE,SAAS,EACjB,UAAU,EAAE,KAAK,EACjB,kBAAkB,EAAE,gBAAgB,EACpC,QAAQ,EAAE,CAAC,UAAU,EAAE,UAAU,CAAC,QAuDnC;AAED,KAAK,WAAW,GAAG;IACjB,QAAQ,EAAE,iBAAiB,CAAC;IAC5B,UAAU,EAAE,YAAY,EAAE,CAAC;CAC5B,CAAC;AAEF,wBAAgB,IAAI,CAClB,MAAM,EAAE,SAAS,EACjB,kBAAkB,EAAE,gBAAgB,EACpC,QAAQ,EAAE,CAAC,UAAU,EAAE,UAAU,CAAC,GACjC,WAAW,CA6Eb;AAED,wBAAgB,YAAY,CAC1B,MAAM,EAAE,SAAS,EACjB,kBAAkB,EAAE,gBAAgB,EACpC,QAAQ,EAAE,CAAC,UAAU,EAAE,UAAU,CAAC,GACjC,WAAW,CAoFb"}

package/dist/scene/Batcher.d.ts

@@ -0,0 +1,20 @@
+import type { IShader } from "../shaders/IShader";
+import type { SceneNode } from "./SceneNode";
+type Layer = {
+    z: number;
+    pipelines: Pipeline[];
+};
+export type Pipeline<TNode extends SceneNode = SceneNode> = {
+    shader: IShader;
+    nodes: TNode[];
+};
+export declare class Batcher {
+    #private;
+    nodes: SceneNode[];
+    layers: Layer[];
+    pipelines: Pipeline[];
+    enqueue(node: SceneNode): void;
+    flush(): void;
+}
+export {};
+//# sourceMappingURL=Batcher.d.ts.map

package/dist/scene/Batcher.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Batcher.d.ts","sourceRoot":"","sources":["../../src/scene/Batcher.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC;AAClD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAE7C,KAAK,KAAK,GAAG;IACX,CAAC,EAAE,MAAM,CAAC;IACV,SAAS,EAAE,QAAQ,EAAE,CAAC;CACvB,CAAC;AAEF,MAAM,MAAM,QAAQ,CAAC,KAAK,SAAS,SAAS,GAAG,SAAS,IAAI;IAC1D,MAAM,EAAE,OAAO,CAAC;IAChB,KAAK,EAAE,KAAK,EAAE,CAAC;CAChB,CAAC;AAEF,qBAAa,OAAO;;IAClB,KAAK,EAAE,SAAS,EAAE,CAAM;IACxB,MAAM,EAAE,KAAK,EAAE,CAAM;IACrB,SAAS,EAAE,QAAQ,EAAE,CAAM;IAE3B,OAAO,CAAC,IAAI,EAAE,SAAS;IAiBvB,KAAK;CAyBN"}

package/dist/scene/Camera.d.ts

@@ -0,0 +1,16 @@
+export declare class Camera {
+    #private;
+    get zoom(): number;
+    set zoom(value: number);
+    get rotation(): number;
+    set rotation(value: number);
+    get rotationRadians(): number;
+    set rotationRadians(value: number);
+    get x(): number;
+    get y(): number;
+    set x(value: number);
+    set y(value: number);
+    get matrix(): Float32Array<ArrayBufferLike>;
+    setDirty(): void;
+}
+//# sourceMappingURL=Camera.d.ts.map

package/dist/scene/Camera.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Camera.d.ts","sourceRoot":"","sources":["../../src/scene/Camera.ts"],"names":[],"mappings":"AAKA,qBAAa,MAAM;;IAOjB,IAAI,IAAI,IAIQ,MAAM,CAFrB;IAED,IAAI,IAAI,CAAC,KAAK,EAAE,MAAM,EAGrB;IAED,IAAI,QAAQ,IAIQ,MAAM,CAFzB;IAED,IAAI,QAAQ,CAAC,KAAK,EAAE,MAAM,EAGzB;IAED,IAAI,eAAe,IAIQ,MAAM,CAFhC;IAED,IAAI,eAAe,CAAC,KAAK,EAAE,MAAM,EAGhC;IAED,IAAI,CAAC,IAQQ,MAAM,CANlB;IAED,IAAI,CAAC,IASQ,MAAM,CAPlB;IAED,IAAI,CAAC,CAAC,KAAK,EAAE,MAAM,EAGlB;IAED,IAAI,CAAC,CAAC,KAAK,EAAE,MAAM,EAGlB;IAED,IAAI,MAAM,kCAMT;IAED,QAAQ;CAGT"}

package/dist/scene/JumboQuadNode.d.ts

@@ -0,0 +1,29 @@
+import { type Mat3 } from "wgpu-matrix";
+import type { Size } from "../coreTypes/Size";
+import type { Vec2 } from "../coreTypes/Vec2";
+import type { TextureId } from "../textures/AssetManager";
+import type { AtlasCoords } from "../textures/types";
+import type { Pool } from "../utils/pool";
+import { QuadNode, type QuadOptions } from "./QuadNode";
+export type JumboTileDef = Required<JumboTileOptions>;
+export type JumboTileOptions = {
+    /** Texture id of the tile */
+    textureId: TextureId;
+    /** The offset of this tile in texels from the top left of the full texture */
+    offset: Vec2;
+    /** The size of the tile in texels. If not provided, the size will be inferred from the texture atlas. */
+    size?: Size;
+    /** The coordinates of the tile in the texture atlas. If not provided, the size will be read from the loaded texture. */
+    atlasCoords?: AtlasCoords;
+};
+export type JumboQuadOptions = Omit<QuadOptions, "atlasCoords"> & {
+    tiles: JumboTileOptions[];
+};
+export declare class JumboQuadNode extends QuadNode {
+    #private;
+    constructor(options: JumboQuadOptions, matrixPool: Pool<Mat3>);
+    get atlasCoords(): AtlasCoords;
+    get tiles(): JumboTileDef[];
+    getTileMatrix(tile: JumboTileDef): Float32Array<ArrayBufferLike>;
+}
+//# sourceMappingURL=JumboQuadNode.d.ts.map

package/dist/scene/JumboQuadNode.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"JumboQuadNode.d.ts","sourceRoot":"","sources":["../../src/scene/JumboQuadNode.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,IAAI,EAAQ,MAAM,aAAa,CAAC;AAC9C,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AAC9C,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AAC9C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAC;AAC1D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAErD,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAC1C,OAAO,EAAE,QAAQ,EAAE,KAAK,WAAW,EAAE,MAAM,YAAY,CAAC;AAMxD,MAAM,MAAM,YAAY,GAAG,QAAQ,CAAC,gBAAgB,CAAC,CAAC;AAEtD,MAAM,MAAM,gBAAgB,GAAG;IAC7B,6BAA6B;IAC7B,SAAS,EAAE,SAAS,CAAC;IACrB,8EAA8E;IAC9E,MAAM,EAAE,IAAI,CAAC;IACb,yGAAyG;IACzG,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,wHAAwH;IACxH,WAAW,CAAC,EAAE,WAAW,CAAC;CAC3B,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG,IAAI,CAAC,WAAW,EAAE,aAAa,CAAC,GAAG;IAChE,KAAK,EAAE,gBAAgB,EAAE,CAAC;CAC3B,CAAC;AAEF,qBAAa,aAAc,SAAQ,QAAQ;;gBAI7B,OAAO,EAAE,gBAAgB,EAAE,UAAU,EAAE,IAAI,CAAC,IAAI,CAAC;IA6C7D,IAAI,WAAW,IAAI,WAAW,CAE7B;IAED,IAAI,KAAK,IAAI,YAAY,EAAE,CAE1B;IAED,aAAa,CAAC,IAAI,EAAE,YAAY;CA2CjC"}

package/dist/scene/QuadNode.d.ts

@@ -0,0 +1,159 @@
+import { type Mat3 } from "wgpu-matrix";
+import type { Color } from "../coreTypes/Color";
+import type { Size } from "../coreTypes/Size";
+import type { Vec2 } from "../coreTypes/Vec2";
+import type { IShader } from "../shaders/IShader";
+import type { AssetManager, TextureId } from "../textures/AssetManager";
+import type { AtlasCoords, TexelRegion } from "../textures/types";
+import type { Pool } from "../utils/pool";
+import { type NodeOptions, SceneNode } from "./SceneNode";
+/**
+ * A node in the scene graph that renders a textured quad.
+ *
+ * This is a base class and is fairly low level. You will probably want to interact with
+ * the wrapper class {@link Toodle.Quad} instead.
+ */
+export declare class QuadNode extends SceneNode {
+    #private;
+    assetManager: AssetManager;
+    constructor(options: QuadOptions, matrixPool: Pool<Mat3>);
+    /**
+     * The tint color of the quad.
+     * When drawing shapes, this will be the fill color.
+     * When drawing textures, this will be the color multiplier by default.
+     * You can also use this value in fragment shaders by referencing `vertex.engine_tint`
+     */
+    get color(): Color;
+    set color(value: Color);
+    /**
+     * The size of the quad. See https://toodle.gg/f849595b3ed13fc956fc1459a5cb5f0228f9d259/examples/quad-size-scale.html
+     */
+    get size(): Size;
+    /**
+     * This is the final model matrix used to render the quad, which
+     * may differ from the matrix passed down to the node's children.
+     * Properties like `flipX` and `flipY` or `size` are applied here but not inherited by children.
+     */
+    get matrixWithSize(): Float32Array<ArrayBufferLike>;
+    /**
+     * The atlas coordinates for the quad. These determine the region in the texture atlas
+     * that is sampled for rendering in normalized uv space.
+     */
+    get atlasCoords(): AtlasCoords;
+    /**
+     * A subregion of the texture to render.
+     * This is useful for rendering a single sprite from a spritesheet for instance.
+     * It defaults to the full texture.
+     */
+    get region(): TexelRegion;
+    get writeInstance(): ((array: Float32Array, offset: number) => void) | undefined;
+    /**
+     * Whether the image is mirrored horizontally.
+     *
+     * `true` means the image is mirrored (equivalent to a scale.x of -1),
+     * `false` means it is not mirrored.
+     */
+    get flipX(): boolean;
+    /**
+     * Sets whether the image is mirrored horizontally.
+     *
+     * `true` mirrors the image (equivalent to a scale.x of -1),
+     * `false` restores normal orientation.
+     */
+    set flipX(value: boolean);
+    /**
+     * Whether the image is mirrored vertically.
+     *
+     * `true` means the image is mirrored (equivalent to a scale.y of -1),
+     * `false` means it is not mirrored.
+     */
+    get flipY(): boolean;
+    /**
+     * Sets whether the image is mirrored vertically.
+     *
+     * `true` mirrors the image (equivalent to a scale.y of -1),
+     * `false` restores normal orientation.
+     */
+    set flipY(value: boolean);
+    /**
+     * The drawing offset of the texture.
+     * This can be used to offset the texture from the origin of the quad.
+     */
+    get cropOffset(): Vec2;
+    /**
+     * The drawing offset of the texture.
+     * This can be used to offset the texture from the origin of the quad.
+     */
+    set cropOffset(value: Vec2);
+    get textureId(): string;
+    /**
+     * Whether this quad is rendering a primitive shape like a line or a circle/rect.
+     */
+    get isPrimitive(): boolean;
+    /**
+     * Whether this quad is rendering a circle.
+     */
+    get isCircle(): boolean;
+    extra: {
+        /**
+         * Sets the atlas coords for the quad. This is for advanced use cases and by default these are
+         * set automatically to reference the right texture atlas region.
+         * @param value - The new atlas coords.
+         */
+        setAtlasCoords: (value: AtlasCoords) => void;
+        /**
+         * Returns the crop ratio for the quad. This is the relative difference in size
+         * between the cropped and uncropped texture, and will be 1 if the quad has no transparent pixels
+         * or if it is loaded without cropping..
+         */
+        cropRatio: () => Size;
+        /**
+         * Returns the size of the texture atlas in texels, by default this is 4096x4096
+         */
+        atlasSize: () => Size;
+    };
+}
+export type QuadOptions = NodeOptions & {
+    textureId?: TextureId;
+    /**
+     * A subregion of the texture to render.
+     * This is useful for rendering a single sprite from a spritesheet for instance.
+     * It defaults to the full texture.
+     */
+    region?: TexelRegion;
+    /**
+     * Atlas coordinates are almost always set by toodle and the asset manager.
+     * For advanced use cases, you can set these yourself to control what uvs are sampled
+     * from the texture atlas.
+     */
+    atlasCoords?: AtlasCoords;
+    assetManager?: AssetManager;
+    shader?: IShader;
+    writeInstance?: (array: Float32Array, offset: number) => void;
+    color?: Color;
+    /**
+     * flipX mirrors the image horizontally (equivalent to a scale.x multiplication
+     * by -1) but allows for independent scaling
+     */
+    flipX?: boolean;
+    /**
+     * flipY mirrors the image vertically (equivalent to a scale.y multiplication
+     * by -1) but allows for independent scaling
+     */
+    flipY?: boolean;
+    /**
+     * The offset of the cropped texture from the original texture
+     * If uncropped, this will be 0,0
+     */
+    cropOffset?: Vec2;
+    /**
+     * The size of the texture atlas in texels. This is almost always set by toodle.
+     */
+    atlasSize?: Size;
+    /**
+     * The matrix pool to use for the quad.
+     * This is used to avoid creating new matrices for each quad.
+     */
+    matrixPool?: Pool<Mat3>;
+};
+//# sourceMappingURL=QuadNode.d.ts.map

package/dist/scene/QuadNode.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"QuadNode.d.ts","sourceRoot":"","sources":["../../src/scene/QuadNode.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,IAAI,EAAQ,MAAM,aAAa,CAAC;AAC9C,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAChD,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AAC9C,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AAC9C,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC;AAElD,OAAO,KAAK,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAC;AACxE,OAAO,KAAK,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAElE,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAC1C,OAAO,EAAE,KAAK,WAAW,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAe1D;;;;;GAKG;AACH,qBAAa,QAAS,SAAQ,SAAS;;IACrC,YAAY,EAAE,YAAY,CAAC;gBAsBf,OAAO,EAAE,WAAW,EAAE,UAAU,EAAE,IAAI,CAAC,IAAI,CAAC;IAsExD;;;;;OAKG;IACH,IAAI,KAAK,IAIQ,KAAK,CAFrB;IAED,IAAI,KAAK,CAAC,KAAK,EAAE,KAAK,EAErB;IAED;;OAEG;IACH,IAAI,IAAI,SAMP;IAED;;;;OAIG;IACH,IAAI,cAAc,kCASjB;IAED;;;OAGG;IACH,IAAI,WAAW,gBAEd;IAED;;;;OAIG;IACH,IAAI,MAAM,gBAET;IAED,IAAI,aAAa,aAlIQ,YAAY,UAAU,MAAM,KAAK,IAAI,cAoI7D;IAED;;;;;OAKG;IACH,IAAI,KAAK,IAAI,OAAO,CAEnB;IAED;;;;;OAKG;IACH,IAAI,KAAK,CAAC,KAAK,EAAE,OAAO,EAGvB;IAED;;;;;OAKG;IACH,IAAI,KAAK,IAAI,OAAO,CAEnB;IAED;;;;;OAKG;IACH,IAAI,KAAK,CAAC,KAAK,EAAE,OAAO,EAGvB;IAED;;;OAGG;IACH,IAAI,UAAU,IAAI,IAAI,CAErB;IAED;;;OAGG;IACH,IAAI,UAAU,CAAC,KAAK,EAAE,IAAI,EAEzB;IAED,IAAI,SAAS,WAEZ;IAED;;OAEG;IACH,IAAI,WAAW,YAEd;IAED;;OAEG;IACH,IAAI,QAAQ,YAEX;IAED,KAAK;QACH;;;;WAIG;gCACqB,WAAW;QAInC;;;;WAIG;;QAKH;;WAEG;;MAIH;CACH;AAED,MAAM,MAAM,WAAW,GAAG,WAAW,GAAG;IACtC,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB;;;;OAIG;IACH,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB;;;;OAIG;IACH,WAAW,CAAC,EAAE,WAAW,CAAC;IAE1B,YAAY,CAAC,EAAE,YAAY,CAAC;IAE5B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,YAAY,EAAE,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9D,KAAK,CAAC,EAAE,KAAK,CAAC;IACd;;;OAGG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB;;;OAGG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB;;;OAGG;IACH,UAAU,CAAC,EAAE,IAAI,CAAC;IAElB;;OAEG;IACH,SAAS,CAAC,EAAE,IAAI,CAAC;IAEjB;;;OAGG;IACH,UAAU,CAAC,EAAE,IAAI,CAAC,IAAI,CAAC,CAAC;CACzB,CAAC"}

package/dist/scene/RenderComponent.d.ts

@@ -0,0 +1,11 @@
+import type { IShader } from "../shaders/IShader";
+import type { SceneNode } from "./SceneNode";
+export type RenderComponent = {
+    shader: IShader;
+    data?: Float32Array;
+    /**
+     * Write cpu instance data to the buffer. Returns number of instances written
+     */
+    writeInstance: (node: SceneNode, dst: Float32Array, offset: number) => number;
+};
+//# sourceMappingURL=RenderComponent.d.ts.map

package/dist/scene/RenderComponent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RenderComponent.d.ts","sourceRoot":"","sources":["../../src/scene/RenderComponent.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC;AAClD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAE7C,MAAM,MAAM,eAAe,GAAG;IAC5B,MAAM,EAAE,OAAO,CAAC;IAChB,IAAI,CAAC,EAAE,YAAY,CAAC;IAEpB;;OAEG;IACH,aAAa,EAAE,CAAC,IAAI,EAAE,SAAS,EAAE,GAAG,EAAE,YAAY,EAAE,MAAM,EAAE,MAAM,KAAK,MAAM,CAAC;CAC/E,CAAC"}

package/dist/scene/SceneNode.d.ts

@@ -0,0 +1,300 @@
+import type { Point } from "../coreTypes/Point";
+import type { Size } from "../coreTypes/Size";
+import type { Transform } from "../coreTypes/Transform";
+import type { Vec2 } from "../coreTypes/Vec2";
+import type { RenderComponent } from "./RenderComponent";
+/**
+ * A node in the scene graph.
+ *
+ * This is a base class and is fairly low level. You will probably want to interact with
+ * the wrapper classes {@link Toodle['Node']} or {@link Toodle['Quad']} instead.
+ */
+export declare class SceneNode {
+    #private;
+    static nextId: number;
+    id: number;
+    label?: string;
+    constructor(opts?: NodeOptions);
+    /**
+     * Add a child node and return the child node with this node set as its parent.
+     */
+    add<T extends SceneNode>(kid: T, index?: number): T;
+    /**
+     * Returns an array of the node's immediate kids.
+     *
+     * Note that these will be returned with a `SceneNode` type, but can be narrowed if you know the type of them,
+     * for eg:
+     *
+     * ```ts
+     * for (const kid of node.kids) {
+     *   if (kid instanceof Scene.QuadNode) {
+     *     console.log(kid.color)
+     *   }
+     *
+     *   if (kid instanceof Text.TextNode) {
+     *     console.log(kid.text)
+     *   }
+     * }
+     * ```
+     */
+    get kids(): SceneNode[];
+    /**
+     * The children of the node. Alias for {@link SceneNode.kids}.
+     */
+    get children(): SceneNode[];
+    /**
+     * Returns a reference to the node's transform.
+     *
+     * Do not edit this transform directly as it won't invalidate cache's correctly.
+     * Instead, use convenience properties {@link SceneNode.position}, {@link SceneNode.scale}, and {@link SceneNode.rotation}.
+     */
+    get transform(): Transform;
+    /**
+     * Returns the key of the node as set when the node was created.
+     *
+     * This key can be used to reference the node from an external lookup system.
+     */
+    get key(): string;
+    /**
+     * Returns the parent node. See https://toodle.gg/f849595b3ed13fc956fc1459a5cb5f0228f9d259/examples/transforms.html
+     */
+    get parent(): SceneNode | null;
+    set position(value: Point);
+    /**
+     * Position of the node in local space. For world space, use {@link SceneNode.bounds}.
+     */
+    get position(): Point;
+    set x(value: number);
+    /**
+     * The local x coordinate of the node.
+     */
+    get x(): number;
+    set y(value: number);
+    /**
+     * The local y coordinate of the node.
+     */
+    get y(): number;
+    set rotation(value: number);
+    /**
+     * The rotation of the node in degrees.
+     * For radians, see {@link SceneNode.rotationRadians}.
+     */
+    get rotation(): number;
+    /**
+     * The rotation of the node in radians.
+     * For degrees, see {@link SceneNode.rotation}.
+     */
+    get rotationRadians(): number;
+    set rotationRadians(value: number);
+    /**
+     * The scale of the node. See https://toodle.gg/f849595b3ed13fc956fc1459a5cb5f0228f9d259/examples/quad-size-scale.html
+     */
+    get scale(): Vec2;
+    set scale(value: Vec2 | number);
+    set idealSize(value: Size | null);
+    /**
+     * The size of the node. See https://toodle.gg/f849595b3ed13fc956fc1459a5cb5f0228f9d259/examples/quad-size-scale.html
+     */
+    get size(): Size | null;
+    /**
+     * The aspect ratio of the node.
+     * If the node has no defined size, the aspect ratio will be 1.
+     */
+    get aspectRatio(): number;
+    /**
+     * isActive is a boolean that determines if the node is active.
+     * If a node is not active, it will not be drawn.
+     * If any of a node's ancestors are not active, the node will not be active.
+     */
+    get isActive(): boolean;
+    set isActive(value: boolean);
+    /**
+     * Nodes are batched for drawing based on their layer. Each layer will submit a separate draw call.
+     * Nodes with the same layer will be drawn in the order they are drawn with toodle.Draw
+     * Nodes with a higher layer will be drawn on top of nodes with a lower layer.
+     */
+    get layer(): number;
+    /**
+     * Returns true if the node has an explicit layer set.
+     *
+     * If the node does not have an explicit layer but one of its ancestors does,
+     * its layer will be inherited from its parent.
+     */
+    get hasExplicitLayer(): boolean;
+    set layer(value: number);
+    get renderComponent(): RenderComponent | null;
+    /**
+     * This is the model matrix of the node. See https://webgpufundamentals.org/webgpu/lessons/webgpu-matrix-math.html for more information.
+     *
+     * Do not edit this matrix directly as it is derived from the node's transform and will be overwritten.
+     */
+    get matrix(): Float32Array;
+    /**
+     * Get the bounds of the node in world space
+     */
+    get bounds(): Bounds;
+    /**
+     * Set the bounds of the node in world space.
+     */
+    setBounds(bounds: Partial<Bounds>): this;
+    /**
+     * Set the left edge of the node in world space.
+     */
+    set left(value: number);
+    /**
+     * Set the bottom edge of the node in world space.
+     */
+    set bottom(value: number);
+    /**
+     * Set the top edge of the node in world space.
+     */
+    set top(value: number);
+    /**
+     * Set the right edge of the node in world space.
+     */
+    set right(value: number);
+    /**
+     * Set the center x of the node in world space.
+     */
+    set centerX(value: number);
+    /**
+     * Set the center y of the node in world space.
+     */
+    set centerY(value: number);
+    /**
+     * Removes references to this node and all of its children.
+     *
+     * Call this to remove a node from a parent's tree and before garbage collection to prevent a node from being retained.
+     *
+     * @example
+     *
+     * const parent = toodle.Node();
+     * const child = toodle.Quad();
+     * const grandchild = toodle.Quad();
+     *
+     * parent.add(child);
+     * child.add(grandchild);
+     *
+     * // Will delete `child` and `grandchild`
+     * child.delete();
+     */
+    delete(): void;
+    /**
+     * Remove any child node from this node. Warns if the child is not found.
+     *
+     * The node will still exist as an orphaned node and can still be passed to toodle.Draw or added to another parent.
+     *
+     * Alternatively, calling `node.delete()` on the child will remove it and set it to inactive.
+     *
+     * @example
+     * const parent = toodle.Node();
+     * const child = toodle.Quad();
+     * const grandchild = toodle.Quad();
+     *
+     * parent.add(child);
+     * child.add(grandchild);
+     *
+     * parent.remove(child);
+     */
+    remove(kid: SceneNode): void;
+    /**
+     * This marks the node as dirty, invalidating its cache and causing its matrix to be recalculated.
+     * This should not be necessary to call directly, but is available for advanced use cases.
+     */
+    setDirty(): void;
+    /**
+     * Parse a node and its descendants from a JSON string.
+     * Can be used for deserialization from a file or other source.
+     *
+     * @example
+     *
+     * const node = new Node();
+     * const json = JSON.stringify(node);
+     * const clonedNode = Node.parse(json);
+     */
+    static parse(json: string): SceneNode;
+    /**
+     * This method usually is not called directly. It will be called automatically by `JSON.stringify`,
+     * see: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/JSON/stringify#description
+     * and {@link SceneNode.parse}.
+     *
+     * @example
+     *
+     * const node = new Node();
+     * const json = JSON.stringify(node); // calls toJSON()
+     * console.log(json)
+     */
+    toJSON(): {
+        id: number;
+        label: string | undefined;
+        transform: Transform;
+        layer: number | null;
+        isActive: boolean;
+        kids: SceneNode[];
+        render: RenderComponent | null;
+    };
+}
+export type NodeOptions = {
+    /** The unique identifier for the node. */
+    id?: number;
+    /** The label for the node. */
+    label?: string;
+    /** The layer for the node. */
+    layer?: number;
+    /** The rotation for the node in degrees. Cannot be used with `rotationRadians`. */
+    rotation?: number;
+    /** The rotation for the node in radians. Cannot be used with `rotation`. */
+    rotationRadians?: number;
+    /** The position for the node. */
+    position?: Point;
+    /** The scale for the node. */
+    scale?: Vec2 | number;
+    /** The desired size for the node. */
+    idealSize?: Size;
+    /** The active state for the node. */
+    isActive?: boolean;
+    /** The kids for the node. */
+    kids?: SceneNode[];
+    /** The render component for the node. */
+    render?: RenderComponent;
+    /** Flip the node horizontally. */
+    flipX?: boolean;
+    /** Flip the node vertically. */
+    flipY?: boolean;
+    /** A string key for the node - can be used to reference the node from an external lookup system */
+    key?: string;
+};
+/**
+ * Bounds represent a bounding box of a rectangle in world space
+ */
+export type Bounds = {
+    /**
+     * for an axis-aligned rectangle, top is the top edge.
+     * for a rotated rectangle, it is the topmost point
+     */
+    top: number;
+    /**
+     * for an axis-aligned rectangle, left is the left edge.
+     * for a rotated rectangle, it is the leftmost point
+     */
+    left: number;
+    /**
+     * for an axis-aligned rectangle, right is the right edge.
+     * for a rotated rectangle, it is the rightmost point
+     */
+    right: number;
+    /**
+     * for an axis-aligned rectangle, bottom is the bottom edge.
+     * for a rotated rectangle, it is the bottommost point
+     */
+    bottom: number;
+    /**
+     * the center x of the node in world space
+     */
+    x: number;
+    /**
+     * the center y of the node in world space
+     */
+    y: number;
+};
+//# sourceMappingURL=SceneNode.d.ts.map

package/dist/scene/SceneNode.d.ts.map

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

package/dist/scene/mod.d.ts

@@ -0,0 +1,5 @@
+export * from "./Camera";
+export * from "./QuadNode";
+export * from "./RenderComponent";
+export * from "./SceneNode";
+//# sourceMappingURL=mod.d.ts.map

package/dist/scene/mod.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"mod.d.ts","sourceRoot":"","sources":["../../src/scene/mod.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,mBAAmB,CAAC;AAClC,cAAc,aAAa,CAAC"}

package/dist/screen/mod.d.ts

@@ -0,0 +1,2 @@
+export * from "./resolution";
+//# sourceMappingURL=mod.d.ts.map

package/dist/screen/mod.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"mod.d.ts","sourceRoot":"","sources":["../../src/screen/mod.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC"}

package/dist/screen/resolution.d.ts

@@ -0,0 +1,5 @@
+export type Resolution = {
+    width: number;
+    height: number;
+};
+//# sourceMappingURL=resolution.d.ts.map

package/dist/screen/resolution.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"resolution.d.ts","sourceRoot":"","sources":["../../src/screen/resolution.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,UAAU,GAAG;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAA;CAAE,CAAC"}

package/dist/shaders/EngineUniform.d.ts

@@ -0,0 +1,9 @@
+import type { Mat3 } from "wgpu-matrix";
+import type { Camera } from "../scene/Camera";
+import type { Resolution } from "../screen/resolution";
+export type EngineUniform = {
+    resolution: Resolution;
+    camera: Camera;
+    viewProjectionMatrix: Mat3;
+};
+//# sourceMappingURL=EngineUniform.d.ts.map

package/dist/shaders/EngineUniform.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EngineUniform.d.ts","sourceRoot":"","sources":["../../src/shaders/EngineUniform.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AAC9C,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAEvD,MAAM,MAAM,aAAa,GAAG;IAC1B,UAAU,EAAE,UAAU,CAAC;IACvB,MAAM,EAAE,MAAM,CAAC;IACf,oBAAoB,EAAE,IAAI,CAAC;CAG5B,CAAC"}

package/dist/shaders/IShader.d.ts

@@ -0,0 +1,15 @@
+import type { SceneNode } from "../scene/SceneNode";
+import type { EngineUniform } from "./EngineUniform";
+export interface IShader {
+    startFrame: (device: GPUDevice, uniform: EngineUniform) => void;
+    /**
+     * Process a batch of nodes.
+     *
+     * @param renderPass - The render pass to use.
+     * @param nodes - The nodes to process.
+     * @returns The number of draw calls made.
+     */
+    processBatch: (renderPass: GPURenderPassEncoder, nodes: SceneNode[]) => number;
+    endFrame: () => void;
+}
+//# sourceMappingURL=IShader.d.ts.map

package/dist/shaders/IShader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"IShader.d.ts","sourceRoot":"","sources":["../../src/shaders/IShader.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AACpD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAErD,MAAM,WAAW,OAAO;IACtB,UAAU,EAAE,CAAC,MAAM,EAAE,SAAS,EAAE,OAAO,EAAE,aAAa,KAAK,IAAI,CAAC;IAEhE;;;;;;OAMG;IACH,YAAY,EAAE,CACZ,UAAU,EAAE,oBAAoB,EAChC,KAAK,EAAE,SAAS,EAAE,KACf,MAAM,CAAC;IAEZ,QAAQ,EAAE,MAAM,IAAI,CAAC;CACtB"}