Re: [Flashcoders] Tweening text more smoothly - AS3

[Juan Pablo Califano]

d the other two methods and moving at varied speeds.
>>>>>>>
>>>>>>> //  Elapsed time from a tick on var t:Timer = new Timer(30);
>>>>>>>
>>>>>>>
>>>>>>>
>>>>>>>
>>>>>>> 47,38,36,36,36,36,36,38,36,35,35,36,36,34,36,42,36,35,35,36,35,37,40,36,36,3
>>>>>>>
>>>>>>>
>>>>>>>
>>>>>>> 6,36,36,54,36,37,35,34,36,38,38,36,36,36,36,69,39,35,36,35,36,36,42,44,36,36
>>>>>>>
>>>>>>>
>>>>>>>
>>>>>>> ,35,36,35,63,37,33,36,35,37,40,30,35,34,36,92,55,66,35,36,34,36,46,36,36,36,
>>>>>>>
>>>>>>>
>>>>>>>
>>>>>>> 36,97,50,34,35,35,36,36,34,33,218,142,49,121,59,110,84,102,65,106,66,58,55,6
>>>>>>>
>>>>>>>
>>>>>>>
>>>>>>> 5,34,36,35,36,64,33,35,36,35,37,31,48,34,36,35,35,36,77,34,34,36,36,36,70,36
>>>>>>>
>>>>>>>
>>>>>>>
>>>>>>> ,35,37,35,37,74,54,35,36,71,65,35,36,36,35,35,73,37,36,36,34,43,66,35,38,36,
>>>>>>>
>>>>>>>
>>>>>>>
>>>>>>> 35,34,73,36,34,50,59,67,37,36,36,36,56,47,37,36,36,34,36,30,46,35,36,36,36,5
>>>>>>>
>>>>>>>
>>>>>>>
>>>>>>> 9,46,35,36,36,36,59,45,35,36,36,34,36,32,48,37,37,35,38,56,48,34,36,36,36,58
>>>>>>>
>>>>>>>
>>>>>>>
>>>>>>> ,47,34,37,36,36,57,72,45,36,50,55,45,35,35,35,36,61,45,36,35,35,36,66,45,131
>>>>>>>
>>>>>>> ,39,45,33,37,34,37,34,45,51,36,51,49,38,67,35,36,36,34,43,47,38,50,35,34
>>>>>>>
>>>>>>> //  Difference from expected 30ms
>>>>>>>
>>>>>>>
>>>>>>>
>>>>>>>
>>>>>>> 17,8,6,6,6,6,6,8,6,5,5,6,6,4,6,12,6,5,5,6,5,7,10,6,6,6,6,6,24,6,7,5,4,6,8,8,
>>>>>>>
>>>>>>>
>>>>>>>
>>>>>>> 6,6,6,6,39,9,5,6,5,6,6,12,14,6,6,5,6,5,33,7,3,6,5,7,10,0,5,4,6,62,25,36,5,6,
>>>>>>>
>>>>>>>
>>>>>>>
>>>>>>> 4,6,16,6,6,6,6,67,20,4,5,5,6,6,4,3,188,112,19,91,29,80,54,72,35,76,36,28,25,
>>>>>>>
>>>>>>>
>>>>>>>
>>>>>>> 35,4,6,5,6,34,3,5,6,5,7,1,18,4,6,5,5,6,47,4,4,6,6,6,40,6,5,7,5,7,44,24,5,6,4
>>>>>>>
>>>>>>>
>>>>>>>
>>>>>>> 1,35,5,6,6,5,5,43,7,6,6,4,13,36,5,8,6,5,4,43,6,4,20,29,37,7,6,6,6,26,17,7,6,
>>>>>>>
>>>>>>>
>>>>>>>
>>>>>>> 6,4,6,0,16,5,6,6,6,29,16,5,6,6,6,29,15,5,6,6,4,6,2,18,7,7,5,8,26,18,4,6,6,6,
>>>>>>>
>>>>>>>
>>>>>>>
>>>>>>> 28,17,4,7,6,6,27,42,15,6,20,25,15,5,5,5,6,31,15,6,5,5,6,36,15,101,9,15,3,7,4
>>>>>>> ,7,4,15,21,6,21,19,8,37,5,6,6,4,13,17,8,20,5,4
>>>>>>>
>>>>>>>
>>>>>>> #2
>>>>>>> onT2 - To compensate for the difference, I decide that for every 30ms
>>>>>>> that
>>>>>>> have passed the MovieClip should increment the correct amount ( 1
>>>>>>> pixel
>>>>>>> ).
>>>>>>> When the tick occurs, I subtract the stored time (lastTick2) from the
>>>>>>> current time giving me the most accurate elapsed time. Dividing by
>>>>>>> the
>>>>>>> tick
>>>>>>> time gives me a percentage of my expected elapsed time. Multiplying
>>>>>>> that
>>>>>>> value by the speed produces the most accurate change over time.
>>>>>>>
>>>>>>> #3
>>>>>>> onT3 - Because I can assume speed based on elapsed time is the most
>>>>>>> accurate, it won't matter when I call the function as long as it
>>>>>>> happens
>>>>>>> once per frame. So onT3 just uses the ENTER_FRAME event to calculate
>>>>>>> speed
>>>>>>> based on elapsed ti

Re: [Flashcoders] Tweening text more smoothly - AS3

[Juan Pablo Califano]

t;> @Laurent
>>>>>>
>>>>>> So modulus is great and slow from what I've read. I tend to use it in
>>>>>> row/
>>>>>> column calculation rather than wrapping a MovieClip position.
>>>>>>
>>>>>> var num:int = 6;
>>>>>> var cols:int = 3;
>>>>>>
>>>>>> for ( var i:int = 0; i < num; i++ ) {
>>>>>>  var row:int = Math.floor( i / cols );
>>>>>>  var col:int = i % cols;
>>>>>>
>>>>>>  trace ( "i: " + i + "\trow:" + row + "\tcol:" + col );
>>>>>> }
>>>>>>
>>>>>> i: 0row:0   col:0
>>>>>> i: 1row:0   col:1
>>>>>> i: 2row:0   col:2
>>>>>> i: 3row:1   col:0
>>>>>> i: 4row:1   col:1
>>>>>> i: 5row:1   col:2
>>>>>>
>>>>>>
>>>>>> In the previous post I'm moving a MovieClip to the right X.X pixels
>>>>>> and
>>>>>> when
>>>>>> its position is off the screen I reset it back to 0. If I used the
>>>>>> modulus
>>>>>> method, the movement would always be rounded numbers and appear
>>>>>> jerkier
>>>>>> than
>>>>>> this experiment requires. I'm actually hoping to round to the nearest
>>>>>> twip.
>>>>>>
>>>>>>
>>>>>> As for the examples themselves
>>>>>>
>>>>>>
>>>>>> #1
>>>>>> onT is a timer tick. So about every 30ms it will move the MovieClip X
>>>>>> pixels
>>>>>> based on speed. Because Timers are never accurate to what you expect (
>>>>>> they
>>>>>> only get as close as they can - see below ) onT will always be
>>>>>> dragging
>>>>>> behind the other two methods and moving at varied speeds.
>>>>>>
>>>>>> //  Elapsed time from a tick on var t:Timer = new Timer(30);
>>>>>>
>>>>>>
>>>>>>
>>>>>>
>>>>>> 47,38,36,36,36,36,36,38,36,35,35,36,36,34,36,42,36,35,35,36,35,37,40,36,36,3
>>>>>>
>>>>>>
>>>>>>
>>>>>> 6,36,36,54,36,37,35,34,36,38,38,36,36,36,36,69,39,35,36,35,36,36,42,44,36,36
>>>>>>
>>>>>>
>>>>>>
>>>>>> ,35,36,35,63,37,33,36,35,37,40,30,35,34,36,92,55,66,35,36,34,36,46,36,36,36,
>>>>>>
>>>>>>
>>>>>>
>>>>>> 36,97,50,34,35,35,36,36,34,33,218,142,49,121,59,110,84,102,65,106,66,58,55,6
>>>>>>
>>>>>>
>>>>>>
>>>>>> 5,34,36,35,36,64,33,35,36,35,37,31,48,34,36,35,35,36,77,34,34,36,36,36,70,36
>>>>>>
>>>>>>
>>>>>>
>>>>>> ,35,37,35,37,74,54,35,36,71,65,35,36,36,35,35,73,37,36,36,34,43,66,35,38,36,
>>>>>>
>>>>>>
>>>>>>
>>>>>> 35,34,73,36,34,50,59,67,37,36,36,36,56,47,37,36,36,34,36,30,46,35,36,36,36,5
>>>>>>
>>>>>>
>>>>>>
>>>>>> 9,46,35,36,36,36,59,45,35,36,36,34,36,32,48,37,37,35,38,56,48,34,36,36,36,58
>>>>>>
>>>>>>
>>>>>>
>>>>>> ,47,34,37,36,36,57,72,45,36,50,55,45,35,35,35,36,61,45,36,35,35,36,66,45,131
>>>>>>
>>>>>> ,39,45,33,37,34,37,34,45,51,36,51,49,38,67,35,36,36,34,43,47,38,50,35,34
>>>>>>
>>>>>> //      Difference from expected 30ms
>>>>>>
>>>>>>
>>>>>>
>>>>>>
>>>>>> 17,8,6,6,6,6,6,8,6,5,5,6,6,4,6,12,6,5,5,6,5,7,10,6,6,6,6,6,24,6,7,5,4,6,8,8,
>>>>>>
>>>>>>
>>>>>>
>>>>>> 6,6,6,6,39,9,5,6,5,6,6,12,14,6,6,5,6,5,33,7,3,6,5,7,10,0,5,4,6,62,25,36,5,6,
>>>>>>
>>>>>>
>>>>>>
>>>>>> 4,6,16,6,6,6,6,67,20,4,5,5,6,6,4,3,188,112,19,91,29,80,54,72,35,76,36,28,25,
>>>>>>
>>>>>>
>>>>>>
>>>>>> 35,4,6,5,6,34,3,5,6,5,7,1,18,4,6,5,5,6,47,4,4,6,6,6

Re: [Flashcoders] Tweening text more smoothly - AS3

[laurent]

34,37,34,45,51,36,51,49,38,67,35,36,36,34,43,47,38,50,35,34

//  Difference from expected 30ms



17,8,6,6,6,6,6,8,6,5,5,6,6,4,6,12,6,5,5,6,5,7,10,6,6,6,6,6,24,6,7,5,4,6,8,8,


6,6,6,6,39,9,5,6,5,6,6,12,14,6,6,5,6,5,33,7,3,6,5,7,10,0,5,4,6,62,25,36,5,6,


4,6,16,6,6,6,6,67,20,4,5,5,6,6,4,3,188,112,19,91,29,80,54,72,35,76,36,28,25,


35,4,6,5,6,34,3,5,6,5,7,1,18,4,6,5,5,6,47,4,4,6,6,6,40,6,5,7,5,7,44,24,5,6,4


1,35,5,6,6,5,5,43,7,6,6,4,13,36,5,8,6,5,4,43,6,4,20,29,37,7,6,6,6,26,17,7,6,


6,4,6,0,16,5,6,6,6,29,16,5,6,6,6,29,15,5,6,6,4,6,2,18,7,7,5,8,26,18,4,6,6,6,


28,17,4,7,6,6,27,42,15,6,20,25,15,5,5,5,6,31,15,6,5,5,6,36,15,101,9,15,3,7,4
,7,4,15,21,6,21,19,8,37,5,6,6,4,13,17,8,20,5,4


#2
onT2 - To compensate for the difference, I decide that for every 30ms
that
have passed the MovieClip should increment the correct amount ( 1 pixel
).
When the tick occurs, I subtract the stored time (lastTick2) from the
current time giving me the most accurate elapsed time. Dividing by the
tick
time gives me a percentage of my expected elapsed time. Multiplying that
value by the speed produces the most accurate change over time.

#3
onT3 - Because I can assume speed based on elapsed time is the most
accurate, it won't matter when I call the function as long as it happens
once per frame. So onT3 just uses the ENTER_FRAME event to calculate
speed
based on elapsed time using lastTick3.

Here is another example that is commented a bit better and should make
all
this very apparent.

stage.align = "TL";
stage.scaleMode = "noScale";
stage.addEventListener ( Event.ENTER_FRAME, onFrame );

//  for every (stepTime)ms move (stepRate)pixels
var stepTime:int = 30; var stepRate:int = 1;
var time:int = getTimer();

