2012 年 12 月 17 日,万维网联盟(W3C)正式宣布凝结了大量网络工作者心血的 HTML5 规范已正式定稿,并发言称:“HTML5 是开放的 Web 网络平台的奠基石。”而经过多年的不断完善与推广,越来越多的网站和开发者拥抱这项新型交互技术。
Tumult Hype (下文简称为 Hype),一款为了解决 HTML5 创作工具缺乏问题而 诞生的 Mac 工具,运用 Webkit 引擎时间轴操作的 HTML5 动画制作工具,可帮助用户快速的制作基于 HTML 5 交互动画,而无需任何编码知识。实际上,只要理解 Keyframe(关键帧)与 Timeline(时间线)的概念就能迅速上手。该软件另外一个实用功能就是 “Record”,能记录用户移动图像的轨迹,并自动添加关键点与过渡连接。难能可贵的是, Hype 对中文语言的支持非常友好,值得推荐!
与此同时,Hype 能够快速生成 HTML5 动画所对应的 JavaScript 代码,让动画的导出与嵌入操作,变得非常惬意。所有这一切,都能成为支持 Hype,支持正版的理由!
动画 (Animations)
Hype 允许您创建优雅的动画和交互式 WEB 内容。其创新的基于关键帧 (Keyframe-based) 的动画系统如此与众不同。在 Hype 中点击 Record 后,Hype 会检测您的一举一动,自动创建关键帧。当然,您也可以亲手掌控,微调动画的关键帧:添加、 移除或重排列等到。无论是拖动元素路径,还是添加控制点创建自然曲线,一切都是如此简单。
时间线 (Timelines)
使用最简单的方式来进行动画处理,添加交互性 — 将鼠标悬停在某个元素上时能够迅速触发时间线,播放动画场景中的其他元素。
动画场景 (Scenes)
类似于幻灯片工具,Hype 提供的动画场景是一个简化动画流的强大功能。Hype 让用户在各个场景之间进行平滑过渡切换。
嵌入与导出
导出动画时, Hype 会为您的内容创建完整的自包含目录,其中包含项目的所有资源与 JavaScript 代码。与此同时,Hype也支持将这些导出为 MP4 格式、GFIF 动画格式、iBooks格式等等。
HTML 编辑
Hype 提供了丰富的样式设置工具。当然,您可以手动调整一切:只需点击鼠标,HTML 内部每个元素都能随心所欲变换,为您呈现实时编辑预览的强大特性。
Dropbox 共享
Hype 支持 Dropbox 共享,迅速分享作品,仅需动动鼠标即可实现。