@fungi.computer/sprite-zdog 0.0.0-stage → 0.0.1

package/dist/builtins/cat-input.js

@@ -0,0 +1,255 @@
+import { baseActivities, baseExpressions, buildBaseFace } from "./base-face.js";
+const requiredNode = (nodes, name) => {
+    const node = nodes[name];
+    if (!node)
+        throw new Error(`Missing cat face node: ${name}`);
+    return node;
+};
+const sceneNodeMap = (nodes) => nodes;
+/**
+ * The cat's authoring input, kept apart from its `defineSprite` call so
+ * the avatar catalog can import it without building the scene at module
+ * evaluation (a Worker cold-start cost). `./cat.js` is the definition.
+ */
+export const catInput = {
+    apiVersion: 1,
+    name: "cat",
+    palette: {
+        body: "#ffe6c6",
+        eye: "#28282e",
+        mouth: "#28282e",
+        blush: "#feaae4",
+        dead: "#6c5671",
+        deadTongue: "#d9c8bf",
+        tongue: "#f98284",
+        stripes: "#dea38b",
+        sweat: "#accce4",
+        white: "#ffffff",
+    },
+    build({ scene, color }) {
+        const root = scene.group({ name: "root" });
+        const body = scene.group({ parent: root, name: "body", updateSort: true });
+        scene.path({
+            parent: body,
+            name: "body.sphere",
+            path: [{ x: 0, y: 0 }],
+            color: color("body"),
+            stroke: 32,
+        });
+        for (const side of [-1, 1]) {
+            scene.path({
+                parent: body,
+                name: `ear.${side < 0 ? "left" : "right"}`,
+                color: color("body"),
+                fill: true,
+                path: [
+                    { x: -6, y: 0 },
+                    { x: 6, y: 0 },
+                    { x: 0, y: -10 },
+                ],
+                rotate: { z: 0.6 * side },
+                stroke: 3,
+                translate: { x: 9 * side, y: -10 },
+            });
+        }
+        const face = scene.group({
+            parent: body,
+            name: "face",
+            translate: { z: 20 },
+        });
+        const base = buildBaseFace(scene, color, face, { hideMouth: true });
+        const mouthGroup = scene.group({
+            parent: face,
+            name: "cat.mouth",
+            translate: { y: 6, z: 2 },
+        });
+        const line = (name, path, stroke) => scene.path({
+            parent: mouthGroup,
+            name: `cat.mouth.${name}`,
+            closed: false,
+            color: color("mouth"),
+            path,
+            stroke,
+        });
+        const mouths = sceneNodeMap({
+            normal: line("normal", [
+                { x: -2, y: -1 },
+                { x: 0, y: 0 },
+                { x: 2, y: -1 },
+            ], 1.5),
+            sad: line("sad", [
+                { x: -2.5, y: 2 },
+                {
+                    bezier: [
+                        { x: 0, y: 0 },
+                        { x: 2.5, y: 2 },
+                        { x: 2.5, y: 2 },
+                    ],
+                },
+            ], 1.5),
+            angry: line("angry", [
+                { x: -3, y: 1 },
+                { x: 3, y: 1 },
+            ], 2),
+            small: line("small", [
+                { x: -1.5, y: 0 },
+                { x: 1.5, y: 0 },
+            ], 1),
+            worried: line("worried", [
+                { x: -2, y: 1 },
+                {
+                    bezier: [
+                        { x: -0.5, y: 0.5 },
+                        { x: 0.5, y: 0.5 },
+                        { x: 2, y: 1 },
+                    ],
+                },
+            ], 1),
+        });
+        const happy = scene.group({
+            parent: mouthGroup,
+            name: "cat.mouth.happy",
+            translate: { y: 1 },
+        });
+        scene.path({
+            parent: happy,
+            closed: false,
+            color: color("mouth"),
+            path: [
+                { x: -2.5, y: 1 },
+                {
+                    bezier: [
+                        { x: 0, y: 3 },
+                        { x: 2.5, y: 1 },
+                        { x: 2.5, y: 1 },
+                    ],
+                },
+            ],
+            stroke: 1.5,
+        });
+        scene.ellipse({
+            parent: happy,
+            width: 2,
+            height: 1.5,
+            stroke: 0,
+            fill: true,
+            color: color("tongue"),
+            translate: { y: 2 },
+        });
+        mouths.happy = happy;
+        mouths.surprised = scene.ellipse({
+            parent: mouthGroup,
+            name: "cat.mouth.surprised",
+            width: 2.5,
+            height: 3,
+            stroke: 1.5,
+            fill: true,
+            color: color("mouth"),
+            translate: { y: 1 },
+        });
+        const dead = scene.group({
+            parent: mouthGroup,
+            name: "cat.mouth.dead",
+            translate: { y: 3 },
+        });
+        scene.ellipse({
+            parent: dead,
+            width: 2.5,
+            height: 1.5,
+            stroke: 1.5,
+            fill: true,
+            color: color("dead"),
+        });
+        scene.ellipse({
+            parent: dead,
+            width: 1.2,
+            height: 0.8,
+            stroke: 0,
+            fill: true,
+            color: color("deadTongue"),
+            translate: { y: 0.5 },
+        });
+        mouths.dead = dead;
+        mouths.pout = scene.ellipse({
+            parent: mouthGroup,
+            name: "cat.mouth.pout",
+            width: 2,
+            height: 2.5,
+            stroke: 1.5,
+            fill: true,
+            color: color("mouth"),
+            translate: { y: 1 },
+        });
+        mouths.open = scene.ellipse({
+            parent: mouthGroup,
+            name: "cat.mouth.open",
+            width: 4,
+            height: 5,
+            stroke: 1.5,
+            fill: true,
+            color: color("mouth"),
+            translate: { y: 1 },
+        });
+        const whiskers = scene.group({
+            parent: face,
+            name: "whiskers",
+            translate: { y: 5, z: 2 },
+        });
+        for (const side of [-1, 1]) {
+            const xOffset = side * 12;
+            for (const [index, yOffset] of [-2, 0, 2].entries()) {
+                scene.path({
+                    parent: whiskers,
+                    name: `whisker.${side < 0 ? "left" : "right"}.${String(index)}`,
+                    closed: false,
+                    color: color("eye"),
+                    path: [
+                        { x: 0, y: yOffset },
+                        { x: side * 8, y: yOffset + (index - 1) * 1.5 },
+                    ],
+                    stroke: 0.8,
+                    translate: { x: xOffset, y: yOffset * 0.5 },
+                });
+            }
+        }
+        const orderedMouths = {
+            normal: requiredNode(mouths, "normal"),
+            happy: mouths.happy,
+            sad: requiredNode(mouths, "sad"),
+            angry: requiredNode(mouths, "angry"),
+            surprised: mouths.surprised,
+            dead: mouths.dead,
+            small: requiredNode(mouths, "small"),
+            worried: requiredNode(mouths, "worried"),
+            pout: mouths.pout,
+            open: mouths.open,
+        };
+        return {
+            root,
+            variants: { eyes: base.eyes, mouth: orderedMouths, blush: base.blush },
+        };
+    },
+    expressions: baseExpressions,
+    activities: {
+        ...baseActivities,
+        listening: {
+            motion: {
+                target: "root",
+                rotate: { x: -0.2 },
+                durationMs: 300,
+                repeat: "yoyo",
+            },
+            mouseInfluence: 0.3,
+        },
+        thinking: {
+            motion: {
+                target: "root",
+                rotate: { z: 0.1 },
+                durationMs: 800,
+                repeat: "yoyo",
+            },
+            mouseInfluence: 0,
+        },
+    },
+    defaultPresentation: { activity: "idle", expression: "normal" },
+};

