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

前景提要：

• 书接上回，因为最近有制作ppt的需求，所以打算顺便尝试一些，不一样的打开方式，使用Excalidraw整一份手绘风的ppt。但为了铺垫一下背景和基础芝士，所以先是简单介绍了一下Excalidraw，总归是个非常不错的工具，很适合平常没事打点草稿，写点有的没的。
• 但因为Excalidraw本身并不支持幻灯片放映的功能，所以报着试试就试试的原则，在社区翻找了一下有没有类似的现成插件。事实证明，有这种艺术创想的，还是前有古人的，我也如愿以偿，找到了两个类似的工具插件（至于后有没有来者，我不好说🙈。不会真有人跟我一样，喜欢没事给自己整点活吧？）。
• 上次也已经非常详细的介绍了，第一个插件Excalidraw Animate。因此，这次就读取回上次的存档进度，看看这些插件还能带来什么新的惊喜👻。

Excalidraw Smart Presentation：

• 为啥Excalidraw Smart Presentation？

  • 就如之前提到的那样，对我来说，制作传统ppt最大的问题，其实就是动画制作和可读性上。这里为了防止有的小伙伴，可能喜欢量子阅读👀，所以再简单复习一下。首先是就是因为ppt本质上是分页的，所以如果要保持动画展现的流畅性，往往需要非常多的中间状态作为衔接。而衔接的素材，本身并不是内容的载体，但又必须和实际内容放在同一页。所以就会导致在不放映的情况下，想要直接阅读实际内容，需要手动修改现有的分页布局。而且如果是中途想要临时修改内容，那么就要在改变布局的同时，还需要考虑还原回去。但就好比当程序能成功运行的时候，就别轻易再改代码。每次的修改，都可能导致以前没注意到的问题，因为蝴蝶效应被无限放大，因此哪怕轻车熟路，修改成本依旧非常高昂。
  • 所以为了避免一不小心遇到这种情况，直接坏了今天一天的摸鱼好心情🐟。最好的解决方案，自然就是能避免进行复杂的动画配置。如果能直接自动生成的话，那就更加哇塞了。而Excalidraw Animate恰巧就实现了这一构思。只需要导入文件，所有元素的动画，都能实现自动生成。这是个非常不错的动画插件，可以让原本静态的Excalidraw，变的更加具有活力和表现力。
  • 但Excalidraw Animate的局限性也非常明显，综合所有的问题，其实可以统一归纳在可操控性上。作为一个ppt，对演示进度的控制、动画播放顺序的调整上，都应该拥有绝对的控制权。而Excalidraw Animate有点过于自动化了，从而导致在细节调整和流程控制上的成本，被无限放大了出来。再加上导出格式也受限，因此还是不太适合用来制作ppt。
  • 那么有没有办法，既能减少动画制作的成本，同时保留一定的可读性，又能保留原本ppt的操控性呢？听起来似乎非常的无理取闹，既要又要😡。但你猜怎么着，诶，Excalidraw Smart Presentation这个神奇的插件出现了🤡！！

• 啥是Excalidraw Smart Presentation？

  • 其实光看这个插件的名字，就能看出来，这简直就是为了整ppt而生的！众所周知，要想成为一个合格的ppt，那肯定得有若干分页（不会有人ppt只有一页吧....啊？😶）。但Excalidraw就是个白板工具，本身是个无限大小的画板，怎么能整出个若干分页？诶，这就是Excalidraw Smart Presentation最具有灵活的设计了。
  • 熟悉Excalidraw的小伙伴，应该知道其实Excalidraw有个画框工具。不知道也没关系，现在打开Excalidraw，通过展开工具栏右侧的更多工具，选择里面的画框工具，或者直接通过键盘F的快捷键。就可以像画矩形一样，绘制出一个矩形区域（感觉说了一句废话💩....）。诶，聪明的小伙伴肯定已经猜到了。没错！这就是Excalidraw Smart Presentation的一页ppt😲！
  • Excalidraw Smart Presentation的核心设计思路，就是通过比对不同画框之间的位置信息，确定这份“ppt”有哪些分页。然后再根据顺序，依次比对前后画框里面的内容差异，就可以在切换页面时，自动计算出有哪些元素发生了变化。而既然知道了哪些元素发生了变化，那么自动生成动画，自然也就徒手之劳的事情。因此，只要把原有ppt里每个分页的内容，通过画框的方式分别整理摆放，直接得到了一份和ppt具有相同特性的“ppt”!

