把 Code Diff 渲染成可视化效果的视频

[bertonzh]

https://diffani.co/

创意来自 Twitter 上的某个程序员博主，在他的一些代码演示视频中，代码的变化（行删除、新增等）动效很酷，只是他是用 Keynote 实现的，成本比较高。

所以写了这个工具，只需要填入一组变化前后的代码，它会自动生成代码的变化动效视频，还支持导出成 WebM

V2ex 不能贴视频，可以看下面这个页面里面的效果 https://zhuanlan.zhihu.com/p/645632609 （实际上跟工具里面的预览效果是基本一样的）

[7gugu]

太帅了

[lynan]

很棒！

[DjvuLee]

效果真不错，这个如果能够集成到那种做用 js 来做 PPT 演示里面应该很用用途。

[tedding]

好厉害啊～

[Lijinghong]

额 这个不就是 PowerPoint 和 KeyNote 中的平滑移动吗。感觉你这个工具并没有简化多少使用成本

[bertonzh]

@Lijinghong 你用 Keynote 把视频里面的效果实现一下，看看用多少时间。
我不会 Keynote ，所以你最好全程录个屏，让我学习一下