function onFrame ( e:Event ):void {
  //  time since last frame
  var elapsedTime:int = getTimer() - time;

  //  store current time for the next check
  time = getTimer();

  //  percentage of expected time
  var timePercentage:Number = elapsedTime / stepTime;

  //  rate compensation
  var movement:Number = timePercentage * stepRate;

  //  move mc
  mc.x += movement;

  //  wrap if off the stage
  if ( mc.x > stage.stageWidth ) mc.x = 0;
}


Hasta!
Jesse


-Original Message-
From: [EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED] On Behalf Of laurent
Sent: Saturday, May 24, 2008 2:13 AM
To: Flash Coders List
Subject: Re: [Flashcoders] Tweening text more smoothly - AS3


:) I just read about wraping using modulus on Grant Skinner's blog:

sprite.x = (sprite.x + 5) % stage.stageWidth;

And then get where was that checkWrap methods :]
Still I'm interested in the onT methods...I don't think I will get them
before Grant's next post.

the article about using modulus:
http://www.gskinner.com/blog/archives/2008/05/core_as3_modulu.html

 L

Jesse Graupmann a écrit :




  

Maybe converting the actual time elapsed to a constant rate of motion






could




  

help... who knows?


stage.align = "TL";
stage.scaleMode = "noScale";

function checkWrap ( o:DisplayObject ):void
{
  if ( o.x > stage.stageWidth ) o.x = 0;
}

var speed:Number = 1;
var tick:Number = 30;
var lastTick2:Number = getTimer();
var lastTick3:Number = getTimer();
var t:Timer = new Timer(tick);
var t2:Timer = new Timer(tick);

t.addEventListener( TimerEvent.TIMER, onT );
t2.addEventListener( TimerEvent.TIMER, onT2 );
stage.addEventListener( Event.ENTER_FRAME, onT3 );
t.start();
t2.start();


function onT( e:TimerEvent ):void
{
  //  timer
  mc.x += speed;
  checkWrap ( mc );
}


function onT2( e:TimerEvent ):void
{
  //  timer + speed
  mc2.x += (( getTimer() - lastTick2 ) / tick ) * speed;
  lastTick2 = getTimer();
  checkWrap ( mc2 );
}


function onT3( e:Event ):void
{
  //  enter frame + speed
  mc3.x += (( getTimer() - lastTick3 ) / tick ) * speed;
  lastTick3 = getTimer();
  checkWrap ( mc3 );
}







___
Flashcoders mailing list
Flashcoders@chattyfig.figleaf.com
http://chattyfig.figleaf.com/mailman/listinfo/flashcoders






  

___
Flashcoders mailing list
Flashcoders@chattyfig.figleaf.com
http://chattyfig.figleaf.com/mailman/listinfo/flashcoders





___
Flashcoders mailing list
Flashcoders@chattyfig.figleaf.com
http://chattyfig.figleaf.com/mailman/listinfo/flashcoders




  

___
Flashcoders mailing list
Flashcoders@chattyfig.figleaf.com
http://chattyfig.figleaf.com/mailman/listinfo/flashcoders



___
Flashcoders mailing list
Flashcoders@chattyfig.figleaf.com
http://chattyfig.figleaf.com/mailman/listinfo/flashcoders


  


___
Flashcoders mailing list
Flashcoders@chattyfig.figleaf.com
http://chattyfig.figleaf.com/mailman/listinfo/flashcoders

Re: [Flashcoders] Tweening text more smoothly - AS3

[Juan Pablo Califano]

out every 30ms it will move the MovieClip X
>>>> pixels
>>>> based on speed. Because Timers are never accurate to what you expect (
>>>> they
>>>> only get as close as they can - see below ) onT will always be dragging
>>>> behind the other two methods and moving at varied speeds.
>>>>
>>>> //  Elapsed time from a tick on var t:Timer = new Timer(30);
>>>>
>>>>
>>>>
>>>> 47,38,36,36,36,36,36,38,36,35,35,36,36,34,36,42,36,35,35,36,35,37,40,36,36,3
>>>>
>>>>
>>>> 6,36,36,54,36,37,35,34,36,38,38,36,36,36,36,69,39,35,36,35,36,36,42,44,36,36
>>>>
>>>>
>>>> ,35,36,35,63,37,33,36,35,37,40,30,35,34,36,92,55,66,35,36,34,36,46,36,36,36,
>>>>
>>>>
>>>> 36,97,50,34,35,35,36,36,34,33,218,142,49,121,59,110,84,102,65,106,66,58,55,6
>>>>
>>>>
>>>> 5,34,36,35,36,64,33,35,36,35,37,31,48,34,36,35,35,36,77,34,34,36,36,36,70,36
>>>>
>>>>
>>>> ,35,37,35,37,74,54,35,36,71,65,35,36,36,35,35,73,37,36,36,34,43,66,35,38,36,
>>>>
>>>>
>>>> 35,34,73,36,34,50,59,67,37,36,36,36,56,47,37,36,36,34,36,30,46,35,36,36,36,5
>>>>
>>>>
>>>> 9,46,35,36,36,36,59,45,35,36,36,34,36,32,48,37,37,35,38,56,48,34,36,36,36,58
>>>>
>>>>
>>>> ,47,34,37,36,36,57,72,45,36,50,55,45,35,35,35,36,61,45,36,35,35,36,66,45,131
>>>> ,39,45,33,37,34,37,34,45,51,36,51,49,38,67,35,36,36,34,43,47,38,50,35,34
>>>>
>>>> //  Difference from expected 30ms
>>>>
>>>>
>>>>
>>>> 17,8,6,6,6,6,6,8,6,5,5,6,6,4,6,12,6,5,5,6,5,7,10,6,6,6,6,6,24,6,7,5,4,6,8,8,
>>>>
>>>>
>>>> 6,6,6,6,39,9,5,6,5,6,6,12,14,6,6,5,6,5,33,7,3,6,5,7,10,0,5,4,6,62,25,36,5,6,
>>>>
>>>>
>>>> 4,6,16,6,6,6,6,67,20,4,5,5,6,6,4,3,188,112,19,91,29,80,54,72,35,76,36,28,25,
>>>>
>>>>
>>>> 35,4,6,5,6,34,3,5,6,5,7,1,18,4,6,5,5,6,47,4,4,6,6,6,40,6,5,7,5,7,44,24,5,6,4
>>>>
>>>>
>>>> 1,35,5,6,6,5,5,43,7,6,6,4,13,36,5,8,6,5,4,43,6,4,20,29,37,7,6,6,6,26,17,7,6,
>>>>
>>>>
>>>> 6,4,6,0,16,5,6,6,6,29,16,5,6,6,6,29,15,5,6,6,4,6,2,18,7,7,5,8,26,18,4,6,6,6,
>>>>
>>>>
>>>> 28,17,4,7,6,6,27,42,15,6,20,25,15,5,5,5,6,31,15,6,5,5,6,36,15,101,9,15,3,7,4
>>>> ,7,4,15,21,6,21,19,8,37,5,6,6,4,13,17,8,20,5,4
>>>>
>>>>
>>>> #2
>>>> onT2 - To compensate for the difference, I decide that for every 30ms
>>>> that
>>>> have passed the MovieClip should increment the correct amount ( 1 pixel
>>>> ).
>>>> When the tick occurs, I subtract the stored time (lastTick2) from the
>>>> current time giving me the most accurate elapsed time. Dividing by the
>>>> tick
>>>> time gives me a percentage of my expected elapsed time. Multiplying that
>>>> value by the speed produces the most accurate change over time.
>>>>
>>>> #3
>>>> onT3 - Because I can assume speed based on elapsed time is the most
>>>> accurate, it won't matter when I call the function as long as it happens
>>>> once per frame. So onT3 just uses the ENTER_FRAME event to calculate
>>>> speed
>>>> based on elapsed time using lastTick3.
>>>>
>>>> Here is another example that is commented a bit better and should make
>>>> all
>>>> this very apparent.
>>>>
>>>> stage.align = "TL";
>>>> stage.scaleMode = "noScale";
>>>> stage.addEventListener ( Event.ENTER_FRAME, onFrame );
>>>>
>>>> //  for every (stepTime)ms move (stepRate)pixels
>>>> var stepTime:int = 30; var stepRate:int = 1;
>>>> var time:int = getTimer();
>>>>
>>>> function onFrame ( e:Event ):void {
>>>>   //  time since last frame
>>>>   var elapsedTime:int = getTimer() - time;
>>>>
>>>>   //  store current time for the next check
>>>>   time = getTimer();
>>>>
>>>>   //  percentage of expected time
>>>>   var timePercentage:Number = elapsedTime / stepTime;
>>>>
>>>>   //  rate compensation
>>>>   var movement:Number = timePercentage * stepRate;
>>>>
>>>>   //  

Re: [Flashcoders] Tweening text more smoothly - AS3

[EECOLOR]

ce from expected 30ms
> >>
> >>
> >>
> 17,8,6,6,6,6,6,8,6,5,5,6,6,4,6,12,6,5,5,6,5,7,10,6,6,6,6,6,24,6,7,5,4,6,8,8,
> >>
> >>
> 6,6,6,6,39,9,5,6,5,6,6,12,14,6,6,5,6,5,33,7,3,6,5,7,10,0,5,4,6,62,25,36,5,6,
> >>
> >>
> 4,6,16,6,6,6,6,67,20,4,5,5,6,6,4,3,188,112,19,91,29,80,54,72,35,76,36,28,25,
> >>
> >>
> 35,4,6,5,6,34,3,5,6,5,7,1,18,4,6,5,5,6,47,4,4,6,6,6,40,6,5,7,5,7,44,24,5,6,4
> >>
> >>
> 1,35,5,6,6,5,5,43,7,6,6,4,13,36,5,8,6,5,4,43,6,4,20,29,37,7,6,6,6,26,17,7,6,
> >>
> >>
> 6,4,6,0,16,5,6,6,6,29,16,5,6,6,6,29,15,5,6,6,4,6,2,18,7,7,5,8,26,18,4,6,6,6,
> >>
> >>
> 28,17,4,7,6,6,27,42,15,6,20,25,15,5,5,5,6,31,15,6,5,5,6,36,15,101,9,15,3,7,4
> >> ,7,4,15,21,6,21,19,8,37,5,6,6,4,13,17,8,20,5,4
> >>
> >>
> >> #2
> >> onT2 - To compensate for the difference, I decide that for every 30ms
> that
> >> have passed the MovieClip should increment the correct amount ( 1 pixel
> ).
> >> When the tick occurs, I subtract the stored time (lastTick2) from the
> >> current time giving me the most accurate elapsed time. Dividing by the
> >> tick
> >> time gives me a percentage of my expected elapsed time. Multiplying that
> >> value by the speed produces the most accurate change over time.
> >>
> >> #3
> >> onT3 - Because I can assume speed based on elapsed time is the most
> >> accurate, it won't matter when I call the function as long as it happens
> >> once per frame. So onT3 just uses the ENTER_FRAME event to calculate
> speed
> >> based on elapsed time using lastTick3.
> >>
> >> Here is another example that is commented a bit better and should make
> all
> >> this very apparent.
> >>
> >> stage.align = "TL";
> >> stage.scaleMode = "noScale";
> >> stage.addEventListener ( Event.ENTER_FRAME, onFrame );
> >>
> >> //  for every (stepTime)ms move (stepRate)pixels
> >> var stepTime:int = 30; var stepRate:int = 1;
> >> var time:int = getTimer();
> >>
> >> function onFrame ( e:Event ):void {
> >>//  time since last frame
> >>var elapsedTime:int = getTimer() - time;
> >>
> >>//  store current time for the next check
> >>time = getTimer();
> >>
> >>//  percentage of expected time
> >>var timePercentage:Number = elapsedTime / stepTime;
> >>
> >>//  rate compensation
> >>var movement:Number = timePercentage * stepRate;
> >>
> >>//  move mc
> >>mc.x += movement;
> >>
> >>//  wrap if off the stage
> >>if ( mc.x > stage.stageWidth ) mc.x = 0;
> >> }
> >>
> >>
> >> Hasta!
> >> Jesse
> >>
> >>
> >> -Original Message-
> >> From: [EMAIL PROTECTED]
> >> [mailto:[EMAIL PROTECTED] On Behalf Of laurent
> >> Sent: Saturday, May 24, 2008 2:13 AM
> >> To: Flash Coders List
> >> Subject: Re: [Flashcoders] Tweening text more smoothly - AS3
> >>
> >>
> >> :) I just read about wraping using modulus on Grant Skinner's blog:
> >>
> >> sprite.x = (sprite.x + 5) % stage.stageWidth;
> >>
> >> And then get where was that checkWrap methods :]
> >> Still I'm interested in the onT methods...I don't think I will get them
> >> before Grant's next post.
> >>
> >> the article about using modulus:
> >> http://www.gskinner.com/blog/archives/2008/05/core_as3_modulu.html
> >>
> >>  L
> >>
> >> Jesse Graupmann a écrit :
> >>
> >>
> >>> Maybe converting the actual time elapsed to a constant rate of motion
> >>>
> >>>
> >> could
> >>
> >>
> >>> help... who knows?
> >>>
> >>>
> >>> stage.align = "TL";
> >>> stage.scaleMode = "noScale";
> >>>
> >>> function checkWrap ( o:DisplayObject ):void
> >>> {
> >>>if ( o.x > stage.stageWidth ) o.x = 0;
> >>> }
> >>>
> >>> var speed:Number = 1;
> >>> var tick:Number = 30;
> >>> var lastTick2:Number = getTimer();
> >>> var lastTick3:Number = getTimer();
> >>> var t:Timer = new Timer(tick);
> >>> var t2:Timer = new Timer(tick);
> >>>
> >>> t.addEventListener( TimerEvent.TIMER, onT );
> >>> t2.addEventListener( TimerEvent.TIMER, onT2 );
> >>> stage.addEventListener( Event.ENTER_FRAME, onT3 );
> >>> t.start();
> >>> t2.start();
> >>>
> >>>
> >>> function onT( e:TimerEvent ):void
> >>> {
> >>>//  timer
> >>>mc.x += speed;
> >>>checkWrap ( mc );
> >>> }
> >>>
> >>>
> >>> function onT2( e:TimerEvent ):void
> >>> {
> >>>//  timer + speed
> >>>mc2.x += (( getTimer() - lastTick2 ) / tick ) * speed;
> >>>lastTick2 = getTimer();
> >>>checkWrap ( mc2 );
> >>> }
> >>>
> >>>
> >>> function onT3( e:Event ):void
> >>> {
> >>>//  enter frame + speed
> >>>mc3.x += (( getTimer() - lastTick3 ) / tick ) * speed;
> >>>lastTick3 = getTimer();
> >>>checkWrap ( mc3 );
> >>> }
> >>>
> >>>
> >>>
> >>
> >>
> >> ___
> >> Flashcoders mailing list
> >> Flashcoders@chattyfig.figleaf.com
> >> http://chattyfig.figleaf.com/mailman/listinfo/flashcoders
> >>
> >>
> >>
> >>
> >
> > ___
> > Flashcoders mailing list
> > Flashcoders@chattyfig.figleaf.com
> > http://chattyfig.figleaf.com/mailman/listinfo/flashcoders
> >
> ___
> Flashcoders mailing list
> Flashcoders@chattyfig.figleaf.com
> http://chattyfig.figleaf.com/mailman/listinfo/flashcoders
>
___
Flashcoders mailing list
Flashcoders@chattyfig.figleaf.com
http://chattyfig.figleaf.com/mailman/listinfo/flashcoders

