Prompt. in motion
Six pieces that run live in your browser, each captioned with a one-line prompt that describes it.
“Drop ink onto still water in slow concentric rings, comb it into marbled bands, and let the pointer drag through the ink.”
Work
Select a piece to view it full screen.
- 01
Marbling
Canvas 2D“Drop ink onto still water in slow concentric rings, comb it into marbled bands, and let the pointer drag through the ink.”
- 02
Halftone
WebGL shader“Write a WebGL fragment shader that prints two slowly flowing inks as halftone dot screens at 15 and 75 degrees, overprinting on grainy paper, and shift the inks as the page scrolls.”
- 03
Wordmark
Canvas 2D“Set the word moteo in horizontal scanlines that slide in from scattered positions and settle into the letters, and scatter each letter when the pointer passes over it.”
- 04
Single line
SVG + TypeScript“Morph one unbroken SVG line between a circle, a triangle, a square and a star, leave a fading echo during each change, and advance to the next shape on click.”
- 05
Linen cloth
Canvas 2D, Verlet“Simulate a striped linen cloth pegged to a line with Verlet integration, moving in a light breeze, that can be pulled by dragging.”
- 06
Sliding blocks
CSS 3D + SVG“Build a small isometric scene with CSS 3D transforms where blocks slide one at a time around a blue tower in a seamless loop.”
About
The caption under each piece is a one-line prompt that describes it, written so that the same piece could be made again from that line. No images or video are used. Every piece is drawn live in your browser with Canvas, WebGL, SVG or CSS.
Contact
To ask about an animation for your own site or product, email hello@moteo.ai.
Get in touch