• 怎么Excalidraw Smart Presentation？

  • Excalidraw Smart Presentation的使用方式，和Excalidraw几乎没有任何区别。非要说有啥不一样，就是比Excalidraw多了右下角的放映按钮。因此打开官网后，只需要通过之前提到的画框工具，根据需要分别绘制若干分页区域，再按照一定的规则摆放，就可以完成一份“ppt”的制作。
  • 在Excalidraw Smart Presentation中，决定播放顺序的关键就是每个画框的位置信息，Y轴越小（越靠上）则越优先播放。因此只需要根据播放顺序，从上到下依次摆放对应的分页区域。剩下的就是点击右下角的Present按钮，欣赏辛勤劳动后的胜利果实了✌️。
  • Excalidraw Smart Presentation同时也是开源的，如果有拓展功能的需要，也可以通过修改官方仓库的源码，实现需要的额外功能。
  • 这是插件作者提供的基础功能演示，可以看到已经非常接近于原生ppt的操作体验了。
    

• Excalidraw Smart Presentation的局限？

  • 正所谓逃马领跑虽然强，但也怕堵车。Excalidraw Smart Presentation看似已经非常接近正确答案了，实际上也确实非常接近正确答案了（诶嘿😜~）。但也避不开在使用上，容易遇到一些塞心的问题。
  • 首先最大的问题，还是出在动画控制上。雀食，Excalidraw Smart Presentation通过画框的形式，成功实现了分页动画的自动播放。但这个自动生成的动画，实际会同时开始播放。这点并不像Excalidraw Animate那样，会根据层级自动划分播放顺序，毕竟层级设计其实也并不完美。因此为了实现对播放顺序的控制，往往就想要对一个分页进行拆分。还是之前提到的A->B的例子。那么在Excalidraw Smart Presentation里面，就需要通过三个画框实现，先是一个A的画框，再是一个A加一个箭头的画框，最后再是个A->B完整内容的画框。
  • 其实只是多画几个画框的话，我自己还算能接受，甚至觉得这个设计还挺不错的，毕竟这种控制方式，比挨个元素去调层级，可要舒服太多了。但毕竟不同的画框，就意味着是不同的分页。所以按照传统ppt的操作流程，同样意味着，为了播完这“一页”ppt，我得疯狂痛击我的鼠标，直到最后一个动画播完。。。就...也挺难崩的🤣。
  • 另外在默认动画这块，相比Excalidraw Animate自动生成的动画，还是不够哇塞🌪️。尤其是在自由绘制元素上，Excalidraw Animate能完美重现手绘的过程，但Excalidraw Smart Presentation的动画，直接一些简单的淡入淡出，对于一个要制作手绘风格的人来说，这点还是有点致命的。
  • 还有就是因为实际播放顺序，是根据Y轴坐标进行整理分配的。所以在画框数量多的情况下，就会导致画布非常的瘦长。从而也就导致在想直接阅读内容的时候，需要在一长串的中间状态的画框中，翻阅查找每页的最后一张画框。修改内容也是同理，需要同步修改所有的中间过渡用的画框。至于其他的一些比较碎的小问题，就不单独再逐一罗列了。嘛，虽然不是非常理想，但比起其他插件和传统ppt的问题，这些问题似乎也不是不能接受，就是量大了还是会有点糟心💔。
  • 最后的最后，其实还有个最致命的问题。当然，这个问题并不是Excalidraw Smart Presentation本身的，而是Excalidraw导致的。那就是不支持视频和Gif动图！Gif为啥不支持我不清楚，但视频不支持多少还是能理解到一点。毕竟预戴王冠，必承其重👑。原版Excalidraw本身，是个具备云存储功能的网页工具，如果能上传视频，也就意味着存储的压力不容忽视。这对一个免费开源的工具来说，确实不是能轻易解决的问题。
  • 因此Excalidraw Smart Presentation作为Excalidraw的一个插件，已经实现非常接近于原生ppt的放映功能。如果只是简单的图文放映，基本已经能够满足功能需求。但相对也存在一定的限制，尤其是在只支持普通图片这点上，对一个需要嵌入视频的ppt来说，还是有点拘谨了。
  • 你以为这就结束了嘛，桀桀桀......明天再说，明天再说😜
  • （未完待续...）