Init

ext.js

@@ -0,0 +1,101 @@
+class TextSpriteExtension {
+  id = "textSprite";
+
+  registerCategory() {
+    return {
+      name: "Text Sprite",
+      color: "#8E44AD",
+    };
+  }
+
+  registerBlocks() {
+    return [
+      {
+        type: "statement",
+        id: "createTextSprite",
+        text: "create text sprite [text] font [font] size [size] color [color]",
+        tooltip: "Create a new sprite rendered from text",
+        fields: {
+          text: { kind: "value", type: "String", default: "Hello!" },
+          font: {
+            kind: "menu",
+            items: [
+              "Arial",
+              "Verdana",
+              "Courier New",
+              "Times New Roman",
+              "Comic Sans MS",
+            ],
+          },
+          size: { kind: "value", type: "Number", default: "48" },
+          color: { kind: "value", type: "String", default: "#000000" },
+        },
+      },
+    ];
+  }
+
+  registerCode() {
+    return {
+      createTextSprite: (inputs) => {
+        if (!window.app || !window.PIXI) return;
+
+        const text = String(inputs.text ?? "");
+        const font = inputs.font || "Arial";
+        const size = Number(inputs.size || 48);
+        const color = String(inputs.color || "#000000");
+
+        /* ---------- Canvas ---------- */
+        const canvas = document.createElement("canvas");
+        const ctx = canvas.getContext("2d");
+
+        ctx.font = `${size}px ${font}`;
+        const metrics = ctx.measureText(text);
+
+        canvas.width = Math.ceil(metrics.width) + 20;
+        canvas.height = size + 20;
+
+        ctx.font = `${size}px ${font}`;
+        ctx.fillStyle = color;
+        ctx.textBaseline = "top";
+        ctx.fillText(text, 10, 10);
+
+        /* ---------- PIXI Texture ---------- */
+        const baseTexture = new PIXI.BaseTexture(canvas);
+        const texture = new PIXI.Texture(baseTexture);
+        baseTexture.update();
+
+        /* ---------- Create Sprite (same as addSprite) ---------- */
+        const pixiSprite = new PIXI.Sprite(texture);
+        pixiSprite.anchor.set(0.5);
+        pixiSprite.x = 0;
+        pixiSprite.y = 0;
+        pixiSprite.scale._parentScaleEvent = pixiSprite;
+
+        app.stage.addChild(pixiSprite);
+
+        const id = "text-sprite-" + Date.now();
+
+        const spriteData = {
+          id,
+          pixiSprite,
+          code: "",
+          costumes: [{ name: "text", texture }],
+          sounds: [],
+        };
+
+        sprites.push(spriteData);
+
+        // Register globally
+        if (!window.projectCostumes.includes("text")) {
+          window.projectCostumes.push("text");
+        }
+
+        // Select it
+        setActiveSprite(spriteData);
+        renderSpritesList(true);
+      },
+    };
+  }
+}
+
+registerExtension(TextSpriteExtension);