Hype is awesome, finally using it on a full interactive project. However, I’m trying to get a desired effect and its not working.
Basically, I’m zooming into a room on a house and the image is flat perspective, and I’d like to crossfade to the next screen where the background image is that same room from 2 point perspective (psuedo scene rotation hack).
However, on crossfade, it seems to flip back to the unzoomed image for a couple frames, instead of a smooth crossfade.
Any idea on why it does that, and can I prevent it?
@LucasKA
It’s just after midnight - I will look at this tomorrow - though perhaps someone else will respond first.
But I did give your file a quick scan and I was curious about two things involving the Background - not necessarily connected to your issue:
When I ran the Preview of it the zoom was quite jerky & I noticed that You are using “Width” & “Height” to enlarge the Background. I tried using “Scale” instead and it was a much smoother rendition. Is there a particular reason why You are using "“Width” & “Height”.
I couldn’t divine the purpose of the innerHTML. So I deleted it and everything appeared to work the same.
Pure unadulterated noobdom. However, I just tried scaling it, and in responsive mode, it doesn’t move to the center of the room, which is not what I was going for.
You have an animation (in the timeline) attached to the innerHTML of one of your objects. I'm pretty sure it's nothing hence why it doesn't effect anything when deleted. Perhaps it was an old idea that wasn't completed.
Nice! sounds interesting. I think when you scale you still have to move the background so it finishes where you want it.
Also, try un-pinning the background from all sides so that it doesn't try to adjust itself when being scaled. I think this will get rid of your glitch.
I’ve attached a “v2” of your Hype document. To me it looks like the effect You are requesting. There will be adjustments needed, of course. This version is intended to (hopefully) offer an idea of the way ahead. I also like the theme of what You are creating. We are living in a society where consumerism has a paucity of feedback loops re: the consequences of our purchasing decisions.
Notes:
Used “Scaling” and created a new motion path to match the Scaling.
And as @DBear suggested unpin the “Background” image.
Something unusual happened - or maybe this is typical, I’m rather new to this program - when I adjusted the scaling of the “Background” image in the “Zoom House” timeline, the “Background” image in the “Main Timeline” was also switched to the max scaling used in the “Zoom House” timeline (200%). I had to go to the “Main Timeline” and reset the “Background” image to 100%. It took me a bit to figure out what was going on.