关于我用Excalidraw制做手绘风ppt记录（二）

前景提要：

• 书接上回，因为最近比较喜欢用Excalidraw，再加上需要准备一份演讲用ppt，所以打算趁这个机会，充分发挥一下自己的艺术创想，尝试使用Excalidraw整一份手绘风的ppt💪。
• 因为考虑到有的小伙伴，可能并不认识Excalidraw这个工具，所以又简单介绍一下Excalidraw，补全了一下基础芝士（划重点！后面要考的！没看跳过的，自觉选择回去补课👊）。
• 又因为Excalidraw本身只是个白板工具，并不具备播放幻灯片的能力。所以需要实现这个奇思妙想，自然就要借助脚本的力量。不过好在Excalidraw是个开源工具，所以第一时间想到的，便是翻找社区上是否存在类似的小插件。
• 事实上，也雀食找到了两个有点关系的插件。那接下来的篇幅，就主要介绍一下这俩插件。

Excalidraw Animate：

• 为啥Excalidraw Animate？

  • 对我来说，之所以觉得用在线文档制作的ppt略显平庸，很大的一部分原因就是动画上的短板。比起微软自己的PowerPoint，在线文档的幻灯片，基本就只提供了一些基础的动画功能，像我最喜欢的自由轨迹动画，也并没有移植上来。再加上可调节的动画细节参数，也屈指可数，所以使用起来就会显得非常生硬。
  • 当然PowerPoint也有自己的问题，除了我之前提到的平台限制和性能上的一些不足以外，动画系统上虽然很强大，但带来的代价往往就是操作上的繁琐。而且为了实现过渡的流畅，往往会在一张幻灯片上，放置若干的中间素材。这就会带来另一个问题，放映时动画虽然好看了，但如果我现在不想放映，只想查看内容呢？那基本上面临的挑战，就是你得把你之前辛辛苦苦摆好的素材，像扒洋葱似的一层一层扒开，当然如果还有放映的需要，你还得再还原回去。你如果也有过类似的经历的话，那这时候一定就跟我一样，开始抓耳挠腮，要长脑子了🤪。
  • 在以往的PowerPoint使用经历中，改动画是一件多么费事费力的事，我也已经有过了深刻的体验。。反正我是不想再经历一次，好不容易做好的动画，因为内容的调整，又得扒开中间素材，修改其中的几个字符，然后又得放回去，结果一放映，动画全歪外了，天都塌咯💩💩。。
  • 所以都2025年了，就没有一款能不影响正常阅读的，最好放映时自动生成动画的工具嘛？诶嘿，这不巧了Excalidraw Animate这个妙妙小工具来救场了✨！

• 啥是Excalidraw Animate？

  • 众所周知，Excalidraw只是一个可以随意绘制的白板工具（不知？是不是上节课睡着了👀！）。而Excalidraw Animate，看名字基本就能看出来，其实就是在Excalidraw的基础上，增加了动画播放的功能。
  • 因为Excalidraw本身是个基于网页的工具，而网页本身的svg动画系统，已经是十分强大的存在。所以只需要通过读取Excalidraw保存的元素内容，那么根据元素的层级顺序和类型，依次给每个元素添加一个默认的进入动画，那是不是就能够让Excalidraw动起来了。
  • 没错，Excalidraw Animate的核心理念就是如此。通过读取Excalidraw保存的元素信息，再把对应元素信息，转换成指定的svg元素动画，就可以获得一份对应的svg动画版本。
  • 这是官方提供的一个生成好的演示动画，怎么样，是不是看着特别的哇塞😆！
    

• 怎么Excalidraw Animate？

  • Excalidraw Animate的使用方式也是十分简单，只需要打开官网，并且上传你本地保存的Excalidraw文件，那他马上就可以给你一份生成的svg动画。
  • 当然毕竟是基于Excalidraw，所以自然也是有原本Excalidraw的功能。所以也可以直接通过左上角，进入编辑模式，进行微调或者从零创作。完成后，在同样通过左上角的按钮，返回动画界面，即可看到最新生成的效果。（就是找这个按钮可能要费点眼睛，我也不造为啥作者要整个这么小的按钮🙈。。）
  • 因为本身是基于svg动画实现的，所以导出的方式，自然也就包含svg文件，其次也提供了webm格式的视频格式（其实就是网页录屏啦）。但作者意思是webm功能还在测试阶段，我自己试用的时候，也觉得并没有那么好用，所以可选的基本只有svg。
  • Excalidraw Animate也是开源工具，所以如果有啥不满意的地方，也可以通过官方仓库获取到插件源码。比如我在试用的过程中，就发现自由绘制的元素，在用这个工具生成动画时，对颜色的支持就不是很好，会出现画的过程和画的结果并不是一个颜色。解决方式也相对简单，只要修改部分代码即可实现颜色统一💻。
  • 例如这是我手绘的一个完字，在修改前是这么个效果。
  • 
  • 极致的的丑陋有没有，一顿魔改后总算是变舒服多了。
  • 

• Excalidraw Animate的局限？

  • 就像之前提到的那样，目前最大的问题，其实就在于导出的格式上。毕竟svg是一种基于网页的格式，因此如果想在其他软件上使用该素材，兼容性就会是最大的问题。毕竟个人认为，现在最普遍的使用场景，还是在gif动图上，如果能支持导出成gif，那格局瞬间就拉大了不是🌟。svg虽然很漂亮很美，但相对还是有点华而不实🤔。
  • 当然也可以像官方提供的webm那样，通过录屏的方式，把动画录制成gif或者视频。但抛开录制本身的问题不谈，这其中还有个最大的问题，就是在修改成本上。我如果要修改内容，那就意味着所有之前导出的素材，又得重新生成再替换一遍，虽然过程还算简单，但无疑也是一种沉没成本，所以临时凑数可以，长久发展来看还是八星🙈。
  • 再回到咱们最开始的初衷上，我是要做ppt叻！是，没错，这玩意能自动生成动画，似乎看着很智能，用着应该也很爽，但实际用起来并非很爽，甚至有点折磨🤡。首先他的动画顺序是基于层级顺序的，但咱们写ppt可不讲究这套，自然是想到啥就写啥。当你好不容易写完一页ppt，结果往工具里面一导，天又塌了，动画顺序根本并不是你想的那样。就比如一般咱们写一个关系A->B的时候，往往是先写A和B，最后用一个箭头，把A和B连接起来。那这就导致动画，也是先A和B，然后再画个箭头连接起来。就。。挺难崩的💩。。
  • 还有就是，依然不能解决可读性问题。毕竟本质还是要做个ppt嘛，svg几乎就没法直接读。当然还有录屏呢不是，我也可以通过拉进度条到最后一帧看内容呢。好，好像完美解决问题了诶🤪！但。。但这也太扭曲了。。。好歹我是来分享演讲的，并非是来给大伙放vcr的，画面太美，不敢想象，还是打住🙈。
  • 综上所述，本身是个非常不错的动画工具，尤其是整点素材啥的，应该有些用武之地。但用来整ppt，还是多少有点水神带火伤杯——蒸发了个寂寞🤡。。
  • 嘿嘿，剩下的篇幅交给明天的我继续🤪。
  • （未完待续...）