Adobe 展示 HTML5 动画制作 IDE

  • Dio Synodinos
  • 崔康

2010 年 10 月 27 日

话题:Java.NETRuby架构语言 & 开发

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

Java.NETRuby架构语言 & 开发