Re: [Flashcoders] Tweening text more smoothly - AS3

[laurent]

 ( Event.ENTER_FRAME, onFrame );

//  for every (stepTime)ms move (stepRate)pixels
var stepTime:int = 30; var stepRate:int = 1;
var time:int = getTimer();

function onFrame ( e:Event ):void {
   //  time since last frame
   var elapsedTime:int = getTimer() - time;

   //  store current time for the next check
   time = getTimer();

   //  percentage of expected time
   var timePercentage:Number = elapsedTime / stepTime;

   //  rate compensation
   var movement:Number = timePercentage * stepRate;

   //  move mc
   mc.x += movement;

   //  wrap if off the stage
   if ( mc.x > stage.stageWidth ) mc.x = 0;
}


Hasta!
Jesse


-Original Message-
From: [EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED] On Behalf Of laurent
Sent: Saturday, May 24, 2008 2:13 AM
To: Flash Coders List
Subject: Re: [Flashcoders] Tweening text more smoothly - AS3


:) I just read about wraping using modulus on Grant Skinner's blog:

sprite.x = (sprite.x + 5) % stage.stageWidth;

And then get where was that checkWrap methods :]
Still I'm interested in the onT methods...I don't think I will get them
before Grant's next post.

the article about using modulus:
http://www.gskinner.com/blog/archives/2008/05/core_as3_modulu.html

 L

Jesse Graupmann a écrit :


  

Maybe converting the actual time elapsed to a constant rate of motion




could


  

help... who knows?


stage.align = "TL";
stage.scaleMode = "noScale";

function checkWrap ( o:DisplayObject ):void
{
   if ( o.x > stage.stageWidth ) o.x = 0;
}

var speed:Number = 1;
var tick:Number = 30;
var lastTick2:Number = getTimer();
var lastTick3:Number = getTimer();
var t:Timer = new Timer(tick);
var t2:Timer = new Timer(tick);

t.addEventListener( TimerEvent.TIMER, onT );
t2.addEventListener( TimerEvent.TIMER, onT2 );
stage.addEventListener( Event.ENTER_FRAME, onT3 );
t.start();
t2.start();


function onT( e:TimerEvent ):void
{
   //  timer
   mc.x += speed;
   checkWrap ( mc );
}


function onT2( e:TimerEvent ):void
{
   //  timer + speed
   mc2.x += (( getTimer() - lastTick2 ) / tick ) * speed;
   lastTick2 = getTimer();
   checkWrap ( mc2 );
}


function onT3( e:Event ):void
{
   //  enter frame + speed
   mc3.x += (( getTimer() - lastTick3 ) / tick ) * speed;
   lastTick3 = getTimer();
   checkWrap ( mc3 );
}





___
Flashcoders mailing list
Flashcoders@chattyfig.figleaf.com
http://chattyfig.figleaf.com/mailman/listinfo/flashcoders




  

___
Flashcoders mailing list
Flashcoders@chattyfig.figleaf.com
http://chattyfig.figleaf.com/mailman/listinfo/flashcoders



___
Flashcoders mailing list
Flashcoders@chattyfig.figleaf.com
http://chattyfig.figleaf.com/mailman/listinfo/flashcoders


  


___
Flashcoders mailing list
Flashcoders@chattyfig.figleaf.com
http://chattyfig.figleaf.com/mailman/listinfo/flashcoders

Re: [Flashcoders] Tweening text more smoothly - AS3

[Juan Pablo Califano]

giving me the most accurate elapsed time. Dividing by the
>> tick
>> time gives me a percentage of my expected elapsed time. Multiplying that
>> value by the speed produces the most accurate change over time.
>>
>> #3
>> onT3 - Because I can assume speed based on elapsed time is the most
>> accurate, it won't matter when I call the function as long as it happens
>> once per frame. So onT3 just uses the ENTER_FRAME event to calculate speed
>> based on elapsed time using lastTick3.
>>
>> Here is another example that is commented a bit better and should make all
>> this very apparent.
>>
>> stage.align = "TL";
>> stage.scaleMode = "noScale";
>> stage.addEventListener ( Event.ENTER_FRAME, onFrame );
>>
>> //  for every (stepTime)ms move (stepRate)pixels
>> var stepTime:int = 30; var stepRate:int = 1;
>> var time:int = getTimer();
>>
>> function onFrame ( e:Event ):void {
>>//  time since last frame
>>var elapsedTime:int = getTimer() - time;
>>
>>//  store current time for the next check
>>time = getTimer();
>>
>>//  percentage of expected time
>>var timePercentage:Number = elapsedTime / stepTime;
>>
>>//  rate compensation
>>var movement:Number = timePercentage * stepRate;
>>
>>//  move mc
>>mc.x += movement;
>>
>>//  wrap if off the stage
>>if ( mc.x > stage.stageWidth ) mc.x = 0;
>> }
>>
>>
>> Hasta!
>> Jesse
>>
>>
>> -Original Message-
>> From: [EMAIL PROTECTED]
>> [mailto:[EMAIL PROTECTED] On Behalf Of laurent
>> Sent: Saturday, May 24, 2008 2:13 AM
>> To: Flash Coders List
>> Subject: Re: [Flashcoders] Tweening text more smoothly - AS3
>>
>>
>> :) I just read about wraping using modulus on Grant Skinner's blog:
>>
>> sprite.x = (sprite.x + 5) % stage.stageWidth;
>>
>> And then get where was that checkWrap methods :]
>> Still I'm interested in the onT methods...I don't think I will get them
>> before Grant's next post.
>>
>> the article about using modulus:
>> http://www.gskinner.com/blog/archives/2008/05/core_as3_modulu.html
>>
>>  L
>>
>> Jesse Graupmann a écrit :
>>
>>
>>> Maybe converting the actual time elapsed to a constant rate of motion
>>>
>>>
>> could
>>
>>
>>> help... who knows?
>>>
>>>
>>> stage.align = "TL";
>>> stage.scaleMode = "noScale";
>>>
>>> function checkWrap ( o:DisplayObject ):void
>>> {
>>>if ( o.x > stage.stageWidth ) o.x = 0;
>>> }
>>>
>>> var speed:Number = 1;
>>> var tick:Number = 30;
>>> var lastTick2:Number = getTimer();
>>> var lastTick3:Number = getTimer();
>>> var t:Timer = new Timer(tick);
>>> var t2:Timer = new Timer(tick);
>>>
>>> t.addEventListener( TimerEvent.TIMER, onT );
>>> t2.addEventListener( TimerEvent.TIMER, onT2 );
>>> stage.addEventListener( Event.ENTER_FRAME, onT3 );
>>> t.start();
>>> t2.start();
>>>
>>>
>>> function onT( e:TimerEvent ):void
>>> {
>>>//  timer
>>>mc.x += speed;
>>>checkWrap ( mc );
>>> }
>>>
>>>
>>> function onT2( e:TimerEvent ):void
>>> {
>>>//  timer + speed
>>>mc2.x += (( getTimer() - lastTick2 ) / tick ) * speed;
>>>lastTick2 = getTimer();
>>>checkWrap ( mc2 );
>>> }
>>>
>>>
>>> function onT3( e:Event ):void
>>> {
>>>//  enter frame + speed
>>>mc3.x += (( getTimer() - lastTick3 ) / tick ) * speed;
>>>lastTick3 = getTimer();
>>>checkWrap ( mc3 );
>>> }
>>>
>>>
>>>
>>
>>
>> ___
>> Flashcoders mailing list
>> Flashcoders@chattyfig.figleaf.com
>> http://chattyfig.figleaf.com/mailman/listinfo/flashcoders
>>
>>
>>
>>
>
> ___
> Flashcoders mailing list
> Flashcoders@chattyfig.figleaf.com
> http://chattyfig.figleaf.com/mailman/listinfo/flashcoders
>
___
Flashcoders mailing list
Flashcoders@chattyfig.figleaf.com
http://chattyfig.figleaf.com/mailman/listinfo/flashcoders

Re: [Flashcoders] Tweening text more smoothly - AS3

[Pedro Kostelec]

Ther is something that i don't like here. Sorry for changing the subject.
It's the Zoom in /Zoom out
When i click zoom in it works but it doesn't de-zoom when you click Zo0om
out.

Does someone know why is that so?

On Thu, May 22, 2008 at 11:57 AM, Vayu Robins <[EMAIL PROTECTED]> wrote:

> Hej.
>
> I am wondering if there is anything that could be done to improve the
> panning/scrolling/tweening of the news items at the bottom of the this
> page:
>
> http://flashkompagniet.dk/flash/main.php
>
> I am running a timer at 20 milliseconds Timer(20, 0);
>
> And the news items are being moved a 1px everytime the timer event is
> dispatched.
>
> I dont think they are runnning very smoothly.  Is that just me or does
> anyone else see that too.
>
> Can anything be done?
>
> Thanks
> Vayu
>
>
> ___
> Flashcoders mailing list
> Flashcoders@chattyfig.figleaf.com
> http://chattyfig.figleaf.com/mailman/listinfo/flashcoders
>



-- 
Pedro D.K.
___
Flashcoders mailing list
Flashcoders@chattyfig.figleaf.com
http://chattyfig.figleaf.com/mailman/listinfo/flashcoders

Re: [Flashcoders] Tweening text more smoothly - AS3

[laurent]

