I liked the screencast animation on sublimetext's frontpage. Out of curiosity I tried to figure out how it works, and I found the code quite interesting. I looked into the javascript code and found that it's created with 6 base PNG images and arrays that apply blit deltas at specific time intervals. I am curious, what was the technique or tool that was used to generate those arrays? I imagine there was a tool that was fed with successive PNG screenshots of the demo and it spit out that javascript code. If the creators of the frontpage don't mind sharing, can they enlighten me on this subject

@bluebird75 Assuming you know that you can wrap quotes and brackets around a selection (try selecting some text and pressing " or ), the two less obvious features are: split selection into lines (menu: Selection > Split Into Lines) and join lines (menu: Edit > Line > Join Lines). I don't think anything else is particularly mystifying.

P.S. I describe the actions via the menus because the key bindings are sometimes different across the various OSs.

The screencasts were created with a custom Python program that processes a series of regular .png files into a (considerably smaller) packed one. The end result is essentially animated gifs recreated with javascript+canvas+png, yielding higher quality animations.

The screencasts were created with a custom Python program that processes a series of regular .png files into a (considerably smaller) packed one. The end result is essentially animated gifs recreated with javascript+canvas+png, yielding higher quality animations.

Thanks for sharing your PNG utils Jon. I wonder if you could share how you captured the timestamped PNG files? Someone asked on the blogpost but there was no answer, and I've done a fair whack of searching but can't find a convenient way to screencam to PNG.

Looks like a feature worth to be looked into further to me, like for creating gifs or something for a preview of your newest plugin on github or just on the web. Not anywhere near "must-have" but not a bad idea either.