6

我有一个 AS3 位图图像，我想像这样倾斜：

我只想歪斜图像的底部，而让顶部保持不变。根据我到目前为止所做的研究，看起来我想使用 Matrix3D 类，但我不太确定如何有效地实现它。

感谢下面的回答，这篇文章是了解具有 3x3 矩阵的 Matrix3D 类的绝佳资源： http ://www.senocular.com/flash/tutorials/transformmatrix/ 然而，尽管该教程很棒，但它没有提供扭曲上述图像的能力。我正在寻找的是关于如何使用 4x4 矩阵的类似教程。我只想知道将数字放在矩阵中的哪个位置，我应该能够弄清楚其他所有内容。

下面是一些关于我所拥有的示例代码：

var tempLoader:Loader=new Loader();
var tempBitmap:Bitmap;
var fattenTheBottom:Number;
tempLoader.load(new URLRequest("image.png"));
tempLoader.contentLoaderInfo.addEventListener(Event.COMPLETE,castBitmap);
function castBitmap(e:Event):void
{
    tempLoader.contentLoaderInfo.removeEventListener(Event.COMPLETE,castBitmap);
    tempBitmap = Bitmap(tempLoader.content);
    // Make the image into a trapezoid here using fattenTheBottom
    addChild(tempBitmap);
}

任何建议将不胜感激！

4

2 回答 2

4

如果您想快速使用 Matrix3D，以下是您应该使用的值类型的示例：

var m3d:Matrix3D = new Matrix3D(Vector.<Number>([
    1, 0,    0,    0, 
    0, 1.15, 0.25, 0.00005,
    0, 0,    1,    0,
    0, 0,    0,    1
]));
tempBitmap.transform.matrix3D = m3d;

但是很快你就会注意到这种方法会以你不想要的方式扭曲图像。例如，它会在一侧水平挤压您的图像（如您所愿），但图像的内容也会垂直拉伸。很难解释，但是一旦你尝试了上面的方法，你就会注意到图像是如何被垂直拉伸的。

与、 和rotationX结合使用可以获得相同的效果。PerspectiveProjectionscaleY

如果您想要一个更优雅的解决方案，无论是代码还是图像结果，请尝试DistortImage。那里的方法不是直截了当的（使用子图像的网格），但效果很好。

于 2012-07-15T12:14:05.777 回答
2

我只能建议您阅读我发现的关于此的最佳信息：
了解转换矩阵

读到这里，我想，你可以真正理解变换矩阵的一切。它来自 Flash 8(AS2)，但它的理论信息也适用于 AS3。

于 2012-06-29T02:23:29.647 回答