Back to Discover
Lesson

How AI Image Generation Works

A clear mental picture of how diffusion-based AI image generators turn noise and text into coherent images, and why prompt design matters.

Before you enter

A complete interactive classroom, not just a preview.

Start when you are ready to enter this Stage's 11 scenes and explore, respond, and learn as you go.

11
Scenes
22 min
Estimated
Content language: en-US
Start this Stage
Sign-in may be required to play
What happens inside
  1. 01What Does "AI Image Generation" Mean?slide
    Orientation

    Set the big-picture question: how does text turn into a picture? Preview the journey from noise to image.

    • From prompt to picture
    • Start with static, end with art
    • What we will explore
  2. 02It Does Not Copy Photosinteractive
    Misconception repairObserve

    Learners see pairs of generated outputs from the same starting noise but different prompts, building intuition that images are synthesized, not retrieved.

    • Watch images emerge from static
    • Compare two prompts side-by-side
    • Notice: same noise, different pictures
  3. 03A Picture Is Just Numbersslide
    Model building

    Explain that an image is a grid of pixel values, and "noise" is just random pixel values with no structure.

    • Pixels = numbers
    • Structure = signal
    • No structure = noise
  4. 04Guess the Promptinteractive
    PredictionPredict

    Learners watch a denoising animation and predict which prompt produced it, sharpening their model of how prompts steer generation.

    • Watch structure appear over steps
    • Choose the matching prompt
    • Explain your reasoning
  5. 05Map of Images (Latent Space)interactive
    Model buildingConstruct

    An interactive 2D map where learners place image concepts as points, then watch how prompts pull the generation toward a region.

    • Similar images cluster together
    • Prompts act like coordinates
    • Steering by moving through the map
  6. 06The Denoising Loopinteractive
    PracticeApply

    Step through the denoising process manually: each click removes one layer of noise. Learners see how structure forms gradually.

    • One step = a little less noise
    • Structure appears over many steps
    • Early steps set the layout
  7. 07Seeds: Why Two Runs Differslide
    Model building

    Explain that the random starting noise (the seed) sets the path, so the same prompt produces different images each time.

    • Seed = starting noise
    • Same seed + same prompt = same image
    • Different seed = new variation
  8. 08More Steps = Better?interactive
    Misconception repairChoose

    Learners adjust step count and compare quality, discovering that low steps are too noisy while excessive steps can wash out detail.

    • Try very few steps
    • Try very many steps
    • Find the sweet spot
  9. 09Prompt Tuner Gameinteractive
    ApplicationApply

    Action game: the player adjusts prompt sliders (subject, style, mood) to make the generation match a target image as closely as possible within a limited "budget" of changes.

    • Tune prompt features
    • Match the target
    • Score by similarity
  10. 10Build Your Own Pipelineinteractive
    SynthesisConstruct

    Drag-and-drop diagram: learners arrange the stages (noise → prompt embedding → denoising loop → final image) in the correct order.

    • Order the stages
    • Spot the feedback loop
    • See the full pipeline
  11. 11Putting It All Togetherslide
    Synthesis

    Recap the full pipeline and connect each step back to a misconception the learner has now repaired.

    • Noise → prompt guidance → denoise → image
    • We repaired three myths
    • You can reason about any new tool
Discussion

Discussion threads for a Stage aren't available yet.

Where this leads
Explore more

More in Technology & Computing

See all