You are browsing as a guest. Sign up (or log in) to start making projects!

ompanem

@ompanem

Joined June 17th, 2026

  • 1Devlogs
  • 4Projects
  • 0Ships
  • 0Votes
Open comments for this post

1h 2m 38s logged

Hi everyone! This is my first devlog and I am really proud about the progress I have made. I spent this session building the core of the tool which is turning code into an animated video. The way it works is I basically draw a fake coding editor with Pillow like the code (top) and output (bottom) panels and the circles at the top left. Then to animate the typing I basically drew the same frame over and over again with one additional letter each time so it looks like somebody is typing, and then ffmpeg takes all of the frames and turns it into a video. One issue I had is I had to zero pad the filenames (eg. frame_0001 instead of frame_1) otherwise ffmpeg which I used to stitch images into videos would play the frames out of order. Next I will add a voice over to the video, and text in the output panel. Attached below is the video of what I did.

Hi everyone! This is my first devlog and I am really proud about the progress I have made. I spent this session building the core of the tool which is turning code into an animated video. The way it works is I basically draw a fake coding editor with Pillow like the code (top) and output (bottom) panels and the circles at the top left. Then to animate the typing I basically drew the same frame over and over again with one additional letter each time so it looks like somebody is typing, and then ffmpeg takes all of the frames and turns it into a video. One issue I had is I had to zero pad the filenames (eg. frame_0001 instead of frame_1) otherwise ffmpeg which I used to stitch images into videos would play the frames out of order. Next I will add a voice over to the video, and text in the output panel. Attached below is the video of what I did.

Replying to @ompanem

0
1

Followers

Loading…