Jump to content
Search Community

un4given

Members
  • Posts

    35
  • Joined

  • Last visited

Posts posted by un4given

  1. 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);
    		});
    

     

     

  2. 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.

    IE

    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"}});
    

    IE

    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?

    IE

    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

  3. 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);
    }

  4. 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.

  5. 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();
    
    }
    }

  6. 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();
    
    }
    
    

  7. 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

  8. 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.

  9. 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

  10. 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.

×
×
  • Create New...