cast_otter

Seoul · since 2010Numbers first

@cast_otter

← All works Works · 03

Video Studio · Shorts Director

Give it one topic and it carries the idea all the way to a code-animated short and its upload copy.

Running3 key · Video Studio · Shorts Director

01The problem

A short is short, but it takes a lot of hands: planning, script, visuals, captions, upload copy. Starting from zero every time makes the tone wobble from episode to episode, and the maker tires out first.

02How it works · 3 steps

  1. Plan

    A topic goes in; a scene outline and a draft script come out. Each series, like the Type Card shorts, has its format set in advance, so every episode starts from the same frame.

  2. Draw it in code

    Scenes are drawn as code animation instead of in an editing app, so type sizes, colours and timing match every time.

  3. Polish and export

    Check the preview, fix what needs fixing, then render a vertical video. Suggested upload copy comes with it. A person decides whether it goes out.

03Screens

The Shorts Director animation screen: a vertical video preview on the left, scene list and settings on the right, with the content blurred.
Real screen · data blurred

04Stack

  • HTML · CSS code animation
  • Vertical video rendered in the browser
  • Built with an AI coding tool
  • Local web UI on a Mac

05Status

Running

The Type Card shorts are made this way. Scripts and scenes on the screen are blurred.