在 Flash 中以编程方式淡出至消失点（当然）

Question

我正在尝试做一个消失的星球大战类型的事情，比如 this ，但是以编程方式。

他们所做的大部分工作都很容易编程（制作补间动画），但我也希望以编程方式生成基于文本的图形（例如，使用动态文本对象从文本生成）。

在我看来，问题（当然，我对其他看待它的方式持开放态度）是：有没有办法从我的动态中获得斜边矩形-文本对象？此处提到了scale9grid< /a> 不会这样做，我很确定。 我想指定四个点来获得菱形（如果这就是它的名字）。

Answer 1

如果您正在为 Flash Player 10 进行编译（需要 CS4 或最新的 Flex sdk），则只需在 3D 中旋转文本字段：

text.rotateX = -45;

还有一些问题，例如您需要使用字体嵌入，并获取消失点在视场的中心。

在 Flash Player 中执行此操作 < 10 位图也是可能的，如果你是受虐狂，并且不介意一些垂直锯齿。 这个想法是使用 BitmapData.draw() 绘制具有高度 1 剪切矩形的每条线，并进行变换以进行透视划分。 例如（在弯曲中）：

class Main extends Sprite
{
    [Embed(systemFont="Arial", fontName="embedFont", mimeType="application/x-font")]
    var embedFont:Class;

    public function Main()
    {
        var text:TextField = new TextField();
        text.defaultTextFormat = new TextFormat("embedFont", 30);
        text.embedFonts = true;
        text.autoSize = TextFieldAutoSize.LEFT;
        text.text = "Hello, world\nHow nice\nto have\nmultiple\nlines!";
        var bmp:BitmapData = new BitmapData(150, 100);

        for (var i:int = 0; i != bmp.height; ++i) {
            var m:Matrix = new Matrix();
            // x-division, change 0.8, 0.2 to change scale increase, scale at top
            m.a = i*(0.8/bmp.height)+0.2;
            // horizontal center
            m.tx = bmp.width * (1-m.a) / 2;
            // y-division, and align text to bottom
            m.ty = (bmp.height-i)/m.a - bmp.height; 
            bmp.draw(text, m, null, null, new Rectangle(0, i, bmp.width, 1));
        }

        addChild(new Bitmap(bmp));
    }
}

我没有做过数学计算，所以我不知道这在物理上是否准确，但它应该给你一个想法。

Answer 2

您可能会考虑将文本对象转换为图像，然后对图像执行此操作。

-亚当

Answer 3

在 Flash Player 9 及更早版本中，您实际上无法以简单的方式执行此操作。
Flash Player 10 和 Flash CS4 引入了对 3D 转换的一些基本支持，但这些支持非常简单，而且我想这种“极端”视角可能很难正确实现。 不过，我没有使用过 CS4 创作工具，所以那里可能更容易。

还有完整的 3D 引擎，例如 papervision 和 away3d 尽管它们有点矫枉过正。

我认为最好的可能是使用 DisplacementMapFilter ，我在网上找到任何好的例子时遇到了一些困难，而且我自己从未真正做过，但我认为 文档中的示例应该可以帮助您很好地入门。

如果您愿意，您也可以将所有像素绘制到位图上并逐一处理它们，这可能是编码中最有趣的事情，但它可能会非常慢并且看起来不太好;)