jonathan
(Jonathan Deutsch)
December 13, 2024, 7:00pm
3
Do you mean that each scene in your hype document would have its own URL?
There's a few ways to do this. Please see:
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…
That page also references:
[Hype Hashtag Navigation]
This extension enhances Tumult Hype projects by managing URL hashes to facilitate scene navigation. It allows the current scene to be reflected in the URL hash and supports special symbols to control hash behavior.
Key Features
Navigate to Scene by Hash: Automatically navigates to a scene based on the URL hash when the document loads.
Update URL Hash: Updates the URL hash to the current scene name whenever a scene is loaded.
Special Symbols: Supports special symbols…
You might also be able to use the browser history API, which is what this seems to do:
Helps connecting a Hype document to the history object
To test it just navigate to scenes and then use the browser buttons to navigate back and forth. You can also trigger back and forth events using JavaScript (see docs above). This currently pushes new history events on each scene change automatically. You can avoid it by using hypeDocument.showSceneNamedNoPushState. If people want it I could also add an option to push state manually.
Demo:
HypeHistoryKit.html
Source:
HypeHistoryKit.j…
The other method would be to use the Advanced Export 's capability to export each scene as individual pages. The main thing there is that you cannot use the 'Jump to Scene' actions and instead must replace all with 'Go to URL' and have then named in concordance with the scenes.
1 Like