Thanks Jesse for the neat explanation, it all make sense, that's a 
clever trick to get a smooth movement of this type where tweening is not 
a solution.
That can be applied to other things just to get the right value to 
change. Very good to know that enter Frame and Timer are approximations.
I use modulo for rowing too and int() instead of Math.floor() as it's 
faster. ;)


L

Jesse Graupmann a écrit :

@Laurent

So modulus is great and slow from what I've read. I tend to use it in row/
column calculation rather than wrapping a MovieClip position.

var num:int = 6;
var cols:int = 3;

for ( var i:int = 0; i < num; i++ ) 
{

var row:int = Math.floor( i / cols );
var col:int = i % cols;

trace ( "i: " + i + "\trow:" + row + "\tcol:" + col );
}

i: 0row:0   col:0
i: 1row:0   col:1
i: 2row:0   col:2
i: 3row:1   col:0
i: 4row:1   col:1
i: 5row:1   col:2


In the previous post I'm moving a MovieClip to the right X.X pixels and when
its position is off the screen I reset it back to 0. If I used the modulus
method, the movement would always be rounded numbers and appear jerkier than
this experiment requires. I'm actually hoping to round to the nearest twip.


As for the examples themselves


#1
onT is a timer tick. So about every 30ms it will move the MovieClip X pixels
based on speed. Because Timers are never accurate to what you expect ( they
only get as close as they can - see below ) onT will always be dragging
behind the other two methods and moving at varied speeds. 



//  Elapsed time from a tick on var t:Timer = new Timer(30);

47,38,36,36,36,36,36,38,36,35,35,36,36,34,36,42,36,35,35,36,35,37,40,36,36,3
6,36,36,54,36,37,35,34,36,38,38,36,36,36,36,69,39,35,36,35,36,36,42,44,36,36
,35,36,35,63,37,33,36,35,37,40,30,35,34,36,92,55,66,35,36,34,36,46,36,36,36,
36,97,50,34,35,35,36,36,34,33,218,142,49,121,59,110,84,102,65,106,66,58,55,6
5,34,36,35,36,64,33,35,36,35,37,31,48,34,36,35,35,36,77,34,34,36,36,36,70,36
,35,37,35,37,74,54,35,36,71,65,35,36,36,35,35,73,37,36,36,34,43,66,35,38,36,
35,34,73,36,34,50,59,67,37,36,36,36,56,47,37,36,36,34,36,30,46,35,36,36,36,5
9,46,35,36,36,36,59,45,35,36,36,34,36,32,48,37,37,35,38,56,48,34,36,36,36,58
,47,34,37,36,36,57,72,45,36,50,55,45,35,35,35,36,61,45,36,35,35,36,66,45,131
,39,45,33,37,34,37,34,45,51,36,51,49,38,67,35,36,36,34,43,47,38,50,35,34

//  Difference from expected 30ms

17,8,6,6,6,6,6,8,6,5,5,6,6,4,6,12,6,5,5,6,5,7,10,6,6,6,6,6,24,6,7,5,4,6,8,8,
6,6,6,6,39,9,5,6,5,6,6,12,14,6,6,5,6,5,33,7,3,6,5,7,10,0,5,4,6,62,25,36,5,6,
4,6,16,6,6,6,6,67,20,4,5,5,6,6,4,3,188,112,19,91,29,80,54,72,35,76,36,28,25,
35,4,6,5,6,34,3,5,6,5,7,1,18,4,6,5,5,6,47,4,4,6,6,6,40,6,5,7,5,7,44,24,5,6,4
1,35,5,6,6,5,5,43,7,6,6,4,13,36,5,8,6,5,4,43,6,4,20,29,37,7,6,6,6,26,17,7,6,
6,4,6,0,16,5,6,6,6,29,16,5,6,6,6,29,15,5,6,6,4,6,2,18,7,7,5,8,26,18,4,6,6,6,
28,17,4,7,6,6,27,42,15,6,20,25,15,5,5,5,6,31,15,6,5,5,6,36,15,101,9,15,3,7,4
,7,4,15,21,6,21,19,8,37,5,6,6,4,13,17,8,20,5,4


#2
onT2 - To compensate for the difference, I decide that for every 30ms that
have passed the MovieClip should increment the correct amount ( 1 pixel ).
When the tick occurs, I subtract the stored time (lastTick2) from the
current time giving me the most accurate elapsed time. Dividing by the tick
time gives me a percentage of my expected elapsed time. Multiplying that
value by the speed produces the most accurate change over time.

#3
onT3 - Because I can assume speed based on elapsed time is the most
accurate, it won't matter when I call the function as long as it happens
once per frame. So onT3 just uses the ENTER_FRAME event to calculate speed
based on elapsed time using lastTick3.

Here is another example that is commented a bit better and should make all
this very apparent.

stage.align = "TL";
stage.scaleMode = "noScale";
stage.addEventListener ( Event.ENTER_FRAME, onFrame );

//  for every (stepTime)ms move (stepRate)pixels
var stepTime:int = 30; 
var stepRate:int = 1;

var time:int = getTimer();

function onFrame ( e:Event ):void 
{

//  time since last frame
var elapsedTime:int = getTimer() - time;

//  store current time for the next check
time = getTimer();

//  percentage of expected time
var timePercentage:Number = elapsedTime / stepTime;

//  rate compensation
var movement:Number = timePercentage * stepRate;

//  move mc
mc.x += movement;

//  wrap if off the stage
if ( mc.x > stage.stageWidth ) mc.x = 0;
}


Hasta!
Jesse


-Original Message-
From: [EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED] On Behalf Of laurent
Sent: Saturday, May 24, 2008 2:13 AM
To: Flash Coders List
Subject: Re: [Flashcoders] Tweening text more smoothly - AS3


:) I just read about wraping using modulus on Gr

RE: [Flashcoders] Tweening text more smoothly - AS3

[Jesse Graupmann]

@Laurent

So modulus is great and slow from what I've read. I tend to use it in row/
column calculation rather than wrapping a MovieClip position.

var num:int = 6;
var cols:int = 3;

for ( var i:int = 0; i < num; i++ ) 
{
var row:int = Math.floor( i / cols );
var col:int = i % cols;

trace ( "i: " + i + "\trow:" + row + "\tcol:" + col );
}

i: 0row:0   col:0
i: 1row:0   col:1
i: 2row:0   col:2
i: 3row:1   col:0
i: 4row:1   col:1
i: 5row:1   col:2


In the previous post I'm moving a MovieClip to the right X.X pixels and when
its position is off the screen I reset it back to 0. If I used the modulus
method, the movement would always be rounded numbers and appear jerkier than
this experiment requires. I'm actually hoping to round to the nearest twip.


As for the examples themselves


#1
onT is a timer tick. So about every 30ms it will move the MovieClip X pixels
based on speed. Because Timers are never accurate to what you expect ( they
only get as close as they can - see below ) onT will always be dragging
behind the other two methods and moving at varied speeds. 


//  Elapsed time from a tick on var t:Timer = new Timer(30);

47,38,36,36,36,36,36,38,36,35,35,36,36,34,36,42,36,35,35,36,35,37,40,36,36,3
6,36,36,54,36,37,35,34,36,38,38,36,36,36,36,69,39,35,36,35,36,36,42,44,36,36
,35,36,35,63,37,33,36,35,37,40,30,35,34,36,92,55,66,35,36,34,36,46,36,36,36,
36,97,50,34,35,35,36,36,34,33,218,142,49,121,59,110,84,102,65,106,66,58,55,6
5,34,36,35,36,64,33,35,36,35,37,31,48,34,36,35,35,36,77,34,34,36,36,36,70,36
,35,37,35,37,74,54,35,36,71,65,35,36,36,35,35,73,37,36,36,34,43,66,35,38,36,
35,34,73,36,34,50,59,67,37,36,36,36,56,47,37,36,36,34,36,30,46,35,36,36,36,5
9,46,35,36,36,36,59,45,35,36,36,34,36,32,48,37,37,35,38,56,48,34,36,36,36,58
,47,34,37,36,36,57,72,45,36,50,55,45,35,35,35,36,61,45,36,35,35,36,66,45,131
,39,45,33,37,34,37,34,45,51,36,51,49,38,67,35,36,36,34,43,47,38,50,35,34

//  Difference from expected 30ms

17,8,6,6,6,6,6,8,6,5,5,6,6,4,6,12,6,5,5,6,5,7,10,6,6,6,6,6,24,6,7,5,4,6,8,8,
6,6,6,6,39,9,5,6,5,6,6,12,14,6,6,5,6,5,33,7,3,6,5,7,10,0,5,4,6,62,25,36,5,6,
4,6,16,6,6,6,6,67,20,4,5,5,6,6,4,3,188,112,19,91,29,80,54,72,35,76,36,28,25,
35,4,6,5,6,34,3,5,6,5,7,1,18,4,6,5,5,6,47,4,4,6,6,6,40,6,5,7,5,7,44,24,5,6,4
1,35,5,6,6,5,5,43,7,6,6,4,13,36,5,8,6,5,4,43,6,4,20,29,37,7,6,6,6,26,17,7,6,
6,4,6,0,16,5,6,6,6,29,16,5,6,6,6,29,15,5,6,6,4,6,2,18,7,7,5,8,26,18,4,6,6,6,
28,17,4,7,6,6,27,42,15,6,20,25,15,5,5,5,6,31,15,6,5,5,6,36,15,101,9,15,3,7,4
,7,4,15,21,6,21,19,8,37,5,6,6,4,13,17,8,20,5,4


#2
onT2 - To compensate for the difference, I decide that for every 30ms that
have passed the MovieClip should increment the correct amount ( 1 pixel ).
When the tick occurs, I subtract the stored time (lastTick2) from the
current time giving me the most accurate elapsed time. Dividing by the tick
time gives me a percentage of my expected elapsed time. Multiplying that
value by the speed produces the most accurate change over time.

#3
onT3 - Because I can assume speed based on elapsed time is the most
accurate, it won't matter when I call the function as long as it happens
once per frame. So onT3 just uses the ENTER_FRAME event to calculate speed
based on elapsed time using lastTick3.

Here is another example that is commented a bit better and should make all
this very apparent.

stage.align = "TL";
stage.scaleMode = "noScale";
stage.addEventListener ( Event.ENTER_FRAME, onFrame );

//  for every (stepTime)ms move (stepRate)pixels
var stepTime:int = 30; 
var stepRate:int = 1;
var time:int = getTimer();

function onFrame ( e:Event ):void 
{
//  time since last frame
var elapsedTime:int = getTimer() - time;

//  store current time for the next check
time = getTimer();

//  percentage of expected time
var timePercentage:Number = elapsedTime / stepTime;

//  rate compensation
var movement:Number = timePercentage * stepRate;

//  move mc
mc.x += movement;

//  wrap if off the stage
if ( mc.x > stage.stageWidth ) mc.x = 0;
}


Hasta!
Jesse


-Original Message-
From: [EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED] On Behalf Of laurent
Sent: Saturday, May 24, 2008 2:13 AM
To: Flash Coders List
Subject: Re: [Flashcoders] Tweening text more smoothly - AS3


:) I just read about wraping using modulus on Grant Skinner's blog:

sprite.x = (sprite.x + 5) % stage.stageWidth;

And then get where was that checkWrap methods :]
Still I'm interested in the onT methods...I don't think I will get them
before Grant's next post.

the article about using modulus:
http://www.gskinner.com/blog/archives/2008/05/core_as3_modulu.html

 L

Jesse Graupmann a écrit :
> Maybe converting the actual time elapsed to a consta

Re: [Flashcoders] Tweening text more smoothly - AS3

[laurent]

:) I just read about wraping using modulus on Grant Skinner's blog:

sprite.x = (sprite.x + 5) % stage.stageWidth;

And then get where was that checkWrap methods :]
Still I'm interested in the onT methods...I don't think I will get them before 
Grant's next post.

the article about using modulus:
http://www.gskinner.com/blog/archives/2008/05/core_as3_modulu.html

L

Jesse Graupmann a écrit :

Maybe converting the actual time elapsed to a constant rate of motion could
help... who knows?


stage.align = "TL";
stage.scaleMode = "noScale";

function checkWrap ( o:DisplayObject ):void
{
if ( o.x > stage.stageWidth ) o.x = 0;
}

var speed:Number = 1;
var tick:Number = 30;
var lastTick2:Number = getTimer();
var lastTick3:Number = getTimer();
var t:Timer = new Timer(tick);
var t2:Timer = new Timer(tick);

