Canvas Editor - Explayner User Guide

Hands-On Canvas Control

Switching to Edit scene above the player launches the visual canvas studio. You have complete manual control over every layer in the scene:

Select & Transform: Click any element to select it; drag to reposition; use transformer corner handles to resize.
Rotation: Freely rotate text, shapes, and arrows to create dynamic visual compositions.
Multi-Select: Shift-click or marquee-select multiple items to move or scale them as a group.
Undo / Redo: Keyboard shortcuts (Cmd/Ctrl + Z) restore previous canvas states within your session.
Lock & Unlock: Lock finished background elements to avoid accidental movement while styling foreground text.
Property Controls: Adjust font size, text alignment, fill color, stroke width, opacity, entry animations, and sound effects.

Exact Canvas Toolbar Controls

The canvas toolbar provides instant access to creative primitives and scene controls:

T Text: Add editable typography and title blocks.
▭ Rect, ● Circle, △ Tri, ⏢ Trap, and ▰ Para: Add vector rectangles, circles, triangles, trapezoids, or parallelograms.
／ Line and → Arrow: Add connectors using the currently selected line style (Straight, Dotted, Curve · 3 handles for quadratic curves, Curve · 4 handles for cubic curves).
☺ Emoji: Open the emoji picker and insert emojis as resizable text elements.
▤ ASCII: Add or paste ASCII art, or click 🖼 Image → ASCII to convert a raster image.
🎨 Background: Open the background styling panel.
🖼 Media: Insert images or animated GIFs via the media modal.
↩ Undo and ↪ Redo: Move through session edit history.
🗑 Delete and ⧉ Duplicate: Delete or clone selected layers.
▶ Anim: Preview animations in real-time (displays Animating… during playback).
✨ Regenerate Scene: Ask the AI to redesign the selected scene's visuals while preserving narration and duration.
✓ Apply & re-render: Render current scene edits into the MP4.
Scene Navigator: Shows Scene N/M with previous ◀ and next ▶ controls.

Background Styling Controls

Click 🎨 Background to customize the current scene's backdrop:

Solid: Select any solid color with the integrated color picker.
🌙 Dark gradients: Select from curated dark gradient presets.
☀️ Light gradients: Select from clean light gradient presets.
custom gradient: Configure From color, To color, and Gradient angle (deg), then click Apply.

Post-Production Independence

Canvas additions are manual creative edits. They are not sent back into the AI generation prompt and are only committed to the video when you click 'Apply & re-render'.