Start from course context
The course pipeline grounds the image pair in the lesson section instead of accepting a public free-form prompt.
Before/After Slider
Before/After Learning Slider
Drag through a recovered Napoleon course poster or prepare a bounded public before/after preview from your own learning topic.
Recovered course artifactPublic-safe generationVisual learning surface
Course visual comparison
Continue in course creationChapitre 1 : L'ascension de l'Aigle et la nouvelle guerre
Curated course image pairs rendered with the same before-after slider used inside course playgrounds.
Drag to compare
How it works
Inspect the transformation
Drag across the same poster to connect the campaign before-state, the transformed battlefield, and the visible consequences.
Keep it in the lesson
Use the comparison beside explanations, quizzes, and teacher guidance when the visual adds real learning value.
Generated history posters
Show a campaign-ready scene and its transformed battlefield in the same course visual.
High-value visual history
Use the same pattern for grounded historical before/after scenes when a visual comparison explains consequences faster than text.
Frequently asked questions
What does the before-after slider compare?
It compares two aligned generated visuals from the same course context, so the learner can inspect what changed.
Can visitors generate new before-after images here?
Yes. The public preview uses a separate guest API with strict rate limits; full course generation keeps richer grounding inside the course workspace.
Play it now, teach it next
Keep the activity lightweight here, then continue to course creation when the topic needs depth.
Continue in course creation