Hey everyone, I'm excited to announce that I've updated the HypeSceneMagic project! Originally developed in 2019, HypeSceneMagic has been revitalized to leverage the powerful GSAP animation library, providing even smoother and more enhanced animation experiences within Tumult Hype . Inspiration: T…

↑ look at project Important Update: As of Hype Scene Magic version 2.5.5, some features described below have been changed or deprecated. Notably, the Direct and Indirect Transition Modes are no longer available. The information remains here for historical context, but please refer to the latest do…

*Edit, nvm me. I already see what I was looking for Already have a nice usecase in mind for something I have to do manually with GSAP now, but would be neat to get it done in Hype fully.

↑ look at project 2.5.0 Adapted to use GSAP instead of Web Animations API 2.5.1 Fixed id bug supporting multiple layouts (use the same name for layouts)

Setup: [CleanShot 2024-11-16 at 14.58.29@2x] Result: [CleanShot2024-11-16at14.55.43-ezgif.com-optimize (2)] Example: HypeSceneMagic-Example2.hype.zip (949,7 KB)

↑ look at project 2.5.2 Added support for data-transition-fallback attributes when magic pair is not matched Unified and cleaned up parsing, and added more documentation. 2.5.3 Added data-transition-fallback-from and data-transition-fallback-to for fine-grained directional transitions Note: d…

[CleanShot 2024-11-16 at 23.12.56] Hype Easing Names Mapped to GSAP Equivalents Hype easing names are automatically mapped to their corresponding GSAP easing functions for seamless integration. HypeSceneMagic Easing GSAP Equivalent easein power1.in easeout power1.out easeinout power1.i…

I want to give a shout-out to @petester . Due to feedback regarding persistent symbols, I reconsidered how to handle magic transitions, leading to some improvements in the code. Starting with version 2.5.4+, SceneMagic now uses Hype's native crossfade transition while managing all the magic movement…

↑ look at project 2.5.4 Removed the indirect transition mode as it was too complex and unintuitive 2.5.5 Refactored to use a native Hype crossfade transition, but overridden with the magicTransition class Added z-index management for proper scene layering during transitions Added support for r…

[CleanShot2024-12-06at00.55.27-ezgif.com-optimize] "Hey everyone, I will add some new examples soon!"

[CleanShot 2025-09-13 at 12.07.35@2x] magicEaseDemo.hype.zip (130,4 KB) This is an exotic test demonstrating the use of custom easings. The built-in ones with GSAP are straightforward to use… simply name them according to the GSAP easing naming convention. This demo file also illustrates how to u…

Hype
Whisk
Reflect
Store
Support
Forums
Blog
About Us

Tumult Forums

Hype Scene Magic

Extension Project

show post in topic

Home
Categories
Guidelines
Terms of Service
Privacy Policy

Powered by Discourse, best viewed with JavaScript enabled

Products

Hype 4
Hype Pro
Whisk
Reflect

Company

About Us
Press
Privacy Policy

Social

Blog
@hypeapp
@TumultWhisk
Facebook
Instagram

Hype Support

Support Portal
Downloads
FAQ
Tutorials
Documentation
Forums

Whisk Support

Support Portal
Downloads
FAQ
Documentation
Forums

Store

Tumult Store
Education Store