The first effect could be basically achieved, while taking a look into
But what i want to know how to do this cool background effect where an background picture is shown while scrolling (half the site, “The lethal left foot of Sam”) which is shown here -> https://slate.adobe.com/a/26dma
is that possible to do with hype?
hype works timelinebased. so setup a timeline which simulates the storytelling you want to achieve. secondly you would have to find a way to control it by the scroll-event which is currently not ‘built-in-supported’ though you have the possibility to find / write custom-js for this …
ondrag -> for mobile is supported.
For a developer, the impact of a major new release is like that of being dropped into a stadium filled with half a million starved chihuahuas while wearing a set of meat pajamas.
This said, I would think that the popularity of this type of scrolling interface would be a priority task in new feature development. Tumult’s integration of multiple layouts with breakpoints is timely, especially considering Google’s recent shift towards mobile-friendly ranking.
Also, I added it as a section on this test page (https://www.onemarkdesign.com/test/) and the scrolling script does not work. Wait about 7 seconds for the main animation to stop, then scroll. The background rotation angle should change as you scroll. It works at the source URL, but not as a div within the page. See code below if that helps.
I think there are similar things here on the forum that share different approaches that may help. A search for parallax may help in getting some hits. Otherwise I would post new topic if there’s nothing specific to your case. Share a doc and see if anyone else has any solutions. I’m away from my comp right now so won’t be able to have a look at it. Later I may be able to look at it if still needed
Fab, many thanks for the advice (and offer of help).
I have, indeed, been poring over the parallax posts with forensic curiosity but thus far @h_classen’s scrolldrag.hype.zip is the one example I’ve found which pretty much nails what I’m hoping to achieve… other than it doesn’t work on Safari
I’ll keep hunting for and/or trying to create a solution
Ooooo, many thanks! I downloaded a very similar version that you’d posted in another thread but this one seems slightly different and may well be a close solution. Busy picking over it now cheeeeeeeers! x
Tried your scripts, it seems only works for the situation the elements which are within the browser windows and on scene load, what about if the elements not within browser window on scene load? I tried to make a specific timeline play ON ENTER VIEWPOINT, but it seems always finished the timeline when the element enter view point.
Anyway to make any element timeline in a scene to be controlled by that scripts?