is it possible to tween numbers to count down?

[herke]

Hi,

Is it possible to tween a text area so it counts down numbers?

Say my start number is 1000, I want it to count down to 0 over 4 seconds (so the text box will go 999, 998, 997 etc)

Cheers

Neil

[Carl]

yeah, there are a few ways, check this out:

 

http://www.snorkl.tv/2010/09/how-to-twe ... tweenlite/

[herke]

Hey thanks thats great!

[herke]

Hey,

 

Is it possible to use this when its in a class? i'm getting errors when trying the simplest example with this class:

"ReferenceError: Error #1069: Property startTotal not found on PriceCalculator and there is no default value."

 

package  {
import flash.display.MovieClip;
import com.greensock.TweenMax;
import com.greensock.easing.*;

public class PriceCalculator extends MovieClip {
	var startTotal:Number 	= 100;
	var newTotal:Number 	= 200;

	public function PriceCalculator() {
	}

	public function updatePrices():void {
		TweenMax.to(this, 2, {startTotal:newTotal, onUpdate:updateTotal});
		function updateTotal(){
			trace(startTotal)
		}
	}
}
}

 

is there any way round this?

 

Cheers

Neil

[Carl]

from looking at your code, I would suggest not nesting updateTotal inside updatePrices. might just be a scope issue.

 

which line is throwing the error> the tween or the trace?

[GreenSock]

You need to make your variable public so that TweenLite can see/change it.

 

public var startTotal:Number = 100;

(just add the "public" keyword)

[herke]

hey thats done it! thanks.

[youwh]

i cant get it to work. is the function still supported?

[Carl]

Yes everything should work fine. Perhaps if you shared what you were doing we could better assist you.

 

I would suggest following the tutorial linked above to get started.

[youwh]

	
	public class BigWin
	{
		private var bgClass:Class;
		private var bgSpr:Sprite;
		private var mtx:Matrix = new Matrix()
		private var bgMC:MovieClip;
		private var mcHolder:MovieClip = new MovieClip()
		private var timeline:TimelineLite;
		private var tempMC:MovieClip
		private var initScore:int;
		private var targetScore:int;
		
		public function BigWin():void
		{
			mtx.createGradientBox(Main.game.config.swfWidth, Main.game.config.swfHeight, Math.PI * 0.5, 0, 0);
			bgSpr = new Sprite()
			bgSpr.graphics.beginGradientFill(GradientType.LINEAR, [0x000000, 0x000000], [.6, 0], [80, 180], mtx)
			bgSpr.graphics.drawRect(0, 0, Main.game.config.swfWidth, Main.game.config.swfHeight)
			bgSpr.graphics.endFill()
			mcHolder.addChild(bgSpr)
			
			bgClass = Main.queue.getLoader('main_uiMC').getClass('bigwinBgMC') as Class;
			bgMC = new bgClass()
			bgMC.x = (Main.game.config.swfWidth - bgMC.width) >> 1
			bgMC.y = ((Main.game.config.swfHeight - bgMC.height) >> 1) - 80
			
			mcHolder.addChild(bgMC)
		}
		
		public function start():void
		{
			initScore = 0;
			targetScore = 400
			
			mcHolder.alpha = 0;
			Main.mainMC.addChild(mcHolder)
			
			TweenLite.to(mcHolder, .3, {alpha: 1});
			winamount()
			
			timeline = new TimelineLite()
			timeline.append(TweenLite.to(MovieClip(bgMC.getChildByName('glowMC')), 1, {scaleX: 1.3, scaleY: 1.3, delay: .3}))
			timeline.append(TweenLite.to(MovieClip(bgMC.getChildByName('glowMC')), 1, {alpha: 0}))
		}
		
		private function winamount():void
		{
			tempMC = MovieClip(bgMC.getChildByName('winAmountMC')) as MovieClip
			
			TweenLite.to(tempMC, 0, {glowFilter: {color: 0x69FF00, alpha: .9, blurX: 2, blurY: 2, strength: 4, quality: 3}, dropShadowFilter: {color: 0x000000, alpha: 0.7, blurX: 12, blurY: 12, strength: 2, angle: 90, distance: 0}})
			TweenLite.to(tempMC, 1, {initScore:targetScore, onUpdate:updateScore, ease:Linear.easeNone});
		}
		
		private function updateScore():void
		{
			trace(initScore, targetScore)
		}
	}

Currently the trace back result for initScore is 0.

Not sure y it does not adds up

[Carl]

Its preferable to provide a simplified FLA that we can actually compile.

From looking at your code it looks like initScore is a property of your BigWin class but you are trying to tween it as if it is a property of tempMC.

 

Prior to your tempMC tween add

trace("tempMC.initScore = " + tempMC.initScore);

my guess is that it will come up undefined or null, if so you may need to add

tempMC.initScore = someValue

Or you may want to tween this.initScore 

TweenLite.to(this, 1, {initScore:targetScore})