V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
爱意满满的作品展示区。
bertonzh
V2EX  ›  分享创造

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

  •  
  •   bertonzh ·
    meowtec · 280 天前 · 1306 次点击
    这是一个创建于 280 天前的主题,其中的信息可能已经有所发展或是发生改变。

    https://diffani.co/

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

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

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

    6 条回复    2023-07-25 14:56:32 +08:00
    7gugu
        1
    7gugu  
       280 天前
    太帅了
    lynan
        2
    lynan  
       280 天前
    很棒!
    DjvuLee
        3
    DjvuLee  
       280 天前
    效果真不错,这个如果能够集成到那种做用 js 来做 PPT 演示里面应该很用用途。
    tedding
        4
    tedding  
       280 天前
    好厉害啊~
    Lijinghong
        5
    Lijinghong  
       280 天前
    额 这个不就是 PowerPoint 和 KeyNote 中的平滑移动吗。感觉你这个工具并没有简化多少使用成本
    bertonzh
        6
    bertonzh  
    OP
       280 天前
    @Lijinghong 你用 Keynote 把视频里面的效果实现一下,看看用多少时间。
    我不会 Keynote ,所以你最好全程录个屏,让我学习一下
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   我们的愿景   ·   实用小工具   ·   4997 人在线   最高记录 6543   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 30ms · UTC 09:27 · PVG 17:27 · LAX 02:27 · JFK 05:27
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.