我有兴趣在
HTML5或者
JQuery中组合使用更多类似Flash的动画.
浮动的一个想法是飞鸟,角色动画和“tween”般的动画序列.我是一个Flash开发人员的背景,所有这一切都是通过Flash的时间轴基于动画补间系统的第二个性质,所以我想知道什么是可能的新兴技术,如HTML5 Canvas,CSS3和jQuery？这些在补间如何擅长动画？阅读什么是好的起点？
例如,http://www.thewildernessdowntown.com/的飞行鸟是惊人的,它们似乎是3d,可变方向,速度,旋转,襟翼,速度.在Flash中可以相对轻松地实现这一点,将动画片段设置为动画片段,在舞台上生成这些动画,并以各种速度甚至在PV3D中以tweenlite的形式移动它们,但我不知道如何在画布上实现.
所以简而言之,关于如何实现上述方法的想法,在Flash之外的这种类型的动画的好阅读材料和任何一般的技巧你可能会非常感激.
谢谢
解决方法
您在“HTML5”中有三个动画选项：Canvas,SVG和CSS动画(以及好的旧Javascript动画).你使用哪一个取决于你要完成的工作,以及你希望他们运行的浏览器.
例如,如果您想要定位移动设备,CSS动画就是您唯一的选择,因为Canvas通常太慢,而且Android没有SVG.还有一些SVG功能尚未在iOS上启用(例如,动画文本路径).
这是我的intro presentation to CSS animations,也是我们的Sencha Animator工具的介绍,它是alpha.
对于桌面画布是非常棒的 – 尽管它真的只能在Chrome 10和IE9中非常出色 – Safari可能会有点慢,特别是随着动画元素的数量攀升,并且它不存在于IE7 / 8(而且我还没有测试FF4还)