Hype

Hype
创造 动画 HTML5
使用 Hype 可以在网页上做出赏心悦目的动画效果,创建丰富的网页交互动画,无需编码。
Hype主界面

瞬间制作动画

Hype 基于关键帧的动画系统使您的内容栩栩如生。
时间线 时间线
能使您可以添加交互性-将鼠标悬停在某个元素上可能会触发播放时间线,从而使场景中的其他元素动起来。
动作 动作
吸引观众并触发自定义动画、场景过渡、声音或JavaScript函数,以响应鼠标单击、触摸事件、特定时间或文档事件之类的操作。
场景 场景
场景与演示软件中的幻灯片相似,Hype 使您可以根据需要制作尽可能多的场景,并且可以使用平滑过渡在场景之间切换各种动作。
查看更多
无限可能
Hype 是一种用于创建内容的“白板”应用程序。
提供的工具功能强大并鼓励实验,您可以构建东西的可能性是无限的。
  • 动画制作
  • 网页
  • 电子贺卡
  • 电子书 / iBook
  • 信息图表
  • 简报
通过在页面上添加“惊喜系数”来打动您的访问者。带有动画效果的横幅、按钮或指 示器可以使您的网站更生动,并有效地吸引用户的注意力。
对于需要高度互动的网站,例如作品集或画廊,使您的页面能够脱颖而出。搜索引擎可以扫描页面中包含的文本内容。
没有什么比动画情人节贺卡更能表达“我爱你”了!或向客户发送动画季节的问候。
创建整本书或在现有的 iBook 中添加动画教育内容。Hype 通过 iBooks Author 小部件的导出使操作变得轻而易举。
信息图表中的动画可以帮助可视化和澄清数据点。Hype 已被许多领先的新闻机构和数字杂志使用
通过超越典型 PowerPoint 演示的效果来充实您的市场营销,并将要点带回家。
HTML5 的力量
HTML5 为现代网络提供了动力,并允许将内容显示 在从台式机到 iPhone 和 iPad 的所有内容上。Hype 输出最先进的HTML5、CSS3样式和JavaScript。
下载试用

多浏览器支持

Hype 努力在所有浏览器中提供100%的保真度。是的,甚至包括IE 6!当没有良好的后备时, Hype会警告检查器和导出时浏览器不兼容,因此您不会感到措手不及。

HTML5内容和CSS3效果

对 HTML5 音频和视频的内置支持允许创建多媒体体验。Hype 努力始终采用比较先进的功能, 例如模糊,色相偏移,框阴影,反射和3D变换。Hype 的场景编辑器配备了一名丰富的检查 员,可让您深入研究并轻松调整内容的各个方面。

易于嵌入

导出时,Hype 将创建一个完全独立的目录,其中包含内容的所有资源和 JavaScript。将该目 录上传到您的Web服务器,将三行 HTML 复制并粘贴到您现有的 Web页面中,就可以了。 Hype 还支持导出到 MP4 Video、Animated GIF和iBooks Author来创建交互式教科书。

专为手机设计

与其他工具不同,Hype 可以为从最新的台式机浏览器到 iPhone 和 Android 等移动设备的所有 内容创建内容。它的轻量级运行时为24 KB(压缩),仅需3个网络连接,因此非常适合广告和 低延迟蜂窝连接的快速运行。

用代码扩展

Hype 将 JavaScript 的所有功能置于您的指尖。集成的 JavaScript 编辑器使您可以编写由用户 操作触发的自定义函数。Hype JavaScript API 可以从嵌入的 Hype 内容的内部或外部操作场景。
HTML5 的力量
Hype 标准版
Hype 是一款强大的 Mac OS 平台 HTML5 创作工具,支持层、时间轴等编辑方式。
了解更多
Hype 专业版
Hype 专业版为 Hype 标准版增加了强大的功能。使用响应式布局、物理、符号等将您的设计提升到一个新的层次。
立即购买

资讯信息

  • 新手入门
  • 常见问题
  • 使用技巧
2022.01.14
实例演示Hype主时间线与新建时间线的关系
时间线是Hype进行动画制作的主要功能区,通过在时间线上添加关键帧、操作等,可制作各种类型的动画效果。
2021.07.05
这个好用的H5动画制作软件,你知道吗?
什么是H5动画?H5动画是指以网页和动画的形式,通过动画,达成与观看者、使用者之间的动态交互,减少静...
2021.06.24
Hype 4时间线操作(六)前往URL
URL是Uniform Resource Locator的缩写,称之为统一资源定位符,就是网页地址的...
2022.01.14
案例:Hype中如何添加网页标签图标
本章节将通过一个“添加网页标签图标”的案例,详细讲述在“编辑头HTML”中head里的元素语句的编写...
2021.04.14
收好!这款超强大、上手超简单的H5制作工具
那有什么功能齐全又易上手的H5离线制作软件吗?我给好朋友安利了一款Mac系统专用的工具—Hype,不...
2021.03.26
Hype中如何使用后方运动曲线模拟物体运行上坡的动画
在上一章节中,介绍了Hype 4交互动效制作软件中弹性运动曲线以及通过一个案例——菜单栏飞入场景的动...
2022.03.30
怎么在Hype中设置掉落弹起的动画效果
如果使用Hype制作球体掉落弹起的效果,是不是只能通过绘制运动路径的方法?其实,我们有更加便捷的方法...
2022.03.16
如何在Hype制作3秒后出现下一步的页面(场景设置)
为了让浏览者在阅读页面内容时,花费足够的时间阅读,减少因阅读过快造成信息遗漏,一些页面会设置倒计时按...
2021.12.18
利用Hype制作汽车驾驶的动态路线图
在一些电视节目里,为了保护隐私,经常会使用动画来展现当前地点与目的地的行走路径,比如图1所示的简单汽...