[Scrolltrigger from iFrame]

Hello,

I am struggling to have scrolltrigger working from an iFrame (same domain, so no cross origin problems).

I need to target the parents from the iframe.

I tried to play with the trigger and scroller properties without succes...

Is this even possible?

Thanks for your help,

Fred

Here is a link to the demo.

 

[HTML Banner Production Survey]

Hello, thank you for the survey. I have been working on banners for a long time (flash and now js). I still work on specific handcrafted banners for high-end fashion brands. 

Is Figma similar too Adobe XD?

What is Centro?  are you talking about https://www.centro.net/?

[Best way to stop gsap.ticker?]

Oops! thank you, OSUblake...i guess i need a new pair of glasses...

[Best way to stop gsap.ticker?]

Hello,

This question is for a banner ad.

Is it possible to stop completely the ticker after an animation is done playing in order to save CPU usage?

Is there a gsap.ticker.remove(myFunction) ?

Should I use:  gsap.ticker.fps(0)  ?

... or there is another way to do that?

 

Thank you,

fred

[Random position to Initial position]

Hey Zach,

Thanks for your response. It works perfectly.

I have also found a solution using a "reversed" timeline... kinda weird but it works:

 

See the Pen yLYgQwy?editors=1010 by fr3d3ric (@fr3d3ric) on CodePen

[Random position to Initial position]

Hello,

I would like to set elements from an array to random x and y, move them to a new random x and y position and finally have them go back to their recorded first x and y position. The following doesn't work because there is a jump between the last two tweens:

 

var myArray = [{x:10,y:10},{x:10,y:55},{x:10,y:100}];

var tl = gsap.timeline()
    tl.set(myArray,{x:"random(20,280)", y:"random(20,230)"})
    tl.to(myArray,{x:"random(20,280)", y:"random(20,230)", duration:5})
    tl.from(myArray,{x:"random(20,280)", y:"random(20,230)", duration:3})

 

How can I do that? Is there a better approach?

Thank you,

fred

See the Pen VwvPrqQ?editors=1010 by fr3d3ric (@fr3d3ric) on CodePen

[Simple blur and fade in on text]

Hello, not in Animate but vanilla javascript:

See the Pen wvKaXxW by fr3d3ric (@fr3d3ric) on CodePen

Cheers

 

 

[Example of simple banner ads]

Hi Harry. Banner-ads with Greensock... that's what i (try) to do for a living. Take a look at my portfolio. Cheers. Fred

[Text feed from database..excel]

Off topic but you have a typo in the french banner...   DÉPARD DES SOLDES   > DÉPART DES SOLDES (with a T)

Bonne Année / Happy New Year

Fred

[MorphSVGPlugin with Canvas]

Hello,

Thank you so much for your help guys!

I have updated the codepen and it is working now.

fred

[MorphSVGPlugin with Canvas]

Hello,

I am trying to morph 2 simple SVG paths in the canvas renderer...

They have stroke no fill... Is it possible or am I doing something wrong?

Thanks a lot for your help,

Fred

See the Pen qBBwqRQ by fr3d3ric (@fr3d3ric) on CodePen

[Migration from Flash to HTML5]

Hi,

One way to do that is to use canvas...

https://jakearchibald.com/scratch/alphavid/

fred

[Visibility monitoring]

In DoubleClick, you can use the Enabler’s isVisible method:

 

https://support.google.com/richmedia/answer/2672554?hl=en-GB

[Function-based values]

Hello,

I am playing with the Function-based values and I don't understand the following:

If scale is before x, everything works fine, the boxes are scaled proportionally:

 

TweenLite.to(".box", 1, {
  scale: function() {
    return Math.random();
  },
  x: function() {
    return Math.random() * 300;
  }
});

 

But if x is first, the boxes are not scaled correctly:

TweenLite.to(".box", 1, {
  x: function() {
    return Math.random() * 300;
  },
  scale: function() {
    return Math.random();
  }  
});

Thanks,

fred

See the Pen qqLaZP by fr3d3ric (@fr3d3ric) on CodePen

[Need to track mouse even outside banner iframe region > possible?]

Here is the link:

https://www.richmediagallery.com/detailPage?id=8133

[Start animation after offscreen iframe enters window?]

I don't think that the Enabler.js has that feature... correct me if I am wrong.

FLITE has a "in view" event and Celtra has a way to detect the position of the iframe in the page... so you will need to write your own script

Fred