Text and subtitle motion
Keyword emphasis, line-by-line reveals, rolling numbers. The staple of narration overlays and explainer clips.
01The problem
Cheap footage, expensive production
Short videos want animation. Course material wants animation. So do product explainers. But what a clip costs to produce has nothing to do with how much the clip matters. One transition is enough to justify an entire software chain.
- Off-the-shelf templates will not move. The copy, the colours and the pacing are welded in.
- Ask a model to draw the frames and no two renders match. Change one word and the scene is redrawn.
- The narration is already recorded, the picture does not line up, and it goes back into the editor.
- Nothing accumulates. A new requirement means starting over.
02The core idea
Let the model fill parameters, not draw pictures
This is the trade-off that shapes everything else. For the same clip, having a language model write vector code costs 1,751 tokens. Having it fill a parameter JSON costs 394 — 4.4x less. Parameters are structured, so any part of them can be changed later. Code cannot.
- Read the intent. One sentence becomes four answers: what, for whom, how long, in what tone.
- Fill parameters. A structured set, around 47 lines of JSON in testing — not the picture itself.
- Render components. The parameters go to animation components. Visual detail is their job.
- Render the clip. Components expose seek(t), so the server renders frame by frame and composites.
03Capabilities
What it can show
Product and UI demos
An action becomes a path you can follow, with call-outs and animated flow diagrams.
Data and charts
Bars, lines, shares, comparisons. A set of numbers legible in seconds.
Process and relationships
Sequences, causality, hierarchy, system boundaries. What a static diagram cannot explain, motion can.
Template families (16 today)
| Direction | Representative templates |
|---|---|
| Teaching and science | 3D demo, STEM explainer, maps, line-drawing animation |
| Product and page | Product intro, webpage demo, interface interaction, logo reveal |
| Data and structure | Data visualisation, flow diagrams, platform architecture |
| Play and interaction | Mini games, interactive demos, loading motion |
04Technical notes
How it is built
EasyAnimate implementation
| Part | Notes |
|---|---|
| Back end | Node 22 + Fastify + SQLite; the only dependencies are Fastify and better-sqlite3 |
| Rendering | The server drives animation components frame by frame and composites video, with exact duration control |
| Accounts | WeChat QR sign-in behind a switchable provider (demo mode / production mode) |
| Billing | Redemption codes and credit quotas, metered per generation task |
| Delivery | Its own domain, ea.zyaisoft.cn, with the static entry point and generation API deployed separately |
05Quick facts
At a glance
Product summary
| Item | Detail |
|---|---|
| Status | Beta |
| Product | EasyAnimate (EasyAnimate) |
| Standalone site | https://ea.zyaisoft.cn/ |
- Node 22 + Fastify + SQLite back end
- Server-side frame-by-frame render and compositing
- WeChat QR sign-in with credit metering