Adobe展示HTML5动画制作IDE

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 UI和jQuery Easing plugin。

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

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

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

转载于:https://www.cnblogs.com/bmate/archive/2010/11/12/1875868.html