Jump to a scene in another document

[mmatera]

Hello,

I use Hype to make my website. Each page of the site is a different hype file. My question is can I in one hype file say jump to scene in another hype file? Same question, but timeline in a scene as well.

Thanks much,

Michael

[gasspence (Greg)]

@mmatera

My question is can I in one hype file say jump to scene in another hype file?

I think Daniel has a solution...

Linking to a specific scene from inside and outside of a Tumult Hype document

Tumult Hype documents are accessible from a single URL. If you name your document 'Flying' and upload it to your site, then your animation and all its scenes are accessible from http://example.com/flying.html (unless you change the name of your exported .html file). This article describes three ways to navigate between scenes: Load a scene directly from a URL (For example: http://site.com/hypedocument.html#contact) Use a button outside of your Tumult Hype document to load a scene in that docu…

[mmatera]

No this doesn’t work as it will produce a url that I don’t want to have. My site is like a game, and getting to an area is not easy to do. I thought It would be cool if students could “teleport” to where they need to be. This would require that on project A (hype file) they click a link and could jump to a specific scene in project B hype file without having a link that now other students could just type in and skip all the work the other students did to find this shortcut.

Thanks, any other thoughts would be great.

[Daniel]

You can combine an iframe with this technique so that your visitors never see the URL:

To create a button that you can use to load a different website in a box, follow these steps:

Select a box on your scene, and change its unique element ID to be something like 'frame1’
Then, create a button and have its ‘mouse click action’ trigger this function:

var newinnerContent = '<iframe id="frame2" src="http://site.com/mydocument.html#scene2" allowtransparency="true" frameborder="0" scrolling="no" style="border:none;overflow:hidden;width:596px; height: 149px" ></iframe>';
document.getElementById("frame1").innerHTML = newinnerContent

Let me know if that does the trick.

[MarkHunte]

@mmatera,

This is probably too late but you could also look at browser storage, with the idea of when a students goes through each page and does some things on that page that increments a number in the storage.

If a student tries to use an url to jump ahead, a function on each page will check the progress number in the storage before displaying the scene elements.

If the number in the storage is ok then ok continue, if not load the page that the progress number corresponds to.

See

Using the Web Storage API

It will probably need to be localStorage rather than sessionStorage