编码网页动画标题的最有效方法是什么?

时间:2016-03-23 15:11:03

标签: javascript jquery canvas

我一直在尝试使用画布编写动画标题,其中随机图像(齿轮)添加了鼠标悬停事件,受影响的齿轮开始动画(转动)。我很难做到这一点。我真的浪费了很多时间,决定在这里得到帮助。在这里使用canvas是否可以,因为我已经读过单个画布对象没有“eventlisteners”,因为画布框架被视为一个大对象。因此,制作单个齿轮动画可能“不可能”或效率不高......任何好的教程都可以解决这个问题,或者至少有一些我应该首先听到/阅读的提示?

这是我的代码:

{{1}}

1 个答案:

答案 0 :(得分:2)

这可能是您在退房时感兴趣的资源。它被称为" GSAP"它代表" GreenSock动画平台。"使用HTML5 / JS,只需很少的代码就可以实现很多简单的动画。

它还提到了使用canvas对象。特别是在页面中间有一个部分链接,显示一个" staggerTo"效果听起来与你想要做的相似。 (有一些盒子旋转并滚动到位)

我知道我最近一直在学习如何使用它,我对它的易用性印象深刻,并且他们在页面上有一些基本的入门教程以及CodePen链接。无论如何,希望这有助于某种形式或时尚。祝你好运!

http://greensock.com/tweenmax