3D 转换后文本和位图稍微模糊

Question

我有一系列包含位图和文本的影片剪辑。 应用一些 3D 变换并在 3D 空间中移动后，我的文本和位图稍微模糊。这是在我重置所有 3d 坐标之后（即 z=0、rotationX=0、rotationY=0） 还有其他人遇到过这种情况吗？有没有办法让我恢复清晰的文本和位图？

Answer 1

这是一个非常有趣的错误。

出现的模糊实际上是不正确的抗锯齿或平滑处理，通常通过沿边缘渲染具有精细颜色的字体来解决。在这种情况下，它实际上是由 3D 转换引起的，可以通过在动画之后取消 matrix3D 来解决：

myTextContainer.transform.matrix3D = null;

您也可以编写：

myTextContainer.transform.matrix = new Matrix();

但使用这种方法，您必须导入 flash .geom.Matrix。

这两个选项还会将 x 和 y 坐标以及动画显示对象的其他重要设置重置为零，因此您还必须分配这些值赋给变量并在使变换矩阵无效后重新应用它们。

似乎一旦字体被变换，它就失去了这种精细的色彩。未转换的字体具有这些颜色细节，而转换的字体则完全不饱和。

附件是 12 点字体的放大细节，显示了颜色细节的损失。顶部的字符串没有 3D 变换，而底部的字符串通过 rotationY 动画到舞台上。

这里是同一张图像，饱和度为 90%，以更清楚地显示颜色：

这些颜色细节在灰色文本上更容易看到。

我相信自从 Flash Player 9 / AVM2 首次推出以来，这个错误就一直存在。此外，在早期版本的 Flash 播放器中，正确渲染的字体周围的精细颜色细节更加饱和，在我看来，这使字体看起来更好 - 尽管对于像我这样的非完美主义者来说，这种差异可以忽略不计。

Answer 2

您需要确保在已应用 3D 变换的任何对象上将 matrix3D 属性设置为 null。

Answer 3

查找有关 3d 问题的另一篇文章并找到了解决方案。
您需要通过应用新的 transfrom.matrix 来删除所有 3d 变换

var tempMatrix:Matrix = new Matrix();
this.transform.matrix = tempMatrix;

Answer 4

更好的答案是使用此修复程序。这是我以前一直使用的一个。

    /**
     * Fixes the slight distortion that occurs when an object has a 3D transform associated with it.
     * @param   di:DisplayObject    The DisplayOjbect to fix.
     */
    public function fix3DBlur(di:DisplayObject):void {
        di.scaleX = di.width / (di.width - 1);
        di.scaleY = di.height / (di.height - 1);
    }

该函数设置稍微偏移的scaleX和scaleY。这看起来很奇怪，但是当您使用任何 3D 属性对对象进行 3D 调整时，它可以防止它看起来模糊。您始终可以删除 3DTransform，但有时您需要将其保留在原处。

我将此函数放在我拥有的 Utilities3D 类上。