Repository navigation
Demo Tour Template Gen
← Demo tour · Previous: Perform · Next: Generate and Automate
Turn an idea, a story or a reference image into a template, remix an existing one, or generate a live p5.js sketch.
template-gen.mp4
Download the video (9.3 MB, 1080p, captions burned in).
Length: 2:52, 5 chapters. A dated snapshot: where the app and this video disagree, the app is right.
| Time | Chapter | What it shows | Recorded |
|---|---|---|---|
| 0:00 | Create a template with AI | Template Gen, Create: a plain-language idea becomes a template | 2026-09-29, 8e7204a
|
| 0:35 | Remix without starting over | Template Gen, Remix: add a camera_view variable to Fantasy Scene | 2026-09-29, 8e7204a
|
| 1:09 | Turn a story into shots | Template Gen, Story: a narrative becomes four shots | 2026-09-29, 8e7204a
|
| 1:39 | Generative art, live | Template Gen, p5.js: a generated sketch running live | 2026-09-29, 8e7204a
|
| 2:21 | Curate a template from an image | Template Gen, Workflow: pick values from a reference image | 2026-09-29, 8e7204a
|
Captions are burned into the video. Separate caption files: WebVTT or SRT. Times in these files are measured from the start of this video.
- "Turn a story into shots": the app shows a "Placeholder … has no matching variable" warning on import, and the new template is named UNTITLED. Both are known and harmless.
- Generated results (images, templates, sketches, the Commons piece, the agents' conversation) differ every time.
Start with an idea in plain language. Here, a retro-futurist greenhouse becomes a reusable template, with separate controls for architecture, plants, lighting, and colour. Choose a model, generate the template, and explore its variables. Text, reference images, or a combination of both can guide the creation process.
Remix lets you reshape a template with a simple instruction. Here, a fantasy scene gains a camera view, with a wide shot, a close-up, and a symmetrical corridor. The existing structure stays intact and becomes the starting point for a new variation. Reference images can guide the change too.
Story mode expands a narrative concept into a sequence of distinct shots. Set the number of beats and their duration, then suggest the framing you want to include. Shared character and world details help the sequence stay connected, while each beat has its own action and composition.
The p5.js generator turns a visual idea into an animated sketch with adjustable variables. Describe the movement, palette, and structure you want, then run the result in the live viewer. The built-in library also offers ready-made systems to explore. Change the controls and watch the artwork respond.
Workflow mode uses a reference image to choose values from an existing template. Load the template, add the image, and describe what matters most, such as palette or mood. The preview explains the suggested selections before you import them. It is a way to connect visual inspiration with structured prompt controls.