Graal Forums - Tweening 2.0

Graal Forums (https://forums.graalonline.com/forums/index.php)

- Code Gallery (https://forums.graalonline.com/forums/forumdisplay.php?f=179)

- - Tweening 2.0 (https://forums.graalonline.com/forums/showthread.php?t=79671)

So I didn't get quite the reaction I expected from my last tweening script, so I've recreated it, in an easy to use/include class library.

It's currently a clientside script but it WILL work serverside, but it looks very bad due to the 0.1 timeout/sleep restriction :(

A little bit about this script:

I had objectives before writing this class, which are listed at the top of the class in a comment, and I think I've achieved them all :D

How to use in parallel and blocking:

PHP Code:


		
			
//#CLIENTSIDE

function onCreated() {

  join("tweening");



  this.tweens = NULL; // Make sure there are no tweens in the queue

  

  // Set some NPC Prefs

    this.x=10;

  this.y=10;

  this.image = "block.png";



    addTween({

    "this.x",       // property

    this.x+20,      // to-value

    "easeOutQuad",  // easing

    100,            // steps

    "Parallel"      // Parallel / Sequence

  });

  addTween({

    "this.y",

    this.y+20,

    "easeOutBounce",

    100,

    "Parallel"

  });

    runTween(0.05); // In blocking mode you need to set the interval

}

How to use in parallel and non-blocking:

PHP Code:


		
			
//#CLIENTSIDE

function onCreated() {

  join("tweening");



  this.tweens = NULL; // Make sure there are no tweens in the queue

  

  // Set some NPC Prefs

    this.x=10;

  this.y=10;

  this.image = "block.png";



    addTween({

    "this.x",       // property

    this.x+20,      // to-value

    "easeOutQuad",  // easing

    100,            // steps

    "Parallel"      // Parallel / Sequence

  });

  addTween({

    "this.y",

    this.y+20,

    "easeOutBounce",

    100,

    "Parallel"

  });

    setTimer(0.05);

}

function onTimeout() {

    // Your script does it's other functions here



    setTimer(0.05);

    runTween(); // runTween must go after the setTimer to catch the timeout var

}

How to use in sequence and blocking:

PHP Code:


		
			
//#CLIENTSIDE

function onCreated() {

  join("tweening");



  this.tweens = NULL; // Make sure there are no tweens in the queue

  

  // Set some NPC Prefs

    this.x=10;

  this.y=10;

  this.image = "block.png";



    addTween({

    "this.x",       // property

    this.x+20,      // to-value

    "easeOutQuad",  // easing

    100,            // steps

    "Sequence"      // Parallel / Sequence

  });

  addTween({

    "this.y",

    this.y+20,

    "easeOutBounce",

    100,

    "Sequence"

  });

    runTween(0.05); 

}

How to use in sequence and non-blocking:

PHP Code:


		
			
//#CLIENTSIDE

function onCreated() {

  join("tweening");



  this.tweens = NULL; // Make sure there are no tweens in the queue

  

  // Set some NPC Prefs

    this.x=10;

  this.y=10;

  this.image = "block.png";



    addTween({

    "this.x",       // property

    this.x+20,      // to-value

    "easeOutQuad",  // easing

    100,            // steps

    "Sequence"      // Parallel / Sequence

  });

  addTween({

    "this.y",

    this.y+20,

    "easeOutBounce",

    100,

    "Sequence"

  });

    setTimer(0.05);

}

function onTimeout() {

    // Your script does it's other functions here



    setTimer(0.05);

    runTween(); // runTween must go after the setTimer to catch the timeout var

}

The examples in the video below (also find a link to a higher-def version on the youtube page) are Parallel and Blocking but as you can see it's very easy to make changes and use different variables.

Enjoy :D

I am very impressed, Robin. Good job.

Quote:

Originally Posted by Tigairius (Post 1389755)

I am very impressed, Robin. Good job.

People should use it! :D

Amazing congrats mate.

Very dramatic video, not bad script either.

I will try this some time, it looks awesome.

Great job :)

The response pleases me somewhat this time round

It was the video proof wasn't it? :P

Quote:

Originally Posted by Robin (Post 1389762)

The response pleases me somewhat this time round

It was the video proof wasn't it? :P

Of course, "tween" means nothing to most of us (I knew what it meant; didn't realize that you meant to completely replicate something like Flash's tweening)

I think the name "tweening" turns people off.

Quote:

Originally Posted by cbkbud (Post 1389766)

Of course, "tween" means nothing to most of us (I knew what it meant; didn't realize that you meant to completely replicate something like Flash's tweening)

Well a tween is just a transition really.

Quote:

Originally Posted by Rapidwolve24 (Post 1389775)

I think the name "tweening" turns people off.

Dirteh dirteh boy

Good job, looks nice!

Yarr I like it. It's free for anyone to use too, but if you use it leave a note in this thread :)

Nice script Robin :D

Thanks chompy :)

I never really thought that this was a replication of Flash's motion tweening to be honest, but I guess it really does act in a very similar manner, although it does not take into account flash's timeline and such. More over it has it's own internal timeline.

I'm going to keep working on this, and if anyone has any ideas for optimising or improving let me know!

I have an off-topic question: What did you use to record your screen?

Quote:

Originally Posted by cbkbud (Post 1389996)

I have an off-topic question: What did you use to record your screen?

ScreenFlow, it's a screen casting tool for Mac OS X :)

Quote:

Originally Posted by Robin (Post 1389999)

ScreenFlow, it's a screen casting tool for Mac OS X :)

I knew it was a screencasting tool; I've never heard of that one.

I've used iShowU before (which added a horrible watermark all over my screen) and Jing (which only exported FLV) and SnapzXPro (which worked AWESOME but was a trial). Problem is ScreenFlow looks pretty expensive :cry:

Yeah ScreenFlow is £64.99 :(