MovieClip verzerren

[_m0m0_]

Hi!

Gibt es irgend eine Möglichkeit (egal ob im Designer oder per AS) um einen komplexen MovieClip (gefüllt mit Text, Bildern, etc.) perspektivisch zu verzerren? Also aus einem Rechteck ein Trapez machen.
Beim Transformieren Tool gibt es ja "skew", damit kann ich aber nur z.B. die oberen beiden Eckpunkte nach links/rechts verschieben. Ich möchte die beiden Eckpunkte aber unabhängig voneinander verschieben.
Was ich so gelesen habe dürfte es relativ schwer sein.

Gibt es irgend einen Trick um das Ganze zu realisieren? Eine Bitmap kann man ja mit Flash glaub ich mit der BitmapData Klasse verzerren. Kann man einen normalen MC irgendwie in ein Bitmap verwandeln und dann die Verzerrung anwenden?

Oder gibt es irgend einen anderen Trick? Es würde mir ja reichen, wenn sich die beiden oberen Eckpunkte gleichmäßig aufeinander zubewegen.
Also wenn aus |_| dann /_\ wird. Vielleicht irgendwie mit verschachtelten MCs? Hab aber momentan nicht wirklich eine Idee.

Naja, bitte um Rat

lg,
Christian

[gaspode]

Zitat von _m0m0_

Kann man einen normalen MC irgendwie in ein Bitmap verwandeln …

Ja, mit der Draw-Methode.

gruß, gaspode

[hellslawyer]

Mit den Flash-Boardmitteln dürftes Du das nicht hinbekommen. Aber wie immer ist auch das nichts, was nicht der gute Lee Brimelow schon mal ausprobiert hätte.
Guggst Du hier

[_m0m0_]

Also ich hab jetzt einen Code aus irgend einem englischen Forum hergenommen und für mich passend modifiziert.
Hab jetzt eine Methode der ich als Parameter einen MovieClip und 4 x/y-Koordinate übergebe. Die Methode zeichnet dann den MC mit geänderten Eckpunkten. Solange am MC keine interaktiven Elemente sind, sollte das ganz gut funktionieren.
Es sieht nur oft etwas seltsam aus, weil das Objekt in 2 Dreiecke unterteilt wird.

import flash.display.BitmapData;
import flash.geom.Matrix;
 
var distortIndex = 0;
 
drawDistortedMC = function(mc, x1, y1, x2, y2, x3, y3, x4, y4) // x1 oben links, x2 oben rechts, x3 unten links, x4 unten rechts
{
    var bmp:BitmapData = new BitmapData(mc._width, mc._height, true, 0);
    bmp.draw(mc);
    var distort:MovieClip = mc._parent.createEmptyMovieClip("distort"+distortIndex, 0);
    
    var triangleTL:MovieClip = mc._parent["distort"+distortIndex].createEmptyMovieClip("triangleTL", 0);
    var triangleBR:MovieClip = mc._parent["distort"+distortIndex].createEmptyMovieClip("triangleBR", 1);
    
    triangleTL.beginBitmapFill(bmp, null, true, true);
    triangleTL.lineTo(bmp.width, 0);
    triangleTL.lineTo(0, bmp.height);
    triangleTL.endFill();
    
    triangleBR.beginBitmapFill(bmp, null, true, true);
    triangleBR.moveTo(bmp.width, 0);
    triangleBR.lineTo(bmp.width, bmp.height);
    triangleBR.lineTo(0, bmp.height);
    triangleBR.endFill();
    
    triangleTL.transform.matrix = new Matrix(
        (x2 - x1)/bmp.width, (y2 - y1)/bmp.width,
        (x3 - x1)/bmp.height, (y3 - y1)/bmp.height,
        x1, y1
    );
 
    var x:Number = x3 - (x4 - x2);
    var y:Number = y2 - (y4 - y3);
    
    triangleBR.transform.matrix = new Matrix(
        (x2 - x)/bmp.width, (y2 - y)/bmp.width,
        (x3 - x)/bmp.height, (y3 - y)/bmp.height,
        x, y
    );
    
    return mc._parent["distort"+distortIndex];
}
 
hitme.onRelease = function()
{
    attachMovie("bla", "bla", 1000);
    bla._visible=false;
    drawDistortedMC(bla, 150, 100, 450, 100, 100, 529, 500, 529);
} 

Das einzige was an dem Code noch nicht funktioniert: Ich schaffe es nicht, dass das Bitmap transparent wird. Beim Erstellen des BitmapData-Objekts gebe ich ja an, dass es transparent sein soll, aber nachdem ich mit draw das Bild eines teilweise transparenten MovieClips zeichne, habe ich einen weißen undurchsichtigen Hintergrund. Weiß jemand wie ich den transparent bekomme?

lg,
Christian

edit:
Transparenz funktioniert jetzt. Man muss beim Konstruktur als vierten Parameter 0 übergeben. Als dritten Parameter "true" für Transparenz alleine reicht scheinbar nicht.