tumult hype

flash 被干死以后, 那些绚丽多彩, 有交互功能的 flash 网页一下子少了很多

广告和很多宣传还是要用到以前 flash 干的那些事的, 所以动效网站还是有需要的, 只不过现在改为用 js html css 来实现了

所以要学学 hype, 满足客户的要求, 顺便挣到钱

资料和准备

官方有 Documentation, Tutorials 是视频, 看起来太慢了.

Documentation 和对应的例子可以下到本地: with example documents (39MB)

如果系统是中文的, 那么 hype 自动就显示为中文的了

注意看, Guides 在这是辅助线, 被翻译成指南了. 这是用 google translate 做的翻译吧.

而且 Documentation 也是英文的, 为了对应起菜单方便, 还是用英文, 但是竟然没有地方可以改语言.

下了一个 Language Switcher 来搞定, 总算以英文打开了.

介绍

整体和 flash 很像

Scenes

类似 ppt 的一页, 可以设定大小, 加入辅助线等.

也可以添加栅格系统

Elements

主要就是 Insert 菜单里可以添加的那些

图片什么的可以从处部拖拉进来

默认会在所有图片都加载进来后, 才显示页面, 但也可以对某些图片设定不用预加载.

可以加入 button 但是样式要自已来画?

HTML Widgets 加入加入 twitter 列表什么的, 把 code 添加进去就可以, 也可以添加一个 url 来加载外部网站, 而且可以在其上面应用动效.

HTML Widgets 里其实也可以写原生的html, 但是比如在 HTML Widgets 里加了一个 img, 就没法对这个 img 进行颜色修改等动态效果了.

可以进行 Grouping 分组.

也可以对所有元素添加 Pointer Events

  • Properties
  • Keyframes
  • Animations
  • Timelines
  • Actions
  • Symbols
  • Behaviors