Built by Claude with the Layerz Canvas MCPFully editable .lcanvas
Pixel Card Duel
A 25-second pixel-art card battle: two players, three cards, a dragon summon and a final knockout, animated like a game trailer.
Vector shapes and keyframes playing live in your browser — no video file. Click it to pause.Open full screen
The prompt behind it
Claude made this from the prompt below, working directly in Layerz Canvas through its MCP server. Paste it into Claude (Claude Code or Claude Desktop) with the Layerz Canvas MCP connected and it builds a new take on the same canvas — then you take over. Connect the MCP server
Prompt
Build this in Layerz Canvas using the layerz-canvas MCP.
Animate a 25-second, 1920×1080 trailer-style sequence for an imaginary one-on-one pixel-art card battle game. It is a motion piece, not a playable game: show one tense, scripted turn.
Look: pixel art on a 4× scale grid, limited 16-colour palette (dark wood board #3B2416, felt #1E4D3A, card frame #E8D7A8, mana blue #3FA9F5, damage red #E43B44, heal green #63C74D, gold #FEAE34, white #FFFFFF, black #0E0E12). Draw names and numbers as blocky pixel-art letters (a 5×7 grid per glyph); everything snaps to whole pixels.
Sprites to draw: a knight hero portrait, a witch hero portrait, a goblin minion card, a frost wolf card, a red dragon card, a fireball spell effect, health and mana crystal icons.
Beats:
- 0–3s: Board slides in from below; hero portraits drop to top and bottom with health "30" each. Title "DUEL" flashes in gold pixels.
- 3–7s: Player draws: three cards fan in at the bottom, flipping from back to front one by one. Mana crystals fill: 5 blue gems light up.
- 7–11s: Goblin card is played; it shrinks onto the board as a minion and bobs in a 2-frame idle loop. The witch answers with a frost wolf that howls (3-frame animation).
- 11–15s: Goblin attacks wolf: it lunges, a white impact frame flashes, damage numbers pop "-2" in red and float up, wolf shakes.
- 15–20s: Hero moment: the knight plays the red dragon. Screen darkens, the card spins and grows to full height, the dragon sprite bursts out with a fireball that crosses the board.
- 20–23s: Fireball hits the witch portrait: screen shake, "-30" in huge red pixels, portrait cracks into falling pixel squares.
- 23–25s: "VICTORY" in gold pixels drops in with a bounce. Small "Made with Layerz Canvas" bottom-right.
Craft notes: animate in stepped 2–3 frame cycles like a sprite sheet, never smooth tweens on characters; camera can shake but never rotates; keep the board layout readable at all times.
Edit it yourself
Change colours, text and type in the inspector.
Drag keyframes, reshape easing curves and retime any move.
Ask Claude for changes through the MCP, then fine-tune by hand.
Export it as an image, a video, Lottie or a web page like this one.