在TweenMax和AS3中创建计数器“覆盖管理器”-MakecounterinTweenMaxandAS3“overwritemanager”

0  

It sounds like you have habit of over complicating things. I would probably not use a tweening engine, but might use the Timer class.

听起来你有过于复杂化的习惯。我可能不会使用补间引擎,但可能会使用Timer类。

I would also separate things out into manageable chunks. At the moment it looks like you have your timing code and you display code all mixed in together. I would create these seperate parts:

我还会把事情分成可管理的块。目前看起来你有你的计时代码,你显示所有混合在一起的代码。我会创建这些单独的部分:

1. CounterTimer - The thing that works out what Count your up to (time-based).

CounterTimer - 计算你的计算方法(基于时间)。

2. CounterView - The visual graphics of your counter. It's only job is to render what ever number it is TOLD to display. And handle the transitions between states.

CounterView - 您柜台的视觉图形。它唯一的工作就是渲染出要显示的数字。并处理状态之间的转换。

3. CounterController - Sort of a middle-man. Gets the current Count from CounterTimer, and tells CounterView to render that number (frame-based, because you can only render once per frame).

CounterController - 一个中间人的排序。从CounterTimer获取当前Count,并告诉CounterView呈现该数字(基于帧,因为每帧只能渲染一次)。

Breaking it down like this means you can concentrate on one component at a time, and test that one part in isolation from the other parts. For example; first you could build the CounterView. This would probably be a MovieClip that holds your graphics on the stage. It might have a method called:

如此分解意味着您可以一次专注于一个组件,并将其中一个部件与其他部件隔离开来进行测试。例如;首先你可以构建CounterView。这可能是一个将您的图形保存在舞台上的MovieClip。它可能有一个名为的方法:

public function displayNumber(numberToDisplay:Number):void

When this method is called, the CounterView will show the graphics for that number, including transitions. To test this component, just call this method from the CounterView parent, with a random number. Once it works you can start working on the CounterTimer.

调用此方法时,CounterView将显示该数字的图形,包括转换。要测试此组件,只需使用随机数从CounterView父级调用此方法。一旦它工作,你可以开始使用CounterTimer。

For the CounterTimer you would probably want it to have a bit more of an API e.g.

对于CounterTimer,您可能希望它有更多的API,例如

public function CounterTimer( startCount:Number ) //This is the constructor.
public function start()
public function reset():void
public function getCount():Number

When CounterTimer is finished, just start on the CounterController to hook them together. The CounterController would need to listen to the enterframe event, and tell CounterView to display CounterTimer's count every frame.

CounterTimer完成后,只需启动CounterController将它们连接在一起。 CounterController需要监听enterframe事件,并告诉CounterView每帧显示CounterTimer的计数。