AS3位图对象在低比例值下不平滑

Question

我需要帮助获得一个位图，以便在缩放非常小之后正确应用平滑。

我现在正在做的是用Loader对象加载一个.png图像。加载文件后，我将loaderInfo的内容转换为位图，并将平滑值设置为true。在我达到ScaleX和ScaleY值小于0.5之前，这一操作不会有任何问题。

例如，如果我有一个1000x1000对象，将其缩小到200x200会导致位图平滑不再工作。

我可以使用以下所有的上浆方法来重现这个问题：

• 更改位图上的scaleX和scaleY属性
• 直接更改位图的高度和宽度属性
• 将位图添加为另一个精灵的子对象，并更改精灵的scaleX和scaleY属性
• 将位图添加为另一个精灵的子对象，并更改精灵的高度和宽度属性
• 创建一个具有矩阵比例的新BitmapData对象，然后在其上绘制原始BitmapData

我还尝试了其他一些搜索时发现的解决方法，例如：

• 将图像的scaleX设置为1.001或0.999
• 强制位图对象的高度和宽度为偶数

下面是一些重现问题的示例代码。（我在本地运行这个，所以我的bin调试文件夹中有一份testimage.png的副本）

public class MainObj
{
    public var comp:UIComponent;
    public function MainObj()
    {
    }
    public function LoadContent():void
    {
        var str:String = "testimage.png";
        var l:Loader = new Loader();
        l.contentLoaderInfo.addEventListener(Event.COMPLETE, LoadContentComplete);
        l.load(new URLRequest(str));
    }
    public function LoadContentComplete(e:Event):void
    {
        var li:LoaderInfo = e.target as LoaderInfo;
        var bmp:Bitmap = li.content as Bitmap;
        bmp.smoothing = true;
        bmp.scaleX = 0.2;
        bmp.scaleY = 0.2;
        comp.addChild(bmp);
    }
}

我还有一个mxml文件，它创建MainObj类的一个实例，并将comp属性设置为已添加到Applicationmxml代码中的UIComponents实例（UIComponent允许将位图添加到组成mxml的Spark元素中）。

<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" 
               xmlns:s="library://ns.adobe.com/flex/spark" 
               xmlns:mx="library://ns.adobe.com/flex/mx" 
               minWidth="955" minHeight="600"
               width="800" height="600">
    <fx:Declarations>
        <!-- Place non-visual elements (e.g., services, value objects) here -->
    </fx:Declarations>
    <fx:Script>
        <![CDATA[
            private var mainObj:MainObj;
            override protected function initializationComplete():void
            {
                mainObj = new MainObj();
                mainObj.comp = comp;
                mainObj.LoadContent();
                super.initializationComplete();
            }
        ]]>
    </fx:Script>
    <s:VGroup width="100%" height="100%">
        <mx:UIComponent id="comp" width="100%" height="100%"/>
    </s:VGroup>
</s:Application>

Answer 1

• 缩放到2的幂的大小，原始大小也是2的幂
• Mipmapping是游戏行业中流行的一个术语，用于制作图像的多个缩放版本，以减少缩放混叠。（尤其是在彻底改变尺寸的情况下）
• 作为Flash Player 10的破解方法，请将"z"属性设置为1。这将启用位图的硬件平滑，尽管它会消耗更多的内存和性能

Answer 2

我发现将stage.quality属性设置为StageQuality.BEST可以增强缩放位图的平滑效果。