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

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

爱意满满的作品展示区。

这是一个创建于 520 天前的主题，其中的信息可能已经有所发展或是发生改变。

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

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

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

6 条回复 • 2023-07-25 14:56:32 +08:00

7gugu

2023-07-24 23:39:29 +08:00

太帅了

lynan

2023-07-25 09:57:46 +08:00

很棒！

DjvuLee

2023-07-25 10:14:17 +08:00

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

tedding

2023-07-25 11:22:11 +08:00

好厉害啊～

Lijinghong

2023-07-25 14:43:08 +08:00

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

bertonzh

2023-07-25 14:56:32 +08:00

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