Canvas动画转视频-前段框架whammy

Canvas动画转视频-前段框架whammy

whammy是在前端将canvas动画转视频,它的github地址为:https://github.com/antimatter15/whammy
由于英文比较晦涩难懂,接下来就实践一下体会whammy的用法。

写一个时钟动画

我直接在官网的demo基础上改了一些。




如何转视频

  1. 引入whammy.js的库,下载whammy.js,路径需要在同一级。
  2. 引入Whammy的viedo对象 var video = new Whammy.Video(15);
  3. 每一个画布对象添加进来 video.add(context);
  4. 动画结束时生成视频,交给框架requestAnimationFrame(finalizeVideo);

完整代码如下








你可能感兴趣的:(HTML)