Hype 4时间线操作(六)前往URL

URL是Uniform Resource Locator的缩写，称之为统一资源定位符，就是网页地址的意思。每一个网页都有只属于自己的URL地址，在浏览器中输入URL地址，就可以打开其指向的网页。

Hype 4是一款制作交互动效的软件，它有几种方法，通过输入的URL，启动浏览器打开网页，或者在Hype的场景里指定的位置打开该URL指向的网页。

“前往URL”操作在浏览器中打开网页

在时间线操作中，触发关键帧的“Timeline Action”界面上，“操作”选项选择“前往URL”，并在“URL”文本框中输入一个URL网址。当关键帧被触发的时候，浏览器里的Hype场景页面就会被URL指向的网页覆盖。

图1：打开的网页覆盖Hype场景

如果在“前往URL”界面中选择了“在新窗口中打开”，那么Hype场景页面所在的浏览器就会在新窗口中打开URL地址指向的网址，而不会覆盖Hype场景。

图2：新窗口中打开网页

“运行JavaScript函数”在场景中打开网页

通过“前往URL”操作打开网页在实际应用中极少用到，很难想象玩家在玩Hype制作的页面游戏时，当游戏页面被其他网页覆盖或跳到新的网页窗口的时候，是一幅怎样的抓狂情景。

更普遍的做法是使用“运行JavaScript函数”触发场景中的某个元素显示网页(例如一个网页广告)，这样可以降低对玩家的影响。

首先，给元素的id命名并设置触发关键帧，操作中选择“运行JavaScript函数”，然后在JavaScript函数里使用API函数hypeDocument.getElementById获取该元素对象。具体操作请参考图3。

图3：获取元素对象

然后，使用innerHTML命令在元素中插入iframe框架，框架指向URL网址。当关键帧被触发的时候，该元素就打开了URL地址指向的网页。

图4：在元素里打开URL网页

在“HTML小组件”元素中打开网页

Hype 4元素工具箱中有一个“HTML小组件”。当在场景中创建了一个“HTML小组件”后，打开“元素”面板，可以在“指定的URL”文本框中输入URL地址。然后在“HTML小组件”元素中就打开了URL地址指向的网页。

图5：在HTML小组件中打开网页

总结

在场景中打开一个URL地址指向的网页的操作在实际中极少使用，尤其在时间线操作上。当然，如果是一个网页链接，可以使用鼠标点击事件出触发打开。