t.addEventListener( TimerEvent.TIMER, onT );
t2.addEventListener( TimerEvent.TIMER, onT2 );
stage.addEventListener( Event.ENTER_FRAME, onT3 );
t.start();
t2.start();


function onT( e:TimerEvent ):void
{
//  timer
mc.x += speed;
checkWrap ( mc );
}


function onT2( e:TimerEvent ):void
{
//  timer + speed
mc2.x += (( getTimer() - lastTick2 ) / tick ) * speed;
lastTick2 = getTimer();
checkWrap ( mc2 );
}


function onT3( e:Event ):void
{
//  enter frame + speed
mc3.x += (( getTimer() - lastTick3 ) / tick ) * speed;
lastTick3 = getTimer();
checkWrap ( mc3 );
}


-Original Message-
From: [EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED] On Behalf Of jonathan
howe
Sent: Friday, May 23, 2008 3:53 AM
To: Flash Coders List
Subject: Re: [Flashcoders] Tweening text more smoothly - AS3

Apologies if this has already been mentioned... I discarded some of the
original posts.

If you are using a timer with a delay that does divide evenly to your frame
rate, it stands to reason that some screen updates the item will have
traveled more pixels than others.

Example: Frame rate 24 fps roughly equals .042  updates per second:

Frame 1 (.000) : Timer fires at .02, .04
Frame 2 (.042) : Timer fires at .06, .08
...
Frame 10 (.380) : Timer fires at .38, .40, .42
Frame 11 (.422) : Timer fires at .44, .46

So in this example, every ten frames/screen updates you're jumping an extra
pixel. Therefore either keeping framelength % updatedelay = 0, or forcing
screen update with updateAfterEvent() might solve the problem.

Again, sorry if someone already mentioned this.

-jonathan


On Fri, May 23, 2008 at 5:59 AM, EECOLOR <[EMAIL PROTECTED]> wrote:

  

You could create a bitmap using BitmapData.draw. Add that to your display
list, set cacheAsBitmap to true and things should run smootly.

Not sure if it works, but it is just another suggestion.


Greetz Erik

On 5/22/08, Vayu Robins <[EMAIL PROTECTED]> wrote:


Hej.

I am wondering if there is anything that could be done to improve the
panning/scrolling/tweening of the news items at the bottom of the this
page:

http://flashkompagniet.dk/flash/main.php

I am running a timer at 20 milliseconds Timer(20, 0);

And the news items are being moved a 1px everytime the timer event is
dispatched.

I dont think they are runnning very smoothly.  Is that just me or does
anyone else see that too.

Can anything be done?

Thanks
Vayu


___
Flashcoders mailing list
Flashcoders@chattyfig.figleaf.com
http://chattyfig.figleaf.com/mailman/listinfo/flashcoders

  

___
Flashcoders mailing list
Flashcoders@chattyfig.figleaf.com
http://chattyfig.figleaf.com/mailman/listinfo/flashcoders






  


___
Flashcoders mailing list
Flashcoders@chattyfig.figleaf.com
http://chattyfig.figleaf.com/mailman/listinfo/flashcoders

Re: [Flashcoders] Tweening text more smoothly - AS3

[laurent]

Hey Jess,
that's interesting, can you explain what's going on there with onT, 
onT2, onT3 and what is checkWrap ?


ty
L

Jesse Graupmann a écrit :

Maybe converting the actual time elapsed to a constant rate of motion could
help... who knows?


stage.align = "TL";
stage.scaleMode = "noScale";

function checkWrap ( o:DisplayObject ):void
{
if ( o.x > stage.stageWidth ) o.x = 0;
}

var speed:Number = 1;
var tick:Number = 30;
var lastTick2:Number = getTimer();
var lastTick3:Number = getTimer();
var t:Timer = new Timer(tick);
var t2:Timer = new Timer(tick);

t.addEventListener( TimerEvent.TIMER, onT );
t2.addEventListener( TimerEvent.TIMER, onT2 );
stage.addEventListener( Event.ENTER_FRAME, onT3 );
t.start();
t2.start();


function onT( e:TimerEvent ):void
{
//  timer
mc.x += speed;
checkWrap ( mc );
}


function onT2( e:TimerEvent ):void
{
//  timer + speed
mc2.x += (( getTimer() - lastTick2 ) / tick ) * speed;
lastTick2 = getTimer();
checkWrap ( mc2 );
}


function onT3( e:Event ):void
{
//  enter frame + speed
mc3.x += (( getTimer() - lastTick3 ) / tick ) * speed;
lastTick3 = getTimer();
checkWrap ( mc3 );
}


-Original Message-
From: [EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED] On Behalf Of jonathan
howe
Sent: Friday, May 23, 2008 3:53 AM
To: Flash Coders List
Subject: Re: [Flashcoders] Tweening text more smoothly - AS3

Apologies if this has already been mentioned... I discarded some of the
original posts.

If you are using a timer with a delay that does divide evenly to your frame
rate, it stands to reason that some screen updates the item will have
traveled more pixels than others.

Example: Frame rate 24 fps roughly equals .042  updates per second:

Frame 1 (.000) : Timer fires at .02, .04
Frame 2 (.042) : Timer fires at .06, .08
...
Frame 10 (.380) : Timer fires at .38, .40, .42
Frame 11 (.422) : Timer fires at .44, .46

So in this example, every ten frames/screen updates you're jumping an extra
pixel. Therefore either keeping framelength % updatedelay = 0, or forcing
screen update with updateAfterEvent() might solve the problem.

Again, sorry if someone already mentioned this.

-jonathan


On Fri, May 23, 2008 at 5:59 AM, EECOLOR <[EMAIL PROTECTED]> wrote:

  

You could create a bitmap using BitmapData.draw. Add that to your display
list, set cacheAsBitmap to true and things should run smootly.

Not sure if it works, but it is just another suggestion.


Greetz Erik

On 5/22/08, Vayu Robins <[EMAIL PROTECTED]> wrote:


Hej.

I am wondering if there is anything that could be done to improve the
panning/scrolling/tweening of the news items at the bottom of the this
page:

http://flashkompagniet.dk/flash/main.php

I am running a timer at 20 milliseconds Timer(20, 0);

And the news items are being moved a 1px everytime the timer event is
dispatched.

I dont think they are runnning very smoothly.  Is that just me or does
anyone else see that too.

Can anything be done?

Thanks
Vayu


___
Flashcoders mailing list
Flashcoders@chattyfig.figleaf.com
http://chattyfig.figleaf.com/mailman/listinfo/flashcoders

  

___
Flashcoders mailing list
Flashcoders@chattyfig.figleaf.com
http://chattyfig.figleaf.com/mailman/listinfo/flashcoders






  


___
Flashcoders mailing list
Flashcoders@chattyfig.figleaf.com
http://chattyfig.figleaf.com/mailman/listinfo/flashcoders

RE: [Flashcoders] Tweening text more smoothly - AS3

[Jesse Graupmann]

Maybe converting the actual time elapsed to a constant rate of motion could
help... who knows?


stage.align = "TL";
stage.scaleMode = "noScale";

function checkWrap ( o:DisplayObject ):void
{
if ( o.x > stage.stageWidth ) o.x = 0;
}

var speed:Number = 1;
var tick:Number = 30;
var lastTick2:Number = getTimer();
var lastTick3:Number = getTimer();
var t:Timer = new Timer(tick);
var t2:Timer = new Timer(tick);

t.addEventListener( TimerEvent.TIMER, onT );
t2.addEventListener( TimerEvent.TIMER, onT2 );
stage.addEventListener( Event.ENTER_FRAME, onT3 );
t.start();
t2.start();


function onT( e:TimerEvent ):void
{
//  timer
mc.x += speed;
checkWrap ( mc );
}


function onT2( e:TimerEvent ):void
{
//  timer + speed
mc2.x += (( getTimer() - lastTick2 ) / tick ) * speed;
lastTick2 = getTimer();
checkWrap ( mc2 );
}


function onT3( e:Event ):void
{
//  enter frame + speed
mc3.x += (( getTimer() - lastTick3 ) / tick ) * speed;
lastTick3 = getTimer();
checkWrap ( mc3 );
}


-Original Message-
From: [EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED] On Behalf Of jonathan
howe
Sent: Friday, May 23, 2008 3:53 AM
To: Flash Coders List
Subject: Re: [Flashcoders] Tweening text more smoothly - AS3

Apologies if this has already been mentioned... I discarded some of the
original posts.

If you are using a timer with a delay that does divide evenly to your frame
rate, it stands to reason that some screen updates the item will have
traveled more pixels than others.

Example: Frame rate 24 fps roughly equals .042  updates per second:

Frame 1 (.000) : Timer fires at .02, .04
Frame 2 (.042) : Timer fires at .06, .08
...
Frame 10 (.380) : Timer fires at .38, .40, .42
Frame 11 (.422) : Timer fires at .44, .46

So in this example, every ten frames/screen updates you're jumping an extra
pixel. Therefore either keeping framelength % updatedelay = 0, or forcing
screen update with updateAfterEvent() might solve the problem.

Again, sorry if someone already mentioned this.

-jonathan


On Fri, May 23, 2008 at 5:59 AM, EECOLOR <[EMAIL PROTECTED]> wrote:

> You could create a bitmap using BitmapData.draw. Add that to your display
> list, set cacheAsBitmap to true and things should run smootly.
>
> Not sure if it works, but it is just another suggestion.
>
>
> Greetz Erik
>
> On 5/22/08, Vayu Robins <[EMAIL PROTECTED]> wrote:
> >
> > Hej.
> >
> > I am wondering if there is anything that could be done to improve the
> > panning/scrolling/tweening of the news items at the bottom of the this
> > page:
> >
> > http://flashkompagniet.dk/flash/main.php
> >
> > I am running a timer at 20 milliseconds Timer(20, 0);
> >
> > And the news items are being moved a 1px everytime the timer event is
> > dispatched.
> >
> > I dont think they are runnning very smoothly.  Is that just me or does
> > anyone else see that too.
> >
> > Can anything be done?
> >
> > Thanks
> > Vayu
> >
> >
> > ___
> > Flashcoders mailing list
> > Flashcoders@chattyfig.figleaf.com
> > http://chattyfig.figleaf.com/mailman/listinfo/flashcoders
> >
> ___
> Flashcoders mailing list
> Flashcoders@chattyfig.figleaf.com
> http://chattyfig.figleaf.com/mailman/listinfo/flashcoders
>



-- 
-jonathan howe :: 404.434.2321 :: 180 High St Apt 26 Portland, ME 04101
___
Flashcoders mailing list
Flashcoders@chattyfig.figleaf.com
http://chattyfig.figleaf.com/mailman/listinfo/flashcoders

___
Flashcoders mailing list
Flashcoders@chattyfig.figleaf.com
http://chattyfig.figleaf.com/mailman/listinfo/flashcoders

Re: [Flashcoders] Tweening text more smoothly - AS3

[jonathan howe]

Apologies if this has already been mentioned... I discarded some of the
original posts.

If you are using a timer with a delay that does divide evenly to your frame
rate, it stands to reason that some screen updates the item will have
traveled more pixels than others.

Example: Frame rate 24 fps roughly equals .042  updates per second:

Frame 1 (.000) : Timer fires at .02, .04
Frame 2 (.042) : Timer fires at .06, .08
...
Frame 10 (.380) : Timer fires at .38, .40, .42
Frame 11 (.422) : Timer fires at .44, .46

So in this example, every ten frames/screen updates you're jumping an extra
pixel. Therefore either keeping framelength % updatedelay = 0, or forcing
screen update with updateAfterEvent() might solve the problem.

Again, sorry if someone already mentioned this.

-jonathan


On Fri, May 23, 2008 at 5:59 AM, EECOLOR <[EMAIL PROTECTED]> wrote:

> You could create a bitmap using BitmapData.draw. Add that to your display
> list, set cacheAsBitmap to true and things should run smootly.
>
> Not sure if it works, but it is just another suggestion.
>
>
> Greetz Erik
>
> On 5/22/08, Vayu Robins <[EMAIL PROTECTED]> wrote:
> >
> > Hej.
> >
> > I am wondering if there is anything that could be done to improve the
> > panning/scrolling/tweening of the news items at the bottom of the this
> > page:
> >
> > http://flashkompagniet.dk/flash/main.php
> >
> > I am running a timer at 20 milliseconds Timer(20, 0);
> >
> > And the news items are being moved a 1px everytime the timer event is
> > dispatched.
> >
> > I dont think they are runnning very smoothly.  Is that just me or does
> > anyone else see that too.
> >
> > Can anything be done?
> >
> > Thanks
> > Vayu
> >
> >
> > ___
> > Flashcoders mailing list
> > Flashcoders@chattyfig.figleaf.com
> > http://chattyfig.figleaf.com/mailman/listinfo/flashcoders
> >
> ___
> Flashcoders mailing list
> Flashcoders@chattyfig.figleaf.com
> http://chattyfig.figleaf.com/mailman/listinfo/flashcoders
>



