pixelkiln 0.87.0 → 0.89.0

package/dist/client/gallery.js

@@ -1439,7 +1439,7 @@
     }
     return out;
   }
-  var fieldReaches = (field2, style) => field2 === "enforcePalette" ? false : field2 !== "noBackground" || style.generator === "pixflux" || style.provider !== "pixellab";
+  var fieldReaches = (field2, style) => style.generator === "vfx" || field2 === "enforcePalette" ? false : field2 !== "noBackground" || style.generator === "pixflux" || style.provider !== "pixellab";
   function blastRadius(style, fields) {
     const byId = new Map(S.snap.styles.filter((x) => x.project === style.project).map((x) => [x.id, x]));
     const styleIds = /* @__PURE__ */ new Set();
@@ -1680,11 +1680,15 @@
       return [["image-to-image", "edit with a text instruction"], ...single ? [["inpaint", "repaint a painted area"]] : []];
     }
     if (item.provider !== "pixellab") return [["image-to-image", "edit with a text instruction"]];
+    const style = S.snap.styles.find((s) => s.id === item.styleId && s.project === item.project);
+    const normals = !(style && (style.enforcePalette || style.quality)) && sized(8, 512);
     if (!single) {
+      const loop = item.outputs.length <= 32 && item.outputs.every((output) => output.role && output.role.startsWith("frame-"));
       return [
         ["edit-animation", "one text edit across every frame"],
         ["reduce-colors", "fewer colours, across every frame"],
-        ["correct-pixelart", "clean up the pixel grid, across every frame"]
+        ["correct-pixelart", "clean up the pixel grid, across every frame"],
+        ...loop && normals ? [["normal-map", "lighting normals, one steady map per frame"]] : []
       ];
     }
     return [
@@ -1695,7 +1699,8 @@
       ...sized(16, 128) && endingKeyframes(item).length ? [["interpolate", "in-betweens toward another sprite"]] : [],
       ["reduce-colors", "fewer colours, optional dithering"],
       ["correct-pixelart", "clean up the pixel grid"],
-      ["remove-background", "cut the background out to transparency"]
+      ["remove-background", "cut the background out to transparency"],
+      ...normals ? [["normal-map", "a normal map, so an engine can light it"]] : []
     ];
   }
   function endingKeyframes(item) {
@@ -1753,6 +1758,8 @@
     const subject = el("input");
     subject.type = "text";
     subject.placeholder = "optional: e.g. a knight holding a sword";
+    const convention = el("select");
+    convention.append(new Option("opengl: green up (Godot, Unity, Phaser)", "opengl"), new Option("directx: green down (Unreal)", "directx"));
     const ending = el("select");
     for (const other of endingKeyframes(item)) ending.append(new Option(other.assetId, other.outputs[0].path));
     const endingField = field("ending keyframe", ending, "Another sprite of the same style and size; the parent is the start. Regenerating that sprite makes this stale.");
@@ -1800,11 +1807,12 @@
     const ditherField = field("dithering", dithering);
     const removalField = field("removal", removal, "PixelLab takes at most 400 by 400 pixels.");
     const subjectField = field("foreground", subject, "A hint that helps PixelLab find what to keep.");
+    const conventionField = field("convention", convention, "Which way green points. 0.5 generation per sprite or per loop.");
     const grids = el("div", "row");
     grids.append(framesField, fpsField);
     const cleanup = el("div", "row");
     cleanup.append(colorsField, ditherField);
-    form.append(row1, promptField, maskBox, endingField, strengthField, grids, driftField, captionRow, directionField, enhanceField, cleanup, removalField, subjectField);
+    form.append(row1, promptField, maskBox, endingField, strengthField, grids, driftField, captionRow, directionField, enhanceField, cleanup, removalField, subjectField, conventionField);
     const hints = {
       "image-to-image": ["edit instruction", "add snow on the roof", "The style still adds its prefix and suffix."],
       animate: ["motion", "the chest wobbling gently", "Describes the movement; the parent image is the first frame."],
@@ -1814,7 +1822,8 @@
       "edit-animation": ["edit instruction", "add a red cape", "Applied across every frame in one call, so the change stays consistent."],
       "reduce-colors": ["note", "optional", "Cleanup only: the text is kept as a label, not sent."],
       "correct-pixelart": ["note", "optional", "Cleanup only: the text is kept as a label, not sent."],
-      "remove-background": ["note", "optional", "Cleanup only: the text is kept as a label, not sent."]
+      "remove-background": ["note", "optional", "Cleanup only: the text is kept as a label, not sent."],
+      "normal-map": ["note", "optional", "Cleanup only: the text is kept as a label, not sent."]
     };
     const sync = () => {
       const m = mode.value;
@@ -1823,7 +1832,7 @@
       promptField.querySelector("small")?.remove();
       promptField.append(el("small", null, hint));
       prompt.placeholder = placeholder;
-      prompt.required = !["reduce-colors", "correct-pixelart", "remove-background"].includes(m);
+      prompt.required = !["reduce-colors", "correct-pixelart", "remove-background", "normal-map"].includes(m);
       strengthField.hidden = m !== "image-to-image" && m !== "correct-pixelart";
       grids.hidden = !(m === "animate" || m === "animate-pixminimax" || m === "edit-animation" || m === "interpolate");
       driftField.hidden = !(m === "animate" || m === "animate-pixminimax");
@@ -1836,6 +1845,7 @@
       enhanceField.hidden = !(m === "animate" || m === "animate-pixminimax");
       cleanup.hidden = m !== "reduce-colors";
       removalField.hidden = subjectField.hidden = m !== "remove-background";
+      conventionField.hidden = m !== "normal-map";
     };
     mode.onchange = sync;
     enhance.onchange = sync;
@@ -1878,7 +1888,8 @@
         revision.removalTask = removal.value;
         if (subject.value.trim()) revision.description = subject.value.trim();
       }
-      const text = prompt.value.trim() || { "reduce-colors": "reduce colours", "correct-pixelart": "correct pixel art", "remove-background": "remove background" }[m] || "";
+      if (m === "normal-map" && convention.value === "directx") revision.convention = "directx";
+      const text = prompt.value.trim() || { "reduce-colors": "reduce colours", "correct-pixelart": "correct pixel art", "remove-background": "remove background", "normal-map": "normal map" }[m] || "";
       const asset = { prompt: text, styles: [item.styleId], revision };
       try {
         let body;
@@ -4745,7 +4756,7 @@
       }
       const declared = item.asset && item.asset.revision;
       if (declared) {
-        for (const [label, key] of [["facing", "direction"], ["looks like", "description"], ["body template", "skeletonTemplate"], ["frames", "frames"], ["fps", "fps"], ["colours", "numColors"], ["dithering", "dithering"], ["removal", "removalTask"]]) {
+        for (const [label, key] of [["facing", "direction"], ["looks like", "description"], ["body template", "skeletonTemplate"], ["frames", "frames"], ["fps", "fps"], ["colours", "numColors"], ["dithering", "dithering"], ["removal", "removalTask"], ["normal convention", "convention"]]) {
           if (declared[key] !== void 0) row(dl, label, declared[key]);
         }
       }