From prompt to playable coloring-book canvas in one tab

Watch the demo

Click any chapter to jump to that part of the walkthrough.

The pipeline flow

There are three stages, and each one ends in a deliberate lock, so downstream work is never built on art that might still change.

Before vs. now

What a canvas is made of

The player sees a line drawing, taps paint-brush icons (spawners) on each region, and picks colors to bring the scene to life. Three images make that possible.

Before Canvas Studio, an artist built all of this by hand in Photoshop with our custom DH Tools panel. The artist layered generated images into a template, cut masks, placed spawner icons, ran export scripts, and uploaded the results by hand.

Generate

Create and pick the three source images. Every pick is reviewed in place and locked before moving on.

1a · New location & source image

• Choose Interior or Exterior. ✨ Suggest proposes a location from our history of past canvases.
• Images come from our own custom-trained Adobe Firefly models, with separate interior and exterior models, so results match the Design Home style.
• Add an optional scene guide (for example "winter at dusk, viewed from the water") and pick a variant count.
• You can upload images made in outside tools instead.

1b · Line art

• The prompt is written for you from a style block learned from about 80 shipped backgrounds, which keeps every canvas on-brand. You can still edit it.
• Pick the variant count and resolution (1K / 2K / 4K), then click Generate Line Art.
• Compare, comment, and click Use this. The selected frame is outlined so it's always clear what's locked.

1c · Colors: cryptomatte & watercolor

• A mood setting (for example Vibrant) steers the watercolor's lighting and palette.
• An overlay view lays the cryptomatte over the line art, so problems such as split window glass or mismatched carriages are easy to spot and fix here.

Review & approve

Approval locks the set for the rest of the pipeline. If something has to change later, Reopen sends the images back, and the rebuild replaces the assembly, which prevents half-updated canvases.

Canvas Assembly

This stage replaces most of the old Photoshop work. One click builds a fully named, pre-colored, interactive canvas.

What Rebuild does

1. Loads the approved line art & cryptomatte
2. Segments regions with Magic Wand (region-aware) or Quantize (color clustering)
3. Builds & uploads the game composite
4. Assigns paint colors with AI: vision models name each region ("Sky", "Stone Facade", "Horse") and pick a fitting color
5. Places one spawner per region

One image to rule them all

The game loads one texture and reads everything from its color channels, which keeps download size and memory small:

RedRegion masks: one unique value per region

GreenThe line drawing

BlueUnused

Other views help with checking the work:

PaintOverlayCryptomatteGrayscaleLine ArtWatercolor

Precision tools for the last few percent

Publish

One click takes the canvas to the game.

What Publish does

1. Exports the canvas data: the game composite plus each spawner's name, colors, and position
2. Delivers the art to SVN, the source of truth for game art
3. Creates the RoomRender in CMS and triggers the Unity build

Republishing reuses the same CMS entry and SVN folder, so fixes ship without duplicates.

How it's done

The building blocks behind Canvas Studio.

Why it matters