The Stable Cascade 2 Step

Stabilty AI has shared an early release of Stable Cascade (built upon Würstchen). Whereas Stable Diffusion uses a single UNet followed by a VAE, this model uses 2 UNets - resulting in improvements in inference time and training resources.

viewof prompt = Inputs.radio(["agate", "axolotl", "california", "surreal", "whippets"], {label: "Prompt", value: "whippets"})
viewof steps_c = Inputs.range([0, 50], {step: 1, value: 20, label: "Steps C"})
viewof steps_b = Inputs.range([0, 20], {step: 1, value: 10, label: "Steps B"})
viewof thumbnails = Inputs.toggle({label: "Use thumbs", values: ['_t', ''], value: '_t'})

img = html`<img width=256 height=256>`;

function get_prompt(p) {
  return {
    "whippets": "Cinematic photo of an anthropomorphic whippet sitting in a cafe reading a book and having a coffee.",
    "axolotl": "A cute axolotl dressed as dnd wizard, cartoon, simple, black and white draw with bold lines.",
    "agate": "sculptural series of circles, covered in runes of mystery art on the edge of solitary rock and white ceramic, made of coral, translucent layers, light glow and light black, microfilm, chromatic sculptural slabs, dusty piles, natural phenomena, style of futuristic cyberpunk, luminous 3d objects, liquid emulsion printing, colorful grotesques, fluid and dynamic clusters, surrealistic forms, hand size circle crystal agate, studio shoot",
    "surreal" :"surreal photography, in the style of horror, minimalism, fantasy, abstract, heavy use of negative space, by emil melmoth and angelina wrona",
    "california" :"a minimalist vector landscape, point reyes, california, sea at foreground, mountain in the background, vibrant colors",
  }[p]
}


loadImage = (src) => new Promise((resolve, reject) => {
  const tempImg = new Image();
  tempImg.onload = () => resolve(src);
  tempImg.onerror = reject;
  tempImg.src = src;
});

updateImageSrc = async (prompt, steps_c, steps_b, thumbnails) => {
  const src = `https://r2.anotherjesse.com/stable-cascade/${prompt}/${steps_c}_${steps_b}${thumbnails}.jpg`;
  const loadedSrc = await loadImage(src);
  img.src = loadedSrc;
  if (thumbnails == '') {
    img.width = 512;
    img.height = 512;
  } else {
    img.width = 256;
    img.height = 256;
  }
  return html`<em>${get_prompt(prompt)}</em> ${steps_c} + ${steps_b} steps`;
};

updateImageSrc(prompt, steps_c, steps_b, thumbnails);