-- 
-jonathan howe :: 404.434.2321 :: 180 High St Apt 26 Portland, ME 04101
___
Flashcoders mailing list
Flashcoders@chattyfig.figleaf.com
http://chattyfig.figleaf.com/mailman/listinfo/flashcoders

Re: [Flashcoders] Tweening text more smoothly - AS3

[EECOLOR]

You could create a bitmap using BitmapData.draw. Add that to your display
list, set cacheAsBitmap to true and things should run smootly.

Not sure if it works, but it is just another suggestion.


Greetz Erik

On 5/22/08, Vayu Robins <[EMAIL PROTECTED]> wrote:
>
> Hej.
>
> I am wondering if there is anything that could be done to improve the
> panning/scrolling/tweening of the news items at the bottom of the this
> page:
>
> http://flashkompagniet.dk/flash/main.php
>
> I am running a timer at 20 milliseconds Timer(20, 0);
>
> And the news items are being moved a 1px everytime the timer event is
> dispatched.
>
> I dont think they are runnning very smoothly.  Is that just me or does
> anyone else see that too.
>
> Can anything be done?
>
> Thanks
> Vayu
>
>
> ___
> Flashcoders mailing list
> Flashcoders@chattyfig.figleaf.com
> http://chattyfig.figleaf.com/mailman/listinfo/flashcoders
>
___
Flashcoders mailing list
Flashcoders@chattyfig.figleaf.com
http://chattyfig.figleaf.com/mailman/listinfo/flashcoders

Re: [Flashcoders] Tweening text more smoothly - AS3

[Vayu Robins]

Hmmm, setting the wmode to opaque only worked on my local server, but doesnt
seem to have as good an effect on the remote server.


On 5/22/08 2:45 PM, "Martin Klasson" <[EMAIL PROTECTED]> wrote:

