My recommendation would be to use the 'File > Revert To > Browse All Versions…' (or otherwise a backup) if you want to get into a prior state and haven't otherwise made lots of other changes yet.

• CSS at-rule: `@property` | Can I use... Support tables for HTML5, CSS3, etc
• @property: Next-gen CSS variables now with universal browser support  |  Blog  |  web.dev

It wasn't baseline when this thread was started. And quite frankly, I didn't even know that this technique existed. But now that I know, I'm not sure that I'd use a regular CSS variable again.

Note: Hopefully no one has the username @property or they might become pretty annoyed on this forum if Hype adds that CSS feature.

The limit is lifted with a paid developers account.

.plist files are just used for the .hype document restoration feature and are not used in the rendering of the page at all.

The 50 file limit is probably the bigger concern as a lot of projects get past that (especially considering retina and non-retina versions of images might be generated, doubling assets). But if it is a small document then that is not an issue!

Photics:

…and a side note, maybe Tumult wants to revisit the use of transform, as “Individual Transforms” are now baseline…

(ah yes I have ben waiting for this... I really hate the transform property's syntax though I understand why it was made that way)

Whoa!

So, I'm expanding on the “Camera” idea. Wouldn't that be awesome?! I'm imagining how the camera movement is related to the perspective and the perspective origin. Elements positioned three-dimensionally could be animated three-dimensionally.

Even without a camera, animating the perspective and the perspective-origin could create nice 3D effects. I'm not sure how this would work with Physics, or Z-index, but something like this could be great for adding parallax scrolling to video games — especially since this could work the z-axis.

…and a side note, maybe Tumult wants to revisit the use of transform, as “Individual Transforms” are now baseline…

— Individual transform properties | Can I use... Support tables for HTML5, CSS3, etc

Codepen just landed their editor 2.0 and it can be used to deploy more complex projects, including your Hype projects!

What a great way to showcase your Hype projects and share them with the rest of the world without using dedicated website hosting.

Already tested here:

https://codepen.io/editor/grzegorz-rogala/pen/019ce60c-a9fa-7f38-b812-e99d34dbad77/8cc5ad13a2000342ab4b4bfc027c7a76

Basic workflow:

• export your Hype projects as HTML5 folder
• create a new 2.0 pen
• drag-and-drop Hype Resource folder into the files area of your pen
• copy-paste the content of the html file into the html area of your pen

Limitations:

• only 50 files allowed with basic subscription
• Codepen rejects Hype’s .htc and .plist files

The pen still works without these files but I’m wondering what is the impact of these files missing from the project.

Thanks

Greg

Just thought of something, what if I want to start off the physics animation from a specific point in time?

Tried to hide and show it via Visibility but that didn’t work do you have a solution for that?

Looks like the persistent symbol added only to each of the scenes is the best approach!

When you create a persistent symbol, you have the option to add only to the current scene. (or if you hit the wrong thing you can remove it on all the other scenes and then if you enter the symbol and go to the symbol inspector, then you can uncheck "Automatically add to all scenes").

Otherwise I would recommend LocalStorage .

I need to preserve the checked state of checkboxes during scene transition and I would like to rack your brains about possible solutions.

Basically, I need to come up with a way that checkboxes stay checked when user transitions between scenes. Currently, when I go back to the previous or next scene, checkboxes are reset.

I could use LocalStorage but maybe there is a simpler solution.

I cannot turn these checkboxes into a persistent symbol as the checkbox options will be different in each scene.

Thanks for your help and I’m looking forward to seeing what you folks come up with.

Checkboxes.hype.zip (36.7 KB)

Greg

I'm not sure where you are getting the first URL from. The second (working) one is what you would get in Hype if you are set to use the official CDN.

If using exportShouldUseExternalRuntime = true the path built by the script is causing an DNS error (https://secure-ds.serving-sys.com/BurstingcachedScripts/libraries/hype/778/js/HYPE-778.thin.min.js), this also happens if you use the official CDN from a newer blogpost by Tumult.

args.hype_build seems to return /778/js/HYPE-778.thin.min.js which creates an incorrect path, to me it looks like it should be https://cdn.jsdelivr.net/gh/tumult/hype-runtime/HYPE-778.thin.min.js

Thanks for any help. J

My experience is that it is impossible (for the free option). Of course, there are advertised massive limitations anyway (eg project < 3MB), but I couldn’t get Hype projects even under 2MB to complete an upload. The preview option clearly shows that it has been uploaded and is working, but the system won’t finalise the upload, so you’re stuffed. It simply prompts you to go for a paid option.

Anyone looking for an alternative free playground for half-developed Hype projects could go for infinityfree.com . It’s not quite so painless as tiiny, but it does offer a much more comprehensive free hosting package, with no constant prompting to upgrade (there is no paid upgrade) and FAR FEWER restrictions and a 5GB limitation.

letrasbonitas:

interactive storytelling

Also, “Drama in Panama” also won “Honorable Mention” in the “Year of Fun”…

letrasbonitas:

For example, are you mostly using Hype for landing page animations,

Landing page example — A Book About Hype

(The book is not available right now, waiting for Hype 5 to be released before creating a new version of the book.)

Book Example — Free Template Tuesday #14 – Tumult Hype “Book” – Photics.com

While Hype is lightweight, I fairly recently I swapped out the Photics.TV happy face with some HTML/CSS/SVG/JavaScript. So, I don't really use Hype for building a user interface on website lately, but I suppose it was done in the past…

— https://photics.com/files/templates/filters/

…and if it's a video game…

— https://photics.com/free-template-tuesday-39-tumult-hype-controlling/

I have used Hype to make Apps, but those were mainly games.

I created an FPS gauge to measure the performance…

• Free Template Tuesday #6 – Tumult Hype “FPS” – Photics.com
• Free Template Tuesday #8 – Tumult Hype “FPS” (Part II) – Photics.com

Generally, performance hasn't been much of a problem with my Hype projects, unless I use large images or too many Physics objects. Although, I think Hype could improve in this area by adding the Matter.js debug tools to Hype.

Image optimization is important… ImageOptim — better Save for Web

Now that there's Flexbox, Grid, and Columns, I don't like how Hype handles responsive design.

— Free Template Tuesday #35 – Tumult Hype “Webpage” – Photics.com

That example supports two modes. Maybe it could be improved by using symbols, as it has a content duplication problem. There are modern tools to solve this problem and Hype doesn't include them.

Since Hype is so vanilla, I was able to better understand web development. Eventually, I started using the timeline in Hype a lot less and adding JavaScript a lot more.

However, I usually have the “Protect from external styles” option enabled, as I don't usually use outside CSS styling with my Hype projects.

There's a plugin — Tumult Hype Animations Wordpress Plugin — but I don't use it. Instead, I've been using iFrames and some CSS to allow for scaling.

Although, that causes the looking eyes of the happy face to stop tracking when the cursor is hovering over a Hype project. So, I suppose I could improve that situation. I try to limit the amount of plugins running on my WordPress setup. But also, there was something I didn't like about how the plugin functioned… Tumult Hype Animations Wordpress Plugin - #112 by Photics …I don't remember why exactly I switched back to iFrames.

Sometimes I wonder if I need WordPress at all. But even if Hype added local database management, to export static webpages, there are still features in WordPress that are really good.

@jonathan — maybe the units should be consistent? Some use percentages (Sepia & Brightness) while others use 0-1 (Saturation / Contrast) to represent 0% - 100%.

I’ve recently been exploring Tumult Hype and I’m curious how people here are integrating Hype animations into modern websites and workflows.

For example, are you mostly using Hype for landing page animations, interactive storytelling, UI elements, or something else entirely?

I’m also interested in how developers are handling things like:
• performance optimization
• responsive layouts across devices
• combining Hype with custom JavaScript or external CSS
• embedding Hype projects into CMS platforms like WordPress or other site builders

It would be great to hear how others are using Hype in real projects and what best practices you’ve discovered along the way.

Looking forward to learning from the community.

A modernization in Hype 5 would be very welcome if it could reduce those constraints and make layouts a bit more flexible with standard web practices. Even small improvements in how styles are applied or calculated could make a big difference for developers who want to combine Hype animations with custom CSS or JavaScript.

Also appreciated the mention of Matter.js developments. It’s encouraging to see progress happening there, since physics behavior like collision detection and energy loss can really affect the quality of interactive scenes.

Curious to see how Hype evolves over the next versions and how much flexibility they’ll introduce for developers who want deeper control.

Nice to meet you. Your experience with animation-heavy Hype projects sounds really interesting. I’m currently exploring different ways to build interactive web elements and lightweight tools, so it’s always great to see what other developers are doing with Hype.

I don’t have a specific Hype project at the moment, but I’d definitely be interested in seeing some of the work you’ve done. It’s always inspiring to learn how others structure multi-scene documents and integrate custom JavaScript.

Looking forward to learning more about your work.

Best,

Some users here, like me, previously used Adobe Director. At the time, it was one of the most powerful tools available for creating multimedia and interactive content.

I remember reading that the engineers behind Director had a very specific philosophy. The core idea was not that Director itself should be the place where you create every asset such as drawings, sounds, or other media. Instead, it was meant to be a hub where you could bring together many different types of media and focus on defining how those elements behave and interact.

There will always be specialized external tools that are better suited for creating graphics, audio, or other assets. Director embraced this reality. Its role was orchestration.

It also used a very strong metaphor: you were the director of a film. The project’s asset library was called the “cast,” and you orchestrated how those elements performed on the stage.

Personally, I believe this philosophy could be a powerful direction for Hype as well. Hype could position itself primarily as a hub where different elements come together, and where creators orchestrate behavior, timing, and interaction like a conductor or film director.

This approach could also open the door for the future. For example, AI generated elements could eventually become part of the cast. Even prompts themselves could be treated as cast items, where a slot in the cast represents a prompt that dynamically generates or updates content as part of the project.

+10 years now with Hype and a lot of stuff produced, delivered to happy customers.

Learned to live with some of the hiccups. For instance when an element has been moved, the z-order within Hype, and a restart of Hype is the way to discover that. Or… groups, behaving strange.

Rive.app seems to have a few interesting things. Like the state machine, the way it seems to generate code, collaboration. Have not tried Rive. Not suggesting more features at this point in time.

Looking forward to the next major release.

Yet, a beta test is a really good idea. I'd probably do a better job of testing Physics this time around. I have more specific game ideas.

Also, if the beta works the same way as last time — where we can talk about the features publicly — then I could document the progress with my YouTube channel. I didn't have that when Hype 4.0 was around.

Meanwhile…

…so that's also bittersweet. We know a beta is on the way, which is good. Yet, that also means we have to wait for the beta to start and we don't know how long the beta will run.

Also, TestFlight is new this time around… TestFlight - Apple Developer …is something like that necessary?

Meanwhile, I've been playing around with CSS. I've been learning a lot. It makes me wonder if Media Queries should be a thing in Hype. Like this template…

— Free Template Tuesday #36 – Tumult Hype “Orientation” – Photics.com

…that wouldn't be necessary if Hype supported features like that. So, I'm adding it to the list, even though I'm not sure how that would work with Hype. Modern CSS is great for page layout, even across different devices, but I'm not sure how that works with Hype's elements, timeline, symbols, and groups.

And—if you do decide to revisit the project—it would be nice if you could click directly on the round “handle” of each option to change a value.
Currently, you always have to click on the black line behind of the switch to move it.
I could imagine that not every user would understand this immediately.

And oh yes, none of the three browsers are running in private mode. And in FF and Chrome, all ad blockers were disabled for this test.

I do see a problem on initial launch though, when using private mode, but switching the colors off and on fixed it. I'm not sure why you're not seeing the colors, but it does look like this part of the game can be improved.

It looks the same in Chrome as it does in Firefox. With Safari, I can at least hear the voice output—which didn't work with either Firefox or Chrome.
Unfortunately, even with Safari, the colors don't change. They just aren't displayed; instead, there are only gray fields.
Maybe the problem is that I'm running MacOS in dark mode? But that hasn't caused any problems with any other apps so far.

If I can help in any way to find the problem, just let me know if there's anything you want me to test or try.

Here the screenshot in Safari:

This is what it's supposed to look like…

I expected that when I turned on the Colors option, the player's filled-in fields would have a different color than those of the virtual opponent.
I'll try to take a screenshot WITH Colors turned on so you can see how it looks for me.

Apologies for the large screenshots. I couldn't find a way to reduce their size after embedding them.

If you have a project or need extra hands on Hype work, I’d be happy to help.
Feel free to reply or message me directly.
Regards,

Bella

Alexandro:

This makes it impossible to play the game properly—a game I wasn't even familiar with before.

The colors aren't necessary to play the game. It's a pencil and paper game that I played decades ago, so gray is the original state.

A completed row or column is a completed row or column. The person who completes the row gets all of those points. The game is similar to Tic-Tac-Toe. Even if X or O were in different colors — or not — it's still the same.

Interesting!

While I haven't upgraded to macOS 26, I am running the latest version of Safari. The game seems to work.

Are you blocking cookies? The game uses local storage to remember your settings. “Use Colors” is one of those settings.

• “chatty” is an on or off setting for enabling the speech.
• “colors” is the on or off setting for colored circles. Zero is gray.
• “sv” is the speech volume.

I think “sv” is also a sound volume setting that might be used with other Photics games, so I might have to revisit those values. I didn't realize that I might need a prefix for some values.

It's been some years since this game was updated. The game section of my website is still in the early stages. I'm waiting to see what happens with Hype 5, especially since Physics can be improved.

…and since this is a conversation about particles, I was recently thinking about redoing the particle effects, try to make it more efficient. But again, I've been saving that project for Hype 5.

Otherwise, the little app is very nicely done.

I have had too many great apps key to some of my workflows taken over by companies that do not share the passion for the app and it users that the original creator did.

all too often the only reason to buy it is to close down the competition and not even do any meaningful updates during any wind-down period they have to stick to for existing users

I'll tell that what I won't be up to is making a workaround for it, thankfully .

Now is the time to release the ‘5’ or offer to be bought by Canva? And get funds to develop … 5.

I really don’t mean this in a bad way. I truly appreciate your hard work.

That's sus!

What are you up to Mr. Deutsch?!