un4given

I'm using TweenMax, I also tried using TweenLite and the plugin. I'm using superScrollorama, the tween itself works if I dont try to get the path using BrezierThrough. The only problem I'm having is with this line: var beziers = BezierPlugin.bezierThrough([{x:0, y:0}, {x:250, y:400}, {x:500, y:0}]); The full JS: $(document).ready(function() { var beziers = BezierPlugin.bezierThrough([{x:0, y:0}, {x:250, y:400}, {x:500, y:0}]); var controller = $.superscrollorama({ triggerAtCenter: false, playoutAnimations: false }); var e1 = $("#foo"), e2 = $("#foo2"), e3 = $("#foo3"); controller.addTween('#container', (new TimelineLite()) .append([ TweenMax.staggerTo([e1,e2,e3],50,{css:{bezier:{curviness:1, values:[{x:0, y:0},{x:500, y:0},{x:500, y:100}, {x:0, y:100}], autoRotate:true},ease:Linear.easeNone}},0.5) ]) , 500, -300); });

I cant seem to get accsess to the BezierPlugin, I get a undefined error. My aim is to draw the line my object moves along using bezierThrough, do you know of any simple tutorials/examples of this? I found a few but they are quite confusing.

Yep, that worked! thanking you.

I saw my mistake of positioning right after posting but wasn't overly concerned about that, thanx though. My code for transformOrigin: ----css----- .origin{ position: absolute; width: 50px; height: 200px; left: 500px; top:20px; background-color: blue; } -----js------ var origin = new TimelineMax({repeat:-1}) var o = $(".origin"); origin.to(o, 2, {css:{rotation:"360", transformOrigin:"center bottom"}}); origin.to(o, 2, {css:{rotation:"0", transformOrigin:"center bottom"}});

No I was/am defining as a string, not a number. Also updated the JS files. The problem seems to be if I use transformOrigin. everything else work, well apart from rotations act like I am rotating a background images and the div is set to overflow:hidden. Is TranformOrigin meant to work, or is it wishful thinking?

Im not sure I understand what you mean when you use the word "class". Do you mean how one goes about importing and using the js scripts?

I am getting the error "invalid argument" from TweenMax.min.js line 16 in IE9 simulating IE8. Im trying to test my TweenLite code in IE8 &> but cant get past this error. Any help would be appreciated. -----update----- changed from TweenMax to TweenLite + CSSPlugin but now the error is popping up in the CSSPlugin script, line 14, character 12005. D

Hello, Does anybody know why the progress of the selfloader in my queue doesnt show? The imageloader works fine. import com.greensock.loading.*; import com.greensock.events.LoaderEvent; import com.greensock.loading.ImageLoader; import com.greensock.*; stop(); var queue:LoaderMax = new LoaderMax({name:"mainQueue",onProgress:progressHandler,onComplete:completeHandler,onError:errorHandler}); queue.append( new SelfLoader(this, {name:"self",container:this}) ); queue.append( new ImageLoader ("100_6867.jpg", {name:"image",container:image,x:0,y:0,width:220,height:274.85})); queue.load(); function progressHandler(event:LoaderEvent):void { trace("progress: " + event.target.progress); var site_loader_progress:int = 100 * event.target.bytesLoaded / event.target.bytesTotal; mc_txt.text = site_loader_progress + "%"; } function completeHandler(event:LoaderEvent):void { trace(event.target + " complete"); TweenLite.to(white,1,{alpha:0}); } function errorHandler(event:LoaderEvent):void { trace("error occured with " + event.target + ": " + event.text); }

Would I be able to load the swf via: ?