package/dist/builtins/cat.d.ts

@@ -0,0 +1,311 @@
+declare const cat: Readonly<{
+    apiVersion: 1;
+    name: string;
+    palette: {
+        body: string;
+        eye: string;
+        mouth: string;
+        blush: string;
+        dead: string;
+        deadTongue: string;
+        tongue: string;
+        stripes: string;
+        sweat: string;
+        white: string;
+    };
+    build({ scene, color }: import("../author.js").AuthorContext): {
+        root: import("../author.js").SceneNode;
+        variants: {
+            eyes: Record<string, import("../author.js").SceneNode>;
+            mouth: {
+                normal: import("../author.js").SceneNode;
+                happy: import("../author.js").SceneNode;
+                sad: import("../author.js").SceneNode;
+                angry: import("../author.js").SceneNode;
+                surprised: import("../author.js").SceneNode;
+                dead: import("../author.js").SceneNode;
+                small: import("../author.js").SceneNode;
+                worried: import("../author.js").SceneNode;
+                pout: import("../author.js").SceneNode;
+                open: import("../author.js").SceneNode;
+            };
+            blush: Record<string, import("../author.js").SceneNode>;
+        };
+    };
+    expressions: {
+        readonly angry: {
+            readonly variants: {
+                readonly eyes: "angry";
+                readonly mouth: "angry";
+                readonly blush: "off";
+            };
+            readonly motion: {
+                readonly target: "root";
+                readonly translate: {
+                    readonly x: 1;
+                    readonly y: 0;
+                };
+                readonly durationMs: 150;
+                readonly repeat: "none";
+            };
+        };
+        readonly confused: {
+            readonly variants: {
+                readonly eyes: "confused";
+                readonly mouth: "normal";
+                readonly blush: "off";
+            };
+            readonly motion: {
+                readonly target: "root";
+                readonly translate: {
+                    readonly x: 0;
+                    readonly y: 0.5;
+                };
+                readonly durationMs: 150;
+                readonly repeat: "none";
+            };
+        };
+        readonly cute: {
+            readonly variants: {
+                readonly eyes: "cute";
+                readonly mouth: "happy";
+                readonly blush: "big";
+            };
+            readonly motion: {
+                readonly target: "root";
+                readonly translate: {
+                    readonly x: 0;
+                    readonly y: -2.5;
+                };
+                readonly durationMs: 150;
+                readonly repeat: "none";
+            };
+        };
+        readonly dead: {
+            readonly variants: {
+                readonly eyes: "dead";
+                readonly mouth: "dead";
+                readonly blush: "off";
+            };
+        };
+        readonly happy: {
+            readonly variants: {
+                readonly eyes: "happy";
+                readonly mouth: "happy";
+                readonly blush: "medium";
+            };
+            readonly motion: {
+                readonly target: "root";
+                readonly translate: {
+                    readonly x: 0;
+                    readonly y: -2;
+                };
+                readonly durationMs: 150;
+                readonly repeat: "none";
+            };
+        };
+        readonly nervous: {
+            readonly variants: {
+                readonly eyes: "nervous";
+                readonly mouth: "worried";
+                readonly blush: "off";
+            };
+            readonly motion: {
+                readonly target: "root";
+                readonly translate: {
+                    readonly x: -0.5;
+                    readonly y: -1;
+                };
+                readonly durationMs: 150;
+                readonly repeat: "none";
+            };
+        };
+        readonly normal: {
+            readonly variants: {
+                readonly eyes: "normal";
+                readonly mouth: "normal";
+                readonly blush: "off";
+            };
+            readonly motion: {
+                readonly target: "root";
+                readonly translate: {
+                    readonly x: 0;
+                    readonly y: 1;
+                };
+                readonly durationMs: 150;
+                readonly repeat: "none";
+            };
+        };
+        readonly pleading: {
+            readonly variants: {
+                readonly eyes: "cute";
+                readonly mouth: "pout";
+                readonly blush: "medium";
+            };
+            readonly motion: {
+                readonly target: "root";
+                readonly translate: {
+                    readonly x: 0;
+                    readonly y: -1;
+                };
+                readonly durationMs: 150;
+                readonly repeat: "none";
+            };
+        };
+        readonly sad: {
+            readonly variants: {
+                readonly eyes: "sad";
+                readonly mouth: "sad";
+                readonly blush: "off";
+            };
+            readonly motion: {
+                readonly target: "root";
+                readonly translate: {
+                    readonly x: 0;
+                    readonly y: 2;
+                };
+                readonly durationMs: 150;
+                readonly repeat: "none";
+            };
+        };
+        readonly shy: {
+            readonly variants: {
+                readonly eyes: "shy";
+                readonly mouth: "small";
+                readonly blush: "small";
+            };
+            readonly motion: {
+                readonly target: "root";
+                readonly translate: {
+                    readonly x: 0;
+                    readonly y: 1.5;
+                };
+                readonly durationMs: 150;
+                readonly repeat: "none";
+            };
+        };
+        readonly sleepy: {
+            readonly variants: {
+                readonly eyes: "sleepy";
+                readonly mouth: "small";
+                readonly blush: "off";
+            };
+            readonly motion: {
+                readonly target: "root";
+                readonly translate: {
+                    readonly x: 0;
+                    readonly y: 2;
+                };
+                readonly durationMs: 150;
+                readonly repeat: "none";
+            };
+        };
+        readonly surprised: {
+            readonly variants: {
+                readonly eyes: "surprised";
+                readonly mouth: "surprised";
+                readonly blush: "off";
+            };
+            readonly motion: {
+                readonly target: "root";
+                readonly translate: {
+                    readonly x: 0;
+                    readonly y: -3;
+                };
+                readonly durationMs: 150;
+                readonly repeat: "none";
+            };
+        };
+        readonly wink: {
+            readonly variants: {
+                readonly mouth: "happy";
+                readonly blush: "small";
+            };
+            readonly variantChoices: {
+                readonly eyes: readonly ["wink.left", "wink.right"];
+            };
+            readonly motion: {
+                readonly target: "root";
+                readonly translate: {
+                    readonly x: 0;
+                    readonly y: -1.5;
+                };
+                readonly durationMs: 150;
+                readonly repeat: "none";
+            };
+        };
+    };
+    activities: {
+        listening: {
+            motion: {
+                target: string;
+                rotate: {
+                    x: number;
+                };
+                durationMs: number;
+                repeat: "yoyo";
+            };
+            mouseInfluence: number;
+        };
+        thinking: {
+            motion: {
+                target: string;
+                rotate: {
+                    z: number;
+                };
+                durationMs: number;
+                repeat: "yoyo";
+            };
+            mouseInfluence: number;
+        };
+        idle: {
+            readonly motion: {
+                readonly target: "root";
+                readonly translate: {
+                    readonly y: 0.5;
+                };
+                readonly durationMs: 2000;
+                readonly repeat: "yoyo";
+            };
+            readonly mouseInfluence: 1;
+        };
+        processing: {
+            readonly mouseInfluence: 0.2;
+        };
+        speaking: {
+            readonly motion: {
+                readonly target: "root";
+                readonly translate: {
+                    readonly y: 0.5;
+                };
+                readonly durationMs: 1500;
+                readonly repeat: "yoyo";
+            };
+            readonly mouseInfluence: 0;
+            readonly mouthCycle: readonly [{
+                readonly durationMs: 100;
+                readonly mouth: "open";
+            }, {
+                readonly durationMs: 150;
+                readonly mouth: "base";
+            }, {
+                readonly durationMs: 100;
+                readonly mouth: "open";
+            }, {
+                readonly durationMs: 200;
+                readonly mouth: "base";
+            }];
+        };
+        error: {
+            readonly geometry: {
+                readonly expression: "dead";
+            };
+            readonly mouseInfluence: 0.1;
+        };
+    };
+    defaultPresentation: {
+        activity: string;
+        expression: string;
+    };
+}>;
+export default cat;

package/dist/builtins/cat.js

@@ -0,0 +1,4 @@
+import { defineSprite } from "../author.js";
+import { catInput } from "./cat-input.js";
+const cat = defineSprite(catInput);
+export default cat;

package/dist/builtins/index.d.ts

@@ -0,0 +1,4 @@
+export { default as base } from "./base.js";
+export { default as mushroom } from "./mushroom.js";
+export { default as cat } from "./cat.js";
+export { default as burger } from "./burger.js";

package/dist/builtins/index.js

@@ -0,0 +1,4 @@
+export { default as base } from "./base.js";
+export { default as mushroom } from "./mushroom.js";
+export { default as cat } from "./cat.js";
+export { default as burger } from "./burger.js";