[Two timelines from window size]

Hey guys
Need advice

There are two timelines, depending on the size of the window, the Timeline starts.

The difference is only xPercent & yPercent

Can ? Place xPercent/xPercent in a variable and change depending on the parameter

 

let sizeBnr = bnr.offsetWidth;
let pr = gsap.timeline();
window.onresize = function() {
        setTimeout(function() {
         sizeBnr = bnr.offsetWidth;
         stAn(sizeBnr);
    }, 500);
 }
function stAn(raz) {
    if (raz >= 560) {
       an1();
    } else if (raz >= 300) {
       an2();
    }
}
function an1() {
    pr.add("st1")
        .from('.rpanel', { xPercent: "+=100", delay: 0.5, duration: 0.65, ease: "power2.out" })
}
function an2() {
    pr.add("st1")
        .from('.rpanel', { yPercent: "+=100", delay: 0.5, duration: 0.65, ease: "power2.out" })
}

Or tell me how to properly separate streams / scripts

[Looking for GSAP Devs]

53 minutes ago, Sagar K said:

Yes commercial help required. For all those points mentioned.. can you quote me?

 

 

the work is built differently

1)design is done

2)working layout, including svg

3)To show an example or describe a desire

4)at the end of the animation

[Looking for GSAP Devs]

I guess I didn't understand your message. I thought you needed commercial help. work for work is not interesting. Excuse me.

[Looking for GSAP Devs]

write will discuss

[Help Wanted]

Jonathan I'm sorry I have not yet fully penetrated hitTest

If I change my box2 - array

how to get value from what obj - hitTest.

 

See the Pen pROGdg by Alex755 (@Alex755) on CodePen

Now I have divided the event, but this is not correct...

Thank you and again Sorry

I'm still learning

[Help Wanted]

hi Jonathan

thank you very much

[Help Wanted]

Hi

Help Wanted

The project has several objects

1 animated and some static

Tell me how to get the value box1.x  -  box1.left  or directly from GSAP during animation, and not through Jguery as now.

 

 

Is it possible to calculate with the help of GSAP intersection objects?

For earlier thanks for your attention

Alex.

See the Pen EZepQG by Alex755 (@Alex755) on CodePen

[need help.]

need help.

do animation

stopped on what you need to get a random value on the x axis

получить  целое число в приделах моего <div>

my - div width: 250px;

 

var chel_1 = new TimelineMax();

chel_1.to(".pi", .6, { x: Math.random()});

 

I want to get the crowd of people who got off the train ...

If it is not possible to tell from this request.

I will look for another option solutions.

 

example

 

Thank you for your assistance....