Unable to use OO syntax?

[Mr Pablo]

When trying to use OO syntax, I get the following error:

 

Uncaught TypeError: Object [object Object] has no method 'fromTo'

 

Here is my code:

var tween = new TweenMax.set(text, { css: {color: "#ffff00", display: "block", fontFamily: "Folksolid", fontSize: "40px", height: "52px", margin: "0", padding: "0", position: "absolute", width: "140px", zIndex: "3"} });
                tween.fromTo(text,
                                0.5,
                                {opacity: 0, rotation: -20, scaleX: 0.5, scaleY: 0.5, x: 100, y: 100},
                                {ease: Bounce.easeOut, delay: 2, opacity: 1, scaleX: 3, scaleY: 3, x: 160, y: 160}
                            );

[Chrysto]

Hi,

 

I think fromTo() is static method and cannot be used with instance of TweenMax. That's why the browser throws this error. 

[jamiejefferson]

bassta has it right: fromTo, along with the other 'create a tween' methods and a few others, are static and should be called on TweenLite/TweenMax directly. The static methods are marked as such in the documentation. You could try:

var tween = TweenMax.set(text, { css: {color: "#ffff00", display: "block", fontFamily: "Folksolid", fontSize: "40px", height: "52px", margin: "0", padding: "0", position: "absolute", width: "140px", zIndex: "3"} })

tween = TweenMax.fromTo(text, 0.5,
  {opacity: 0, rotation: -20, scaleX: 0.5, scaleY: 0.5, x: 100, y: 100},
  {ease: Bounce.easeOut, delay: 2, opacity: 1, scaleX: 3, scaleY: 3, x: 160, y: 160}
);

(also I'm somewhat suspicious of new TweenMax.set() as a way to construct an 'object' as well - this javascript prototype stuff causes too many headaches)

 

TweenMax can be instantiated in an 'object-oriented way', using

new TweenMax(target, duration, vars) // i.e. a TweenMax.to tween