【问题标题】:Path based animation in html5 canvas [closed]html5画布中基于路径的动画[关闭]
【发布时间】:2012-04-24 02:16:57
【问题描述】:

如何制作基于路径的动画 paper.js E.G 贝塞尔曲线。

【问题讨论】:

  • 您阅读过任何文档吗?你试过什么?
  • 我试过eccesignum.org/blog/…,但我的路径是随机的。
  • 德雷克,编辑您的问题并发布您的代码。向我们展示您的尝试,而不仅仅是链接到文章。
  • 对于像贝塞尔曲线这样的路径,请阅读此html5tutorial.com/… 它是用“基本”JavaScript 编写的,因此您可能可以根据需要对其进行调整。

标签: javascript html5-canvas html5-animation


【解决方案1】:

我正在创建一个项目,它允许您绘制画布路径,然后为沿路径绘制的任何其他内容设置动画,然后导出代码以用于您自己的项目。路径是通过连接三次贝塞尔曲线构建的。第一个版本在http://canvimation.github.com/ 提供,源代码在https://github.com/canvimation/canvimation.github.com,帮助文件在https://sites.google.com/site/canvimationhelp/

我正在重写代码以使其更易于理解和更健壮(第 1 阶段分支),但还没有重写动画部分。如果任何代码对您有用,那么欢迎您。可能有用的文件是 alongpath.js 和 buildmenu.js

【讨论】:

    最近更新 更多