Alright I think I have my questions figured out.
In your pen http://codepen.io/osublake/pen/0d4742d2200d028ed42297cb874af2b5, I am trying to make sense of the following
TweenLite.set(item, {
backgroundColor: color,
rotation: 180 * sign,
xPercent: 100 * sign,
yPercent: 100,
autoAlpha: 0,
scale: 0
});
var tween = TweenLite.to(item, 0.45, {
autoAlpha: 1,
scale: 1,
rotation: 0,
xPercent: 0,
yPercent: 0,
paused: true,
force3D: true
}).progress(1);
So .item has properties set using .set(), and has a tween via var tween. What is the purpose of .progress(1)? Does that mean that the tween properties has already taken place and the item is now visible because the virtual playhead is now at the end of the animation?
What is the difference between using requestAnimationFrame VS. TweenLite.ticker.addEventListener("tick", update); Which method is more standard and produces better performance, in my current situation would you recommend using ticker vs rAF?
In the normalize examples, I understand the min, max, and value parameters but how can I get better at coming up with those figures? Is there like a cheat sheet or those are pretty much what I will use 90% of the time?
The normalize and clamp functions are really helpful. I hope I am not being a pain by asking the above questions, my JS is only average and I am trying to get better at it. You guys have been amazing at responding and I want to sincerely say this is the friendliest forum that I have joined.