Is there a way to dynamically create SWFLoader vars at runtime? I am about to start a project where I will need to load and unload a lot of external swfs. So can I dynamically create: var page1loader:SWFLoader = new SWFLoader("pages/page1.swf",{name:"p1",container:pagecontainer,onComplete:completeHandler}); var page2loader:SWFLoader = new SWFLoader("pages/page2.swf",{name:"p2",container:pagecontainer,onComplete:completeHandler}); var page3loader:SWFLoader = new SWFLoader("pages/page3.swf",{name:"p3",container:pagecontainer,onComplete:completeHandler}); var page4loader:SWFLoader = new SWFLoader("pages/page4.swf",{name:"p4",container:pagecontainer,onComplete:completeHandler}); ...ect If someone knows how, your friend I shall be.

One more question. is it possible to find out which SWF is loaded and unload it? rather then: page3loader.unload(); is would be for my nav which consists of a lot of links

Carl!! again you have saved ones bacon. I really need to repay you somehow! Damon

I tried the codee ou have suggested but got the error: Scene 1, Layer 'Layer 2', Frame 1, Line 14 1119: Access of possibly undefined property name through a reference with static type Class. below is the code I have used var page1loader:SWFLoader = new SWFLoader("page1.swf", {name:"pone", container:this}); var page2loader:SWFLoader = new SWFLoader("page2.swf", {name:"ptwo", container:this}); page1loader.load(); button.addEventListener(MouseEvent.CLICK, gogo); function gogo(evt){ if (SWFLoader.name == "pone") { page1loader.unload(); page2loader.load(); } else if (SWFLoader.name == "ptwo") { page2loader.unload(); page1loader.load(); } }

I have a pre loader that loads in a swf and in the preloader is a NAV bar and a forward and previous button. Is there a way to change the function depending on which swf is loaded? like: if SWF "page1" is loaded forward_btn = function. I think this makes sense..

I have loaded a video on to my stage and created a play and pause button. My question is, is it particularly hard to create a scrub bar?

Doesn't seem to be working and I get the error: TypeError: Error #2007: Parameter child must be non-null.

I have loaded a swf to the stage via SWFloader. my question is. Is there a way to remove a child that is inside the external swf? I want wo remove a child inside of "rain1". var rain:LoaderMax = new LoaderMax({name:"mainQueue"}); rain.append( new SWFLoader("swf/rain1.swf", {name:"rain1", estimatedBytes:3000, container:rain_mc, y:-3, autoPlay:false}) ); rain.append( new SWFLoader("swf/rain2.swf", {name:"rain2", estimatedBytes:3000, container:rain_mc, y:-3, autoPlay:false}) ); rain.append( new SWFLoader("swf/rain3.swf", {name:"rain3", estimatedBytes:3000, container:rain_mc, y:-3, autoPlay:false}) ); function startrain(evt){ rain.load(); var timerunload = new Timer(13000,1); timerunload.start() timerunload.addEventListener(TimerEvent.TIMER, onUnload); function onUnload(evt){ rain.unload(); } stop(); }

Is it possible to apply the TransformMatrix tag to a bezier through tween? bezier through becomes a little shaky when the duration of the tween is quite long. Damon

My sites preloader is made using LoaderMax, the reason I didnt use Loadermax for the images is because my teammate had already set up the XML. But if LoaderMax smooths by default, looks like my hands a tied. again, thank you Carl. I'm sure we will talk again haha

Excellent! Cheers Carl your a life saver. You dont happen to know much about XML do you? I'm having problems with Liquidstage and getting images brought in via XML to 'Smooth'?

Ok I have attached the files. As you will see the one that works has the vars buried inside a function, but the effect of this is that reverse(); will not work because that has to be in a function. I think it doesnt work because the var is created before the XML is loaded in. sorry to keep bugging you.

One more question. Is there a way to delay the split text field variable? the reason I ask is that I load the text via XML. And if I put the var in the main area rather then within a function, it breaks the animation as there is no text loaded when the var looks for it. If you understand me? I will make a striped down version again and attach it later

Nice one Carl, Why didn't I think of TimlineLite? Cheers for the help and the fresh eyes

Here you go

I managed to fix the problem I was having by removing the random generator. but I'm still having a problem with tweening text in and out. It works fine for the first enter and exit, but doesnt work after that. I have attached a very simplified version of what im talking about.