BT

如何利用碎片时间提升技术认知与能力? 点击获取答案

Adobe展示HTML5动画制作IDE

| 作者 Dio Synodinos 关注 3 他的粉丝 ,译者 崔康 关注 0 他的粉丝 发布于 2010年10月28日. 估计阅读时间: 1 分钟 | GMTC大前端的下一站,PWA、Web框架、Node等最新最热的大前端话题邀你一起共同探讨。

Adobe在今年的开发者大会上向公众展示了一款用于HTML5动画制作的IDE。这款工具(内部称为Edge)采用WebKit渲染引擎来预览动画并提供类似Dreamweaver的源代码编辑模式。

Edge UI遵循和其他Adobe工具一样的原则,因此Flash开发人员不会感到陌生。它提供一个Stage窗口显示页面布局,底部的时间轴窗口显示各种元素的动态变化。在Stage窗口右侧是DOM元素的布局面板。选择一个层次会显示该层的属性并支持2D和3D的CSS转换。还有一些类似Flash的元素,如Action、Symbol等。

而在底层,Edge使用jQuery和CSS来管理过渡:

// Action executed on a specific event , e.g. button is clicked
$.Edge.symbol.get(‘#pageHolder’).showContent(‘coffe’);

从演示demo看,Edge好像也在使用jQuery UIjQuery Easing plugin

感兴趣的读者朋友可以观看AdobeTV视频《Mark Anderson演示Edge IDE原型》。

目前还不清楚Adobe需要多久才能完成这个工具以及是否会很快支持更多HTML5的核心技术,如<canvas>和<video>。

查看英文原文:Adobe previews HTML5 animation IDE

评价本文

专业度
风格

您好,朋友!

您需要 注册一个InfoQ账号 或者 才能进行评论。在您完成注册后还需要进行一些设置。

获得来自InfoQ的更多体验。

告诉我们您的想法

允许的HTML标签: a,b,br,blockquote,i,li,pre,u,ul,p

当有人回复此评论时请E-mail通知我

web应用表示鸭梨很大 by Zou Hao

以后要和flash设计师抢饭碗了……

Re: web应用表示鸭梨很大 by wuming chen

呵呵(*^__^*)

允许的HTML标签: a,b,br,blockquote,i,li,pre,u,ul,p

当有人回复此评论时请E-mail通知我

允许的HTML标签: a,b,br,blockquote,i,li,pre,u,ul,p

当有人回复此评论时请E-mail通知我

2 讨论

登陆InfoQ,与你最关心的话题互动。


找回密码....

Follow

关注你最喜爱的话题和作者

快速浏览网站内你所感兴趣话题的精选内容。

Like

内容自由定制

选择想要阅读的主题和喜爱的作者定制自己的新闻源。

Notifications

获取更新

设置通知机制以获取内容更新对您而言是否重要

BT