PortfolioProjets🍳 CookBook AITechBlog🚀 Starter KitContact
← Tous les articles
·5 min de lecture
🎬

Making videos by writing code

VideoMotion designAI

Why not an editing app?

I wanted to present my apps on video. The problem: I am not an editor, and every small change in an editing app costs an hour.

The idea behind MotionStudio is simple: a video is code. Every shot is a small animated web page. A tool films it frame by frame at 60 frames per second and assembles everything with the sound.

How it works

  • A script in a few lines: the shots, their length, what must appear
  • Each shot is an HTML page animated with GSAP
  • Sound is synced to the frame: every click and every pop lands one frame after what it illustrates
  • The render outputs a real video file, 9:16 for social, 4:3 or 16:9

The big win: changing a word, a color or a duration means changing one line and rendering again.

Scoring every shot before publishing

The trap with AI is believing something is good because it is finished. So every video gets a review: a contact sheet with the middle frame of each shot, and a score out of 10 for story, composition, motion, typography and sound. Any shot under 8 gets reworked.

On the first test, "2 AM Idea", the review caught a clock losing its leading zero, a colon blinking as grey squares, and text touching the edge. None of that is invisible to a viewer.

The presentation series

The next videos are filmed on the real apps, launched in demo mode on a simulator:

  • A mobile ad for a small iPhone game, in vertical format
  • CookBook AI, told as a recipe: ingredients, then steps, then "serve"
  • ScolIA, about the notebook you no longer need to write in: you see the old way, then the iPad takes over

Next on the list: Bonne Étoile, L'Écorce, and this website.

Show a method, never people: that is the rule I set for these videos.