Change animation variables from each loop iteration

[Aitor]

Trying to change background color to different color for each loop iteration using onRepeat callback.

 

It doesn't work. How can I acheve this? Thanks.

 

let R, G, B, dur;

const setVars = () => {
  R = Math.floor((Math.random() * 255)),
    G = Math.floor((Math.random() * 255)),
    B = Math.floor((Math.random() * 255)),
    dur = Math.floor((Math.random() * 4));
}

const getColor = () => {
  setVars();
  return `rgb(${R}, ${G}, ${B})`;
};

setVars();

TweenMax.to(".colores", {
  duration: dur,
  backgroundColor: getColor,
  repeat: -1,
  onRepeat: getColor(),
});

 

See the Pen RwpzzPJ by aitormendez (@aitormendez) on CodePen

[OSUblake]

Hi Aitor!

 

It looks like you're using an old syntax. Please check our migration and getting started guides.

 

 

See the Pen WNpqVNG by GreenSock (@GreenSock) on CodePen