Hacker News new | ask | show | jobs
by john111 3527 days ago
Off-topic, but what process are people using to make these animated demos? The command-line and browser demo on this page is so clean and crisp. Is it just a screen cap with a ton of post-processing, or is there more to it?
8 comments

We released DemoKit last week to do precisely this (be able to script demos and record them, that way you can easily re-record them if your product changes, or if there's a typo, etc): http://blog.runkit.com/2016/10/18/introducing-demokit.html
I am using licecap to create the animated gifs - http://www.cockos.com/licecap/
No idea how they've done this one, but https://asciinema.org/ does this for command line demos at least really nicely and easily.
Sceen2gif is the best tool I've used for gifts screencasts, hands down. Wish there was a Linux version.

http://screentogif.codeplex.com

The command line in the demo is Hyper (made by the same people as Next):

https://hyper.is/

Stylizing is done on the terminal itself, and then anything (like Quicktime) could do a recording.

The best I've used so far is Kap: https://getkap.co/ (Open source; currently only available for macOS)
You could use a white desktop background and GifCam[1] / WebMCam[2].

[1] http://blog.bahraniapps.com/gifcam/

[2] https://github.com/thetarkus/WebMCam