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 标准版增加了强大的功能。使用响应式布局、物理、符号等将您的设计提升到一个新的层次。
立即购买

资讯信息

  • 新手入门
  • 常见问题
  • 使用技巧
2020.10.22
基础教程:Hype 4元素和符号的定位问题
运动元素位置改变,必然涉及到坐标和定位的问题。请小伙伴思考:元素在场景的坐标和定位与在符号里的坐标和...
阅读更多
2020.10.20
基础教程:Hype 4符号的作用
本章节,进一步深入探讨符号——在Hype 4这款HTML5创作工具中为什么需要符号,符号的作用又是什么。
阅读更多
2020.09.28
基础教程:Hype 4符号和元素的关系
在上一章节,小伙伴了解到符号的概念以及如何添加符号,也知道符号相当于一个独立容器,可以在里面放置各种...
阅读更多
2020.10.14
如何在Hype中使用并制作加载中的动画效果
作为一个优秀且成功的HTML网页,在加载页面资源的等待过程中,是需要有一个加载中的动画效果的,这样能...
阅读更多
2020.10.12
在Hype项目中使用外部已有CSS文件
Hype是一款用于Mac系统的HTML5制作软件,它使得用户无需手动编写CSS代码和HTML代码,也...
阅读更多
2020.09.16
关于Hype软件内置JS函数方法的使用
Hype是一款用于Mac系统的HTML5制作软件,它能够帮助用户通过不需要编写代码的方式,也能实现创...
阅读更多
2020.10.16
实例:使用Hype物理引擎制作一个网页小游戏(一)
Hype软件是一款Mac系统上的HTML5制作软件,在该软件中,引人注意的是它强大的物理引擎功能和动...
阅读更多
2020.09.22
实例:使用Hype制作一张动态电子贺卡(三)
本节是使用Hype制作电子贺卡教程的最后一节,在本节中,小编将带来制作心形图形沿着Love轨迹曲线进...
阅读更多
2020.09.18
实例:使用Hype制作一张动态电子贺卡(二)
一个好的静态场景决定了一个网页所能达到的下限,而一个好的动态效果则决定了一个网页所能达到的上限。在上...
阅读更多