平滑地在屏幕上移动文本

Question

很长一段时间以来，我一直在寻找解决这个问题的方法，所以当搜索没有澄清任何问题时，我决定发布一个胎面。

我有一个应该在屏幕上移动的文本字段。我已经通过“输入帧函数”动态地为其 x 值添加速度来解决这个问题。然而，该运动非常“滞后”，并且由运动中的突然“跳跃”组成。我已经尝试了几种可能的解决方案，但都没有运气。

• 嵌入字体
• 更改文本字段的 antiAliasType

• 像这样使用 BitmapData：

  bmd = new BitmapData (myTextField.width, myTextField.height, true, 0);
  bmd.draw (myTextField);
  
  bm = new Bitmap (bmd);
  bm.x = myTextField.x;
  bm.y = myTextField.y;
  bm.cacheAsBitmap = true;
  bm.smoothing = true;
  this.addChild(bm);`
  

  然后移动“bm”实例

这些方法都不起作用。

编辑：根据要求，我正在为文本的实际移动添加相关代码。

stage.addEventListener(Event.ENTER_FRAME, time);

private function time(evt:Event):void
{
    bm.x-= textSpeed;
}

变量textSpeed 定义为public static var。它的值为 2。

*EDIT2：我准备了一个干净的 fla 文件，其中只有移动文本。同样的滞后也发生在这里。代码位于操作面板中。 Download link

Answer 1

Flash IDE 的工作方式是设置帧率实际上是“最大”帧率。也就是说，它不会强制动画以该速率运行 - 它可能会因机器和可用资源而异。

据我所知，没有办法强制 Flash 以特定帧速率运行 - 使动画“流畅”的最佳方法是使用 Tween 类，例如 TweenLite。

如果您需要通过增加位置值来制作动画，那么我建议改为基于时间，例如：

var fps = 24;

var moveTimer:Timer = new Timer(1000/fps);


moveTimer.addEventListener(TimerEvent.TIMER, onMoveTimer);
moveTimer.start();
function onMoveTimer(e:TimerEvent){
    bm.x -= 1;
}

同样，这并不能解决动画的流畅度问题，但它在不同机器上的可靠性要比使用输入帧可靠得多。

Answer 2

尝试提高帧率。因为您自然会尝试在动画时阅读文本，所以您通常会注意到 24fps 帧之间的间隙。尝试将stage.frameRate 设置为 30、48 或 60（最大值为 60），看看是否能解决您的问题。我过去在动画文本方面遇到过类似的问题，提高帧速率已经解决了这些问题。

我还建议仅根据需要增加它。您更有可能丢掉帧速率较高的帧（合乎逻辑；随着帧速率的增加，每个帧的计算时间减少），因此您可能想要执行以下操作：

stage.frameRate = 48;
// run animations here
stage.frameRate = 24; // in an Event.COMPLETE handler

这将确保您的动画流畅，同时让您的应用程序的其余部分在较小的设备上运行良好。如果您正在运行大量动画，则可以考虑将其永久提升。

您还应该考虑使用 Greensock 动画库 (TweenLite/TweenMax) 而不是 Flash 的内置补间。 Greensock 在功能和性能方面都有非常出色的 API，尤其是在移动设备上。