> For me I have rescued some projects that is CPU-intensive by setting wmode
> to opaque,
> the reason I tried it was that the FPS was great in Internet Explorer, but
> in Firefox it
> was really down low.
> 
> So that could be tested, might have a positive effect on other non-IE
> browsers and mac as well.
> 
> /m
> 
> 
> 2008/5/22 Cedric Muller <[EMAIL PROTECTED]>:
> 
>> smoother than everything: with Safari, fullscreen mode: I normally always
>> have a stable FPS (which is 1 frame lower than the FPS set), even for big
>> calculations, everything seems more stable and performance is improved.
>> 
>> I always wondered why in Fullscreen mode under Safari (OS X browser) it
>> reaches such a good performance ... :S
>> I tested with Firefox OS X and IE + Firefox for WIndows, none of them does
>> the same
>> 
>>  Yes, your right.  it is a lot smoother in the Flash IDE.
>>> 
>>> 
>>> On 5/22/08 1:34 PM, "Romuald Quantin" <[EMAIL PROTECTED]>
>>> wrote:
>>> 
>>>  It is hard to get a smooth linear movement anyway, because the easing is
>>>> linear you're going to see very well a break in the movement, which can
>>>> happen because of the browser, or whatever. It is probably a lot smoother
>>>> in
>>>> the Flash IDE than in a browser.
>>>> 
>>>> Romu
>>>> 
>>>> -Original Message-
>>>> From: [EMAIL PROTECTED]
>>>> [mailto:[EMAIL PROTECTED] On Behalf Of laurent
>>>> Sent: 22 May 2008 12:16
>>>> To: Flash Coders List
>>>> Subject: Re: [Flashcoders] Tweening text more smoothly - AS3
>>>> 
>>>> 
>>>> It's not just you, it somehow not perfectly smooth.
>>>> 
>>>> perhap an enterframe is smoother or something to do with update after
>>>> event. Or perhaps try 5 pixels every 100ms.
>>>> 
>>>> the background is cool!
>>>> 
>>>> L
>>>> 
>>>> Vayu Robins a écrit :
>>>> 
>>>>> Hej.
>>>>> 
>>>>> I am wondering if there is anything that could be done to improve the
>>>>> panning/scrolling/tweening of the news items at the bottom of the this
>>>>> 
>>>> page:
>>>> 
>>>>> 
>>>>> http://flashkompagniet.dk/flash/main.php
>>>>> 
>>>>> I am running a timer at 20 milliseconds Timer(20, 0);
>>>>> 
>>>>> And the news items are being moved a 1px everytime the timer event is
>>>>> dispatched.
>>>>> 
>>>>> I dont think they are runnning very smoothly.  Is that just me or does
>>>>> anyone else see that too.
>>>>> 
>>>>> Can anything be done?
>>>>> 
>>>>> Thanks
>>>>> Vayu
>>>>> 
>>>>> 
>>>>> ___
>>>>> Flashcoders mailing list
>>>>> Flashcoders@chattyfig.figleaf.com
>>>>> http://chattyfig.figleaf.com/mailman/listinfo/flashcoders
>>>>> 
>>>>> 
>>>>> 
>>>>> 
>>>> ___
>>>> Flashcoders mailing list
>>>> Flashcoders@chattyfig.figleaf.com
>>>> http://chattyfig.figleaf.com/mailman/listinfo/flashcoders
>>>> 
>>>> 
>>>> ___
>>>> Flashcoders mailing list
>>>> Flashcoders@chattyfig.figleaf.com
>>>> http://chattyfig.figleaf.com/mailman/listinfo/flashcoders
>>>> 
>>> 
>>> 
>>> 
>>> ___
>>> Flashcoders mailing list
>>> Flashcoders@chattyfig.figleaf.com
>>> http://chattyfig.figleaf.com/mailman/listinfo/flashcoders
>>> 
>> 
>> 
>> ___
>> Flashcoders mailing list
>> Flashcoders@chattyfig.figleaf.com
>> http://chattyfig.figleaf.com/mailman/listinfo/flashcoders
>> 
> 
> 



___
Flashcoders mailing list
Flashcoders@chattyfig.figleaf.com
http://chattyfig.figleaf.com/mailman/listinfo/flashcoders

Re: [Flashcoders] Tweening text more smoothly - AS3

[Vayu Robins]

Hy, that really worked well.  At least in Firefox.  Havent tested in
other browsers yet.  But setting wmode to opaque oddly enough works for
this.

Great and thanks to everyone for taking their time to look at this for me.
I will still try some of the other things suggested, but havent had the time
yet.

Thanks.
Vayu

On 5/22/08 2:45 PM, "Martin Klasson" <[EMAIL PROTECTED]> wrote:

> For me I have rescued some projects that is CPU-intensive by setting wmode
> to opaque,
> the reason I tried it was that the FPS was great in Internet Explorer, but
> in Firefox it
> was really down low.
> 
> So that could be tested, might have a positive effect on other non-IE
> browsers and mac as well.
> 
> /m
> 
> 
> 2008/5/22 Cedric Muller <[EMAIL PROTECTED]>:
> 
>> smoother than everything: with Safari, fullscreen mode: I normally always
>> have a stable FPS (which is 1 frame lower than the FPS set), even for big
>> calculations, everything seems more stable and performance is improved.
>> 
>> I always wondered why in Fullscreen mode under Safari (OS X browser) it
>> reaches such a good performance ... :S
>> I tested with Firefox OS X and IE + Firefox for WIndows, none of them does
>> the same
>> 
>>  Yes, your right.  it is a lot smoother in the Flash IDE.
>>> 
>>> 
>>> On 5/22/08 1:34 PM, "Romuald Quantin" <[EMAIL PROTECTED]>
>>> wrote:
>>> 
>>>  It is hard to get a smooth linear movement anyway, because the easing is
>>>> linear you're going to see very well a break in the movement, which can
>>>> happen because of the browser, or whatever. It is probably a lot smoother
>>>> in
>>>> the Flash IDE than in a browser.
>>>> 
>>>> Romu
>>>> 
>>>> -Original Message-
>>>> From: [EMAIL PROTECTED]
>>>> [mailto:[EMAIL PROTECTED] On Behalf Of laurent
>>>> Sent: 22 May 2008 12:16
>>>> To: Flash Coders List
>>>> Subject: Re: [Flashcoders] Tweening text more smoothly - AS3
>>>> 
>>>> 
>>>> It's not just you, it somehow not perfectly smooth.
>>>> 
>>>> perhap an enterframe is smoother or something to do with update after
>>>> event. Or perhaps try 5 pixels every 100ms.
>>>> 
>>>> the background is cool!
>>>> 
>>>> L
>>>> 
>>>> Vayu Robins a écrit :
>>>> 
>>>>> Hej.
>>>>> 
>>>>> I am wondering if there is anything that could be done to improve the
>>>>> panning/scrolling/tweening of the news items at the bottom of the this
>>>>> 
>>>> page:
>>>> 
>>>>> 
>>>>> http://flashkompagniet.dk/flash/main.php
>>>>> 
>>>>> I am running a timer at 20 milliseconds Timer(20, 0);
>>>>> 
>>>>> And the news items are being moved a 1px everytime the timer event is
>>>>> dispatched.
>>>>> 
>>>>> I dont think they are runnning very smoothly.  Is that just me or does
>>>>> anyone else see that too.
>>>>> 
>>>>> Can anything be done?
>>>>> 
>>>>> Thanks
>>>>> Vayu
>>>>> 
>>>>> 
>>>>> ___
>>>>> Flashcoders mailing list
>>>>> Flashcoders@chattyfig.figleaf.com
>>>>> http://chattyfig.figleaf.com/mailman/listinfo/flashcoders
>>>>> 
>>>>> 
>>>>> 
>>>>> 
>>>> ___
>>>> Flashcoders mailing list
>>>> Flashcoders@chattyfig.figleaf.com
>>>> http://chattyfig.figleaf.com/mailman/listinfo/flashcoders
>>>> 
>>>> 
>>>> ___
>>>> Flashcoders mailing list
>>>> Flashcoders@chattyfig.figleaf.com
>>>> http://chattyfig.figleaf.com/mailman/listinfo/flashcoders
>>>> 
>>> 
>>> 
>>> 
>>> ___
>>> Flashcoders mailing list
>>> Flashcoders@chattyfig.figleaf.com
>>> http://chattyfig.figleaf.com/mailman/listinfo/flashcoders
>>> 
>> 
>> 
>> ___
>> Flashcoders mailing list
>> Flashcoders@chattyfig.figleaf.com
>> http://chattyfig.figleaf.com/mailman/listinfo/flashcoders
>> 
> 
> 



___
Flashcoders mailing list
Flashcoders@chattyfig.figleaf.com
http://chattyfig.figleaf.com/mailman/listinfo/flashcoders

RE: [Flashcoders] Tweening text more smoothly - AS3

[Romuald Quantin]

I read that Firefox has a special behavior with the flash plugin in term of
memory allowance.

I can't find anymore this article sorry, but basically firefox is cutting
off the memory allowed to flash plugin to give priority to other things.

Maybe someone can get back some articles?

Firefox has also a memory problem due to "memory leak", tons of articles
about that.

Anyway, for CPU-intensive animations and in my experience, it is running
better in Explorer or Safari.

Romu

-Original Message-
From: [EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED] On Behalf Of Martin
Klasson
Sent: 22 May 2008 13:46
To: Flash Coders List
Subject: Re: [Flashcoders] Tweening text more smoothly - AS3

For me I have rescued some projects that is CPU-intensive by setting wmode
to opaque,
the reason I tried it was that the FPS was great in Internet Explorer, but
in Firefox it
was really down low.

So that could be tested, might have a positive effect on other non-IE
browsers and mac as well.

/m


2008/5/22 Cedric Muller <[EMAIL PROTECTED]>:

> smoother than everything: with Safari, fullscreen mode: I normally always
> have a stable FPS (which is 1 frame lower than the FPS set), even for big
> calculations, everything seems more stable and performance is improved.
>
> I always wondered why in Fullscreen mode under Safari (OS X browser) it
> reaches such a good performance ... :S
> I tested with Firefox OS X and IE + Firefox for WIndows, none of them does
> the same
>
>  Yes, your right.  it is a lot smoother in the Flash IDE.
>>
>>
>> On 5/22/08 1:34 PM, "Romuald Quantin" <[EMAIL PROTECTED]>
>> wrote:
>>
>>  It is hard to get a smooth linear movement anyway, because the easing is
>>> linear you're going to see very well a break in the movement, which can
>>> happen because of the browser, or whatever. It is probably a lot
smoother
>>> in
>>> the Flash IDE than in a browser.
>>>
>>> Romu
>>>
>>> -Original Message-----
>>> From: [EMAIL PROTECTED]
>>> [mailto:[EMAIL PROTECTED] On Behalf Of laurent
>>> Sent: 22 May 2008 12:16
>>> To: Flash Coders List
>>> Subject: Re: [Flashcoders] Tweening text more smoothly - AS3
>>>
>>>
>>> It's not just you, it somehow not perfectly smooth.
>>>
>>> perhap an enterframe is smoother or something to do with update after
>>> event. Or perhaps try 5 pixels every 100ms.
>>>
>>> the background is cool!
>>>
>>> L
>>>
>>> Vayu Robins a écrit :
>>>
>>>> Hej.
>>>>
>>>> I am wondering if there is anything that could be done to improve the
>>>> panning/scrolling/tweening of the news items at the bottom of the this
>>>>
>>> page:
>>>
>>>>
>>>> http://flashkompagniet.dk/flash/main.php
>>>>
>>>> I am running a timer at 20 milliseconds Timer(20, 0);
>>>>
>>>> And the news items are being moved a 1px everytime the timer event is
>>>> dispatched.
>>>>
>>>> I dont think they are runnning very smoothly.  Is that just me or does
>>>> anyone else see that too.
>>>>
>>>> Can anything be done?
>>>>
>>>> Thanks
>>>> Vayu
>>>>
>>>>
>>>> ___
>>>> Flashcoders mailing list
>>>> Flashcoders@chattyfig.figleaf.com
>>>> http://chattyfig.figleaf.com/mailman/listinfo/flashcoders
>>>>
>>>>
>>>>
>>>>
>>> ___
>>> Flashcoders mailing list
>>> Flashcoders@chattyfig.figleaf.com
>>> http://chattyfig.figleaf.com/mailman/listinfo/flashcoders
>>>
>>>
>>> ___
>>> Flashcoders mailing list
>>> Flashcoders@chattyfig.figleaf.com
>>> http://chattyfig.figleaf.com/mailman/listinfo/flashcoders
>>>
>>
>>
>>
>> ___
>> Flashcoders mailing list
>> Flashcoders@chattyfig.figleaf.com
>> http://chattyfig.figleaf.com/mailman/listinfo/flashcoders
>>
>
>
> ___
> Flashcoders mailing list
> Flashcoders@chattyfig.figleaf.com
> http://chattyfig.figleaf.com/mailman/listinfo/flashcoders
>



-- 

Martin Klasson
Flash Developer
Parkgatan 9-11
S-411 24 Göteborg
Sweden
Office +46 (0) 31 711 54 50
Cell +46 (0) 730 964 561
[EMAIL PROTECTED]
www.kokokaka.com
___
Flashcoders mailing list
Flashcoders@chattyfig.figleaf.com
http://chattyfig.figleaf.com/mailman/listinfo/flashcoders


___
Flashcoders mailing list
Flashcoders@chattyfig.figleaf.com
http://chattyfig.figleaf.com/mailman/listinfo/flashcoders

Re: [Flashcoders] Tweening text more smoothly - AS3

[Martin Klasson]

For me I have rescued some projects that is CPU-intensive by setting wmode
to opaque,
the reason I tried it was that the FPS was great in Internet Explorer, but
in Firefox it
was really down low.

So that could be tested, might have a positive effect on other non-IE
browsers and mac as well.

/m


2008/5/22 Cedric Muller <[EMAIL PROTECTED]>:

> smoother than everything: with Safari, fullscreen mode: I normally always
> have a stable FPS (which is 1 frame lower than the FPS set), even for big
> calculations, everything seems more stable and performance is improved.
>
> I always wondered why in Fullscreen mode under Safari (OS X browser) it
> reaches such a good performance ... :S
> I tested with Firefox OS X and IE + Firefox for WIndows, none of them does
> the same
>
>  Yes, your right.  it is a lot smoother in the Flash IDE.
>>
>>
>> On 5/22/08 1:34 PM, "Romuald Quantin" <[EMAIL PROTECTED]>
>> wrote:
>>
>>  It is hard to get a smooth linear movement anyway, because the easing is
>>> linear you're going to see very well a break in the movement, which can
>>> happen because of the browser, or whatever. It is probably a lot smoother
>>> in
>>> the Flash IDE than in a browser.
>>>
>>> Romu
>>>
>>> -Original Message-----
>>> From: [EMAIL PROTECTED]
>>> [mailto:[EMAIL PROTECTED] On Behalf Of laurent
>>> Sent: 22 May 2008 12:16
>>> To: Flash Coders List
>>> Subject: Re: [Flashcoders] Tweening text more smoothly - AS3
>>>
>>>
>>> It's not just you, it somehow not perfectly smooth.
>>>
>>> perhap an enterframe is smoother or something to do with update after
>>> event. Or perhaps try 5 pixels every 100ms.
>>>
>>> the background is cool!
>>>
>>> L
>>>
>>> Vayu Robins a écrit :
>>>
>>>> Hej.
>>>>
>>>> I am wondering if there is anything that could be done to improve the
>>>> panning/scrolling/tweening of the news items at the bottom of the this
>>>>
>>> page:
>>>
>>>>
>>>> http://flashkompagniet.dk/flash/main.php
>>>>
>>>> I am running a timer at 20 milliseconds Timer(20, 0);
>>>>
>>>> And the news items are being moved a 1px everytime the timer event is
>>>> dispatched.
>>>>
>>>> I dont think they are runnning very smoothly.  Is that just me or does
>>>> anyone else see that too.
>>>>
>>>> Can anything be done?
>>>>
>>>> Thanks
>>>> Vayu
>>>>
>>>>
>>>> ___
>>>> Flashcoders mailing list
>>>> Flashcoders@chattyfig.figleaf.com
>>>> http://chattyfig.figleaf.com/mailman/listinfo/flashcoders
>>>>
>>>>
>>>>
>>>>
>>> ___
>>> Flashcoders mailing list
>>> Flashcoders@chattyfig.figleaf.com
>>> http://chattyfig.figleaf.com/mailman/listinfo/flashcoders
>>>
>>>
>>> ___
>>> Flashcoders mailing list
>>> Flashcoders@chattyfig.figleaf.com
>>> http://chattyfig.figleaf.com/mailman/listinfo/flashcoders
>>>
>>
>>
>>
>> ___
>> Flashcoders mailing list
>> Flashcoders@chattyfig.figleaf.com
>> http://chattyfig.figleaf.com/mailman/listinfo/flashcoders
>>
>
>
> ___
> Flashcoders mailing list
> Flashcoders@chattyfig.figleaf.com
> http://chattyfig.figleaf.com/mailman/listinfo/flashcoders
>



-- 

Martin Klasson
Flash Developer
Parkgatan 9-11
S-411 24 Göteborg
Sweden
Office +46 (0) 31 711 54 50
Cell +46 (0) 730 964 561
[EMAIL PROTECTED]
www.kokokaka.com
___
Flashcoders mailing list
Flashcoders@chattyfig.figleaf.com
http://chattyfig.figleaf.com/mailman/listinfo/flashcoders

Re: [Flashcoders] Tweening text more smoothly - AS3

[jonathan howe]

Also, while I don't believe it to be the case here but worth mentioning:  if
you have a font antialiasing set towards "readability" or a custom setting
with high sharpness, there's more pixel snapping which can make the text
look like it's not moving smoothly.

On Thu, May 22, 2008 at 7:56 AM, Cedric Muller <[EMAIL PROTECTED]> wrote:

> I may be one more time wrong here, but as flash is single thread, you can
> do whatever you want, you won't be able to have a 'perfect scientific
> smoothed' scroll :(
> I struggled a lot with that ... I tried enterframe, intervals/timer,
> converting text to bitmap, displacement map filter, ... all bring almost the
> same result (displacement map can be very cool, but it is somewhat very
> restrictive as far as text layout /rendering is concerned).
>
> I think your scroll is good as it is.
>
> Try adding some fake beta buttons (with some tweens in them), or some other
> tweens (movieclips moving accross the screen is a good example) to your test
> and you will see what I mean (as soon as the flash player has to render
> other things than the scrolling text, it does a calculation in order to know
> what must be rendered ... and processing power is hence reduced for the
> 'text scroll' and split among all the things the flash player has to do)
> I hope I am understandable.
> Cedric
>
>
>
>  Hej.
>>
>> I am wondering if there is anything that could be done to improve the
>> panning/scrolling/tweening of the news items at the bottom of the this
>> page:
>>
>> http://flashkompagniet.dk/flash/main.php
>>
>> I am running a timer at 20 milliseconds Timer(20, 0);
>>
>> And the news items are being moved a 1px everytime the timer event is
>> dispatched.
>>
>> I dont think they are runnning very smoothly.  Is that just me or does
>> anyone else see that too.
>>
>> Can anything be done?
>>
>> Thanks
>> Vayu
>>
>>
>> ___
>> Flashcoders mailing list
>> Flashcoders@chattyfig.figleaf.com
>> http://chattyfig.figleaf.com/mailman/listinfo/flashcoders
>>
>
> ___
> Flashcoders mailing list
> Flashcoders@chattyfig.figleaf.com
> http://chattyfig.figleaf.com/mailman/listinfo/flashcoders
>



-- 
-jonathan howe :: 404.434.2321 :: 180 High St Apt 26 Portland, ME 04101
___
Flashcoders mailing list
Flashcoders@chattyfig.figleaf.com
http://chattyfig.figleaf.com/mailman/listinfo/flashcoders

Re: [Flashcoders] Tweening text more smoothly - AS3

[Cedric Muller]

smoother than everything: with Safari, fullscreen mode: I normally  
always have a stable FPS (which is 1 frame lower than the FPS set),  
even for big calculations, everything seems more stable and  
performance is improved.


I always wondered why in Fullscreen mode under Safari (OS X browser)  
it reaches such a good performance ... :S
I tested with Firefox OS X and IE + Firefox for WIndows, none of them  
does the same



Yes, your right.  it is a lot smoother in the Flash IDE.


On 5/22/08 1:34 PM, "Romuald Quantin" <[EMAIL PROTECTED]>  
wrote:


It is hard to get a smooth linear movement anyway, because the  
easing is
linear you're going to see very well a break in the movement,  
which can
happen because of the browser, or whatever. It is probably a lot  
smoother in

the Flash IDE than in a browser.

Romu

-Original Message-
From: [EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED] On Behalf Of  
laurent

Sent: 22 May 2008 12:16
To: Flash Coders List
Subject: Re: [Flashcoders] Tweening text more smoothly - AS3


It's not just you, it somehow not perfectly smooth.

perhap an enterframe is smoother or something to do with update after
event. Or perhaps try 5 pixels every 100ms.

the background is cool!

L

Vayu Robins a écrit :

Hej.

I am wondering if there is anything that could be done to improve  
the
panning/scrolling/tweening of the news items at the bottom of the  
this

page:


http://flashkompagniet.dk/flash/main.php

I am running a timer at 20 milliseconds Timer(20, 0);

And the news items are being moved a 1px everytime the timer  
event is

dispatched.

I dont think they are runnning very smoothly.  Is that just me or  
does

anyone else see that too.

Can anything be done?

Thanks
Vayu


___
Flashcoders mailing list
Flashcoders@chattyfig.figleaf.com
http://chattyfig.figleaf.com/mailman/listinfo/flashcoders





___
Flashcoders mailing list
Flashcoders@chattyfig.figleaf.com
http://chattyfig.figleaf.com/mailman/listinfo/flashcoders


___
Flashcoders mailing list
Flashcoders@chattyfig.figleaf.com
http://chattyfig.figleaf.com/mailman/listinfo/flashcoders




___
Flashcoders mailing list
Flashcoders@chattyfig.figleaf.com
http://chattyfig.figleaf.com/mailman/listinfo/flashcoders



___
Flashcoders mailing list
Flashcoders@chattyfig.figleaf.com
http://chattyfig.figleaf.com/mailman/listinfo/flashcoders

Re: [Flashcoders] Tweening text more smoothly - AS3

[Cedric Muller]

I may be one more time wrong here, but as flash is single thread, you  
can do whatever you want, you won't be able to have a 'perfect  
scientific smoothed' scroll :(
I struggled a lot with that ... I tried enterframe, intervals/timer,  
converting text to bitmap, displacement map filter, ... all bring  
almost the same result (displacement map can be very cool, but it is  
somewhat very restrictive as far as text layout /rendering is  
concerned).


I think your scroll is good as it is.

Try adding some fake beta buttons (with some tweens in them), or some  
other tweens (movieclips moving accross the screen is a good example)  
to your test and you will see what I mean (as soon as the flash  
player has to render other things than the scrolling text, it does a  
calculation in order to know what must be rendered ... and processing  
power is hence reduced for the 'text scroll' and split among all the  
things the flash player has to do)

I hope I am understandable.
Cedric



Hej.

I am wondering if there is anything that could be done to improve the
panning/scrolling/tweening of the news items at the bottom of the  
this page:


http://flashkompagniet.dk/flash/main.php

I am running a timer at 20 milliseconds Timer(20, 0);

And the news items are being moved a 1px everytime the timer event is
dispatched.

I dont think they are runnning very smoothly.  Is that just me or does
anyone else see that too.

Can anything be done?

Thanks
Vayu


___
Flashcoders mailing list
Flashcoders@chattyfig.figleaf.com
http://chattyfig.figleaf.com/mailman/listinfo/flashcoders


___
Flashcoders mailing list
Flashcoders@chattyfig.figleaf.com
http://chattyfig.figleaf.com/mailman/listinfo/flashcoders

Re: [Flashcoders] Tweening text more smoothly - AS3

[Glen Pike]

Hi,

   I think it's partly due to an issue with the rendering / player 
rather than just your code.


   Scrolling text always seems to look jerky as text tends to snap to 
the pixel - unless you say otherwise.  You have have an option of upping 
your frame / animation rate and reducing your increment to a sub-pixel 
and trying "anti-alias for animation" in your font embedding, but your 
text may look blurry.  The higher the screen resolution, the less 
apparent the problem is though.
  
   You are probably better off trying to animate it in an onEnterFrame 
/ setInterval function for this than trying to tween.


   From trying to do scrolling text in the past and not getting very 
good results, I _think_ that this is a common problem with scrolling 
text in Flash - if you google "flash text ticker", you should get lots 
of examples that exhibit the same jerkiness.
 
   Glen


Vayu Robins wrote:

Yes, I am using TweenLite to animate the the text when you roll over them
with momuse.

But to move each news individual with the TweenLite, seems problmeatic to
me.

For the moment they just move towards right one px at a time and when they
reach the right side of the stage they are repositioned to the left.

If I should do this with a tweener I need to calculate how far there is to
right side and give a time duration relative to the distance. To make this
so they all move at the same speed can be complicated.  Also, if you change
the size of the browser this distance is obviously changed and should then
be modified.



On 5/22/08 12:49 PM, "Romuald Quantin" <[EMAIL PROTECTED]> wrote:

  

www.soundstep.com




___
Flashcoders mailing list
Flashcoders@chattyfig.figleaf.com
http://chattyfig.figleaf.com/mailman/listinfo/flashcoders


  


--

Glen Pike
01326 218440
www.glenpike.co.uk 

___
Flashcoders mailing list
Flashcoders@chattyfig.figleaf.com
http://chattyfig.figleaf.com/mailman/listinfo/flashcoders

Re: [Flashcoders] Tweening text more smoothly - AS3

[Vayu Robins]

Yes, your right.  it is a lot smoother in the Flash IDE.


On 5/22/08 1:34 PM, "Romuald Quantin" <[EMAIL PROTECTED]> wrote:

> It is hard to get a smooth linear movement anyway, because the easing is
> linear you're going to see very well a break in the movement, which can
> happen because of the browser, or whatever. It is probably a lot smoother in
> the Flash IDE than in a browser.
> 
> Romu
> 
> -Original Message-
> From: [EMAIL PROTECTED]
> [mailto:[EMAIL PROTECTED] On Behalf Of laurent
> Sent: 22 May 2008 12:16
> To: Flash Coders List
> Subject: Re: [Flashcoders] Tweening text more smoothly - AS3
> 
> 
> It's not just you, it somehow not perfectly smooth.
> 
> perhap an enterframe is smoother or something to do with update after
> event. Or perhaps try 5 pixels every 100ms.
> 
> the background is cool!
> 
> L
> 
> Vayu Robins a écrit :
>> Hej.
>> 
>> I am wondering if there is anything that could be done to improve the
>> panning/scrolling/tweening of the news items at the bottom of the this
> page:
>> 
>> http://flashkompagniet.dk/flash/main.php
>> 
>> I am running a timer at 20 milliseconds Timer(20, 0);
>> 
>> And the news items are being moved a 1px everytime the timer event is
>> dispatched.
>> 
>> I dont think they are runnning very smoothly.  Is that just me or does
>> anyone else see that too.
>> 
>> Can anything be done?
>> 
>> Thanks
>> Vayu
>> 
>> 
>> ___
>> Flashcoders mailing list
>> Flashcoders@chattyfig.figleaf.com
>> http://chattyfig.figleaf.com/mailman/listinfo/flashcoders
>> 
>> 
>>   
> 
> ___
> Flashcoders mailing list
> Flashcoders@chattyfig.figleaf.com
> http://chattyfig.figleaf.com/mailman/listinfo/flashcoders
> 
> 
> ___
> Flashcoders mailing list
> Flashcoders@chattyfig.figleaf.com
> http://chattyfig.figleaf.com/mailman/listinfo/flashcoders



___
Flashcoders mailing list
Flashcoders@chattyfig.figleaf.com
http://chattyfig.figleaf.com/mailman/listinfo/flashcoders

Re: [Flashcoders] Tweening text more smoothly - AS3

[Vayu Robins]

Thanks for feedback.

I did try to change the pixels and the milliseconds, but this is the best I
could get it.

I use the updateAfterEvent() each time the the news items have moved 1 px.

I havent tried doing it with onEnterFrame though.

The background image is from stock.xchng.
http://www.sxc.hu/photo/1008312


On 5/22/08 1:16 PM, "laurent" <[EMAIL PROTECTED]> wrote:

> 
> It's not just you, it somehow not perfectly smooth.
> 
> perhap an enterframe is smoother or something to do with update after
> event. Or perhaps try 5 pixels every 100ms.
> 
> the background is cool!
> 
> L
> 
> Vayu Robins a écrit :
>> Hej.
>> 
>> I am wondering if there is anything that could be done to improve the
>> panning/scrolling/tweening of the news items at the bottom of the this page:
>> 
>> http://flashkompagniet.dk/flash/main.php
>> 
>> I am running a timer at 20 milliseconds Timer(20, 0);
>> 
>> And the news items are being moved a 1px everytime the timer event is
>> dispatched.
>> 
>> I dont think they are runnning very smoothly.  Is that just me or does
>> anyone else see that too.
>> 
>> Can anything be done?
>> 
>> Thanks
>> Vayu
>> 
>> 
>> ___
>> Flashcoders mailing list
>> Flashcoders@chattyfig.figleaf.com
>> http://chattyfig.figleaf.com/mailman/listinfo/flashcoders
>> 
>> 
>>   
> 
> ___
> Flashcoders mailing list
> Flashcoders@chattyfig.figleaf.com
> http://chattyfig.figleaf.com/mailman/listinfo/flashcoders



___
Flashcoders mailing list
Flashcoders@chattyfig.figleaf.com
http://chattyfig.figleaf.com/mailman/listinfo/flashcoders

RE: [Flashcoders] Tweening text more smoothly - AS3

[Romuald Quantin]

It is hard to get a smooth linear movement anyway, because the easing is
linear you're going to see very well a break in the movement, which can
happen because of the browser, or whatever. It is probably a lot smoother in
the Flash IDE than in a browser.

Romu

-Original Message-
From: [EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED] On Behalf Of laurent
Sent: 22 May 2008 12:16
To: Flash Coders List
Subject: Re: [Flashcoders] Tweening text more smoothly - AS3


It's not just you, it somehow not perfectly smooth.

perhap an enterframe is smoother or something to do with update after 
event. Or perhaps try 5 pixels every 100ms.

the background is cool!

L

Vayu Robins a écrit :
> Hej.
>
> I am wondering if there is anything that could be done to improve the
> panning/scrolling/tweening of the news items at the bottom of the this
page:
>
> http://flashkompagniet.dk/flash/main.php
>
> I am running a timer at 20 milliseconds Timer(20, 0);
>
> And the news items are being moved a 1px everytime the timer event is
> dispatched.
>
> I dont think they are runnning very smoothly.  Is that just me or does
> anyone else see that too.
>
> Can anything be done?
>
> Thanks
> Vayu
>
>
> ___
> Flashcoders mailing list
> Flashcoders@chattyfig.figleaf.com
> http://chattyfig.figleaf.com/mailman/listinfo/flashcoders
>
>
>   

___
Flashcoders mailing list
Flashcoders@chattyfig.figleaf.com
http://chattyfig.figleaf.com/mailman/listinfo/flashcoders


___
Flashcoders mailing list
Flashcoders@chattyfig.figleaf.com
http://chattyfig.figleaf.com/mailman/listinfo/flashcoders

Re: [Flashcoders] Tweening text more smoothly - AS3

[Vayu Robins]

Yes, I am using TweenLite to animate the the text when you roll over them
with momuse.

But to move each news individual with the TweenLite, seems problmeatic to
me.

For the moment they just move towards right one px at a time and when they
reach the right side of the stage they are repositioned to the left.

If I should do this with a tweener I need to calculate how far there is to
right side and give a time duration relative to the distance. To make this
so they all move at the same speed can be complicated.  Also, if you change
the size of the browser this distance is obviously changed and should then
be modified.



On 5/22/08 12:49 PM, "Romuald Quantin" <[EMAIL PROTECTED]> wrote:

> www.soundstep.com


___
Flashcoders mailing list
Flashcoders@chattyfig.figleaf.com
http://chattyfig.figleaf.com/mailman/listinfo/flashcoders

Re: [Flashcoders] Tweening text more smoothly - AS3

[laurent]

It's not just you, it somehow not perfectly smooth.

perhap an enterframe is smoother or something to do with update after 
event. Or perhaps try 5 pixels every 100ms.


the background is cool!

L

Vayu Robins a écrit :

Hej.

I am wondering if there is anything that could be done to improve the
panning/scrolling/tweening of the news items at the bottom of the this page:

http://flashkompagniet.dk/flash/main.php

I am running a timer at 20 milliseconds Timer(20, 0);

And the news items are being moved a 1px everytime the timer event is
dispatched.

I dont think they are runnning very smoothly.  Is that just me or does
anyone else see that too.

Can anything be done?

Thanks
Vayu


___
Flashcoders mailing list
Flashcoders@chattyfig.figleaf.com
http://chattyfig.figleaf.com/mailman/listinfo/flashcoders


  


___
Flashcoders mailing list
Flashcoders@chattyfig.figleaf.com
http://chattyfig.figleaf.com/mailman/listinfo/flashcoders

RE: [Flashcoders] Tweening text more smoothly - AS3

[Romuald Quantin]

Sure, add a bit of easing, are you using a tweener or something?

Easing when the scroll has to stop and run, easing to scale up and down, and
it should be a lot better.

Romu
www.soundstep.com


-Original Message-
From: [EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED] On Behalf Of Vayu Robins
Sent: 22 May 2008 10:57
To: Flash Coders List
Subject: [Flashcoders] Tweening text more smoothly - AS3

Hej.

I am wondering if there is anything that could be done to improve the
panning/scrolling/tweening of the news items at the bottom of the this page:

http://flashkompagniet.dk/flash/main.php

I am running a timer at 20 milliseconds Timer(20, 0);

And the news items are being moved a 1px everytime the timer event is
dispatched.

I dont think they are runnning very smoothly.  Is that just me or does
anyone else see that too.

Can anything be done?

Thanks
Vayu


___
Flashcoders mailing list
Flashcoders@chattyfig.figleaf.com
http://chattyfig.figleaf.com/mailman/listinfo/flashcoders

___
Flashcoders mailing list
Flashcoders@chattyfig.figleaf.com
http://chattyfig.figleaf.com/mailman/listinfo/flashcoders