Javascript使动画遵循路径并保存画布状态

时间:2018-08-02 06:15:10

标签: javascript animation canvas promise

基本的fiddle

主要目标是让企鹅向右走,然后向左走。通常,我需要它沿着正确的方向行走,但是对于这个基本示例,我只需要弄清楚这一点,就可以将其扩展到我的路径中。如小提琴所示,路径的设置像是像var intArray = Array.from(String(143), Number); console.log(intArray);这样的坐标数组。我还需要[{x:n,y:m}]作为保证,因为它与我的代码中的penguin_wrap一起使用,但是我似乎遇到的最大问题是,当我运行代码时,该行被擦除,并且企鹅奔跑。在小提琴中,由于某种原因,只要我能弄清楚如何正确移动它就不会被复制。

我有这个fiddle,它显示了它沿着一条路径行走,但是当在下面绘制画布时,我似乎无法应用它。快速说明,我需要保存画布的状态,因为首先要对一行进行动画处理(使用请求animationframe和lineTo),该动画无法删除。企鹅需要沿着线(路径)走动

谢谢

0 个答案:

没有答案
相关问题