jesper.landberg last won the day on
jesper.landberg had the most liked content!

jesper.landberg
ShockinglyGreen-
Content Count
122 -
Joined
-
Last visited
-
Days Won
1
jesper.landberg last won the day on
jesper.landberg had the most liked content!
Community Reputation
53 ContributorAbout jesper.landberg

-
Rank
Advanced Member
Recent Profile Visitors
-
skyfy started following jesper.landberg
-
Non scrubbed parts of a scrubbed timeline?
jesper.landberg replied to jesper.landberg's topic in GSAP
Thanks @ZachSaucier, the direction one fits my needs, thx! -
jesper.landberg started following GSAP 3 warnings?, Non scrubbed parts of a scrubbed timeline?, Canvas page transitions and hover and 2 others
-
Hi, Trying out ScrollTrigger, which seems awesome. Testing out pinning atm and works great. Just wondering in what way you would recommend doing non-scrubbed tweens in a scrubbed timeline, like: const tl = gsap.timeline({ scrollTrigger: { // Pin true and other stuff scrub: true } }) .to(otherElem, { yPercent: -100 }) .to(elem, { alpha: 1 }) // Non scrubbed Currently I tried doing the below, but not sure how I would approach when it goes in reverse direction const tl = gsap.timeline({ scrollTrigger: { // Pin true and other stuf
-
Use my own scroll value with ScrollTrigger?
jesper.landberg replied to jesper.landberg's topic in GSAP
Sorry as usual I suck at explaining my issues haha:) but ur answer still managed to clear it up for me and my personal smooth scroll now works fine with this:) Thanks! -
Use my own scroll value with ScrollTrigger?
jesper.landberg replied to jesper.landberg's topic in GSAP
@GreenSock hey, so i'm checking out some scrollProxy examples, and just have a question, what does the passed element do? Is there any reason we can't just send our custom scroll position in? Is the proxy element the transformed element? Like In my case where I have multiple scroll sections (pages are divided into sections and each has their own transforms, which is being transformed when the section is visible) I don't have the one transformed proxy. scrollerProxy(".proxy", { <!-- what does this do here? --> scrollTop: mySmoothScrollPos, }); -
Text underline & page transitions that are super smooth?
jesper.landberg replied to andsavu's topic in GSAP
Hey, i put together a quick codepen demonstrating how to do it with WebGL. https://codepen.io/ReGGae/pen/rNxpVEd?editors=0010 -
@GeS @ZachSaucier In my case I use WebGL for the effect. Here I put together a quick codepen to demonstrate how it can be done. https://codepen.io/ReGGae/pen/rNxpVEd?editors=0110
- 4 replies
-
- 2
-
-
- hover
- page transition
-
(and 1 more)
Tagged with:
-
Use my own scroll value with ScrollTrigger?
jesper.landberg replied to jesper.landberg's topic in GSAP
Well I would assume ScrollTrigger uses cached boundingRects of elements, then comparing that to the scroll value (I might be totally wrong tho) ? In that case why wouldn't it be helpful to allow ppl to pass their own scroll value? Pseudo code: ScrollTrigger.useEvents(false) // In a raf Scrolltrigger.update(myLerpedScrollValue) I have my own solution where I do what u say, pass a progress value based on start/end values using my lerped scroll to the progress() method. But with this obviously goes checking if the element is in viewport, doing the calculations etc etc. And Scro -
Use my own scroll value with ScrollTrigger?
jesper.landberg replied to jesper.landberg's topic in GSAP
Hey, basically so I can use it with my own virtual scroll, with my lerped scroll value, instead of using the default event (scroll using scrollTop?). -
Hey, simple question, is it possible to "inject" my own scroll values / events using the new ScrollTrigger?
-
Did immediateRender break? 3.0.1 -> 3.2.2
jesper.landberg replied to jesper.landberg's topic in GSAP
Hey sorry for the late reply. But yes after updating to the latest version all my issues seem to be gone:) -
Did immediateRender break? 3.0.1 -> 3.2.2
jesper.landberg replied to jesper.landberg's topic in GSAP
I see, have this behaviour changed since 3.0.1 then? Just found it a bird weird that everything went crazy after updating without touching the code:P -
Did immediateRender break? 3.0.1 -> 3.2.2
jesper.landberg replied to jesper.landberg's topic in GSAP
I think this illustrates my issue. the defaults immediateRender doesn't seem to apply on the .set? is this correct behaviour? Have I missed something about this in the release docs maybe?:) https://codepen.io/ReGGae/pen/0b7cfd3fd2f0e15ffd381920c4701048?editors=0010 -
Did immediateRender break? 3.0.1 -> 3.2.2
jesper.landberg replied to jesper.landberg's topic in GSAP
It's super weird, immediateRender is deffo not happening (or well it looks like it isn't) on any timeline on the whole site i'm building. Reverting back to 3.0.1 makes it work tho. Didn't update my splitText plugin tho, not sure if that can have some side-effects on things? But it's just not on split animations. Anyway, il try to see if I can reproduce it later on a pen or something. -
Updated from 3.0.1 to 3.2.2 and now my stuff isn't rendered before play() is called. Example code: tl = gsap.timeline({ paused: true, defaults: { immediateRender: true } }) .set(parent, { overflow: 'hidden' }) .from(child, { yPercent: 100 }, 0} setTimeout(() => { tl.play() }, 2000)
-
Hi, How do I get rid of all the warnings in the console? For example when tweening custom object properties, setting overflow etc. GSAP target not found. https://greensock.com Invalid overflow tween of hidden Missing plugin? gsap.registerPlugin()