[Hype Scroll Magic] HypeScrollMagic is a JavaScript extension designed for integration with Tumult Hype , enabling developers and designers to create interactive, scroll-based animations and interactions within their Hype projects. Leveraging the power of ScrollMagic, this extension makes it easy t…

Very cool, and great demo showing it off. (side note, I dropped an item on the todo list to have some way to en-masse add additional html attributes)

Tausendsassa!!!!!!!!!!! :slight_smile: and great examplefile @MaxZieb

Very neat, currently testing it within some rich media ad formats, that allow for calculating the ad placement in the page position. Looks very promising so far!

↑ look at project Version 1.0.3 Added behavior triggers, default options and better markers New example file More documentation on GitHub

[image] Getting started with Hype Scroll Magic The potential here is vast, and I believe this extension can significantly enhance how we design scroll-based interactions in Hype. Thank you @MaxZieb for your in-depth explanation. I am sure it will serve all other Hype users who are into develop…

↑ look at project Version 1.0.4 Added horizontal support data-scroll-horizontal, better marker support Version 1.0.5 Fixed issue with options, refactored data-marker-* to data-indicator-*

↑ look at project Version 1.0.6 Removed HypeRulerHelper as the debugging plugin now operates independently Version 1.0.7 Fixed issue with horizontal and vertical controllers

↑ look at project Version 1.0.8 Added support duration as percentage Added support for Hype Action Events: data-scroll-offset-action, data-scroll-duration-action, data-scroll-trigger-action, data-scroll-progress-action, data-scroll-enter-action, data-scroll-leave-action Added support for CSS vari…

[image] MaxZieb: . These additions merit their own video and explanation once I find the time for it. Awesome, I'd love to see the improvements action.

[HypeScrollMagic Updates] ↑ look at project Version 1.0.9 Added support for percentage offset based on bounding box Added the Hype Action Event data-scroll-action as a catch-all (event.type-based settings) Fixed percentage support for duration and offset by precalculating Version 1.…

Hype
Whisk
Reflect
Store
Support
Forums
Blog
About Us

Tumult Forums

Hype Scroll 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