菜单

animate制作HTML5动画可视化工具,HTML5网页动画工具

2019年10月19日 - 银河官方网站
animate制作HTML5动画可视化工具,HTML5网页动画工具

HTML5网页动画工具:Adobe Edge

2011/08/02 · HTML5 ·
HTML5

Adobe刚刚发布了一个新的工具{Adobe
Edge},允许设计师通过HTML5、CSS和JavaScript制作网页动画。无需Flash。

Adboe
Edge的目的是帮助专业设计师制作网页动画乃至简单游戏。目前该工具的重点放在动画引擎上,但未来将增加更多HTML5功能,比如Canvas、
HTML5音频/视频标签等。支持Android、iOS、webOS、黑莓PlayBook、Firefox、Chrome、Safari和IE9等各个平台。产品界面如下。

Flash在网页动画领域仍占统治地位,Adobe此举显然是为了在巩固Flash地位的同时,紧跟潮流,不把鸡蛋放在同一个篮子里。穷则思变,这是好事。

从去年4月份起Adobe针对HTML5发布了一系列功能和产品,其中比较引人注目的一款就是把Flash变成HTML5的转换工具Wallaby。

银河官方网站 1

Adobe认为HTML5对公司来说是一个机会,并且Flash并非没有机会,两者是互补关系。比如在3D游戏方面Flash仍是不可或缺的工具。另外,某些HTML5在各个浏览器上的体验并不一致。

目前Adobe
Edge提供的是公测预览版产品,你可以在这里下载(需注册Adobe
ID才能下载),1.0版产品将在明年发布。

原文:36kr

赞 收藏
评论

银河官方网站 2

  Edge Animate for
mac是Adobe最新出品的制作HTML5动画的可视化工具,简单的可以理解为HTML5版本的Flash
Pro。在之后的文章中,我会逐一的介绍这款新的HTML5动画神器。这篇文章先说一说如何把Edge
Animate制作的HTML5动画作品嵌入到Wordpress中。
  Adobe Edge
Animate的目的是帮助专业设计师制作网页动画乃至简单游戏。目前该工具的重点放在动画引擎上,将增加更多HTML5功能,比如Canvas、HTML5音频/视频标签等。支持Android、iOS、webOS、黑莓PlayBook、Firefox、Chrome、Safari和IE9等各个平台。

 

银河官方网站 3

 

Adobe edge animate CC功能:

1.精确的动画。
2.直觉化的使用者界面。
3.绘图和文字工具。
4.移动路径。
5.可重复使用的符号。

mac下载地址:

银河官方网站 4Adobe edge
animate

window下载地址:

银河官方网站 5银河官方网站,Adobe edge
animate

参考资料:

神器ANIMATE教程:使用SPRITESHEET创建HTML5动画

基于EDGE
ANIMATE可视化工具开发CSS3动画

利用ADOBE神器十分钟零代码实现HTML5视差滚动特效

EDGE
ANIMATE为IOS设备开发HTML5动画

adobe edge animate
教程

edge javascript
api: 

相关文章

发表评论

电子邮件地址不会被公开。 必填项已用*标注

网站地图xml地图