HTML5网页动画制作(Adobe Edge Animate)主要是通过 HTML5、JavaScript、jQuery 和 CSS3 制作跨平台、跨浏览器的网页动画,其生成的基于 HTML5 的互动媒体能更方便的通过互联网传输,特别是更兼容移动互联网。
Adobe Edge Animate,目的是在浏览器互动媒体领域取代 Flash 平台,创作HTML5动画,在未来的网页动画领域发挥更大的作用。
一、首先各自软件介绍 ①adobe edge animate 是adobe公司早期推出的一款网页互动工具。通过HTML+CSS+JavaScript,制作网页动画和交互,支持PC端和移动端(iOS+Android等)。 其实edge animate是adobe的一个试水作品,他的宗旨在强化HTML动画制作规范。 2015年的时候,adobe发布公告停止此款软件的更新,通俗意义上来讲,就是停产了。
adobe animate cc 此款软件的前身是adobe flash cc,adobe公司在此款软件里,添加了 HTML5动画制作以及交互设计功能,强化HTML5动画制作规范,技术手段为(Canvas+CreateJS),因此此软件分为两个主要动画模式(Flash动画+H5动画); adobe公司为了软件的命名,更符合软件的实际用途,并且为了规避各种非专业人员对于flash软件的众口铄金,积毁销骨,因此在2015年年底的时候,把软件更名为animate,并且目前持续更新。
2
二、区别 上面讲的比较清楚了 adobe edge animate这个软件,目前adobe公司本身放弃继续开发了,并且技术手段是原生dom,只是添加了多平台兼容,并不是H5(canvas)技术。 adobe animate cc这个软件,目前是adobe公司在H5动画软件方面主要推的工具,在持续更新,并且技术手段是H5(canvas) 的技术;
Adobe 认为 HTML5 对公司来说是一个机会,并且 Flash 并非没有机会,两者是互补关系,比如在 3D 游戏方面 Flash 仍是不可或缺的工具(如 Flash CS6)。在这种情势下,Adobe 公司决定开发一个全新的网页多媒体创作工具:Adobe Edge Animate,目的是在浏览器互动媒体领域取代 Flash 平台。
Adobe Edge Animate 主要是通过 HTML5、JavaScript、jQuery 和 CSS3 制作跨平台、跨浏览器的网页动画,其生成的基于 HTML5 的互动媒体能更方便的通过互联网传输,特别是更兼容移动互联网。
作为一套完整的 Web 动画开发工具,Adobe Edge Animate 拥有直观的用户界面,强大的时间轴能够轻松制作关键帧动画,网页设计人员制作网页动画甚至简单游戏将变得极其方便。
使用说明:已经做成绿色免安装版,解压后直接运行 EdgeAnimate.exe 即可,2013/3/12 更新版本为 Adobe Edge Animate 1.5,目前 Adobe Edge Animate 还是免费软件,没有任何使用限制,如果运行提示错误,请先安装 VC 2010 运行库,注意 Edge Animate 不支持 Windows XP 系统。在此也推荐一款 HTML5/CSS3 开发辅助工具:TopStyle。