Herumspielen mit der leistungsstärksten und vielseitigsten Objekt Matrix (Matrix), verbunden mit den Veränderungen, können Sie bizarre Dinge. Diese Tools werden verwendet, um spezielle Transformationen auf ein visuelles Objekt, wie ein Sprite anzuwenden. Sie können zum Beispiel, skalieren, drehen oder verdrehen (Skew) ein Sprite. e rotation ), per l'effetto Skew bisogna ricorrere direttamente alle matrici. Während die ersten beiden Funktionen (Skalierung und Rotation) Sprite-Objekte (nicht nur) zur Verfügung stellen direkt mit den Eigenschaften ( scaleX / scaleY und rotation ), sollte der Skew-Effekt direkt Appell an die Matrizen. Was ich möchte hier betonen, dass, wenn wir ein grafisches Objekt ändern alle seine internen Koordinaten verschoben werden:
Der Code für dieses Spiel ist:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 | . MouseEvent ; Import flash.events. MouseEvent ; . Matrix ; flash.geom Importe. Matrix ; / / / / Flag zur Erkennung der mousedown Boolean = false ; md var: Boolean = false; / / / / Create eine Tafel vor Sprite = new Sprite ( ) ; var lvg1: Sprite = new Sprite (); . lineStyle ( 0 , 0xffffff ) ; . lvg1 Grafiken lineStyle (0, 0xffffff).; . beginFill ( 0x666666 ) ; .. lvg1 Grafiken beginFill (0x666666); . drawRect ( 0 , 0 , 199 , 199 ) ; .. lvg1 Grafiken drawRect (0, 0, 199, 199); . endFill ( ) ; lvg1 Grafiken endFill ()..; lvg1 ) ; addChild (lvg1); = lvg1 . y = 30 ; lvg1 lvg1 x =. y = 30.; / / / / Erstellen Sie das Brett gekippt Sprite = new Sprite ( ) ; var lvg2: Sprite = new Sprite (); . lineStyle ( 0 , 0xffffff ) ; . lvg2 Grafiken lineStyle (0, 0xffffff).; . beginFill ( 0x666666 ) ; .. lvg2 Grafiken beginFill (0x666666); . drawRect ( 0 , 0 , 199 , 199 ) ; .. lvg2 Grafiken drawRect (0, 0, 199, 199); . endFill ( ) ; lvg2 Grafiken endFill ()..; lvg2 ) ; addChild (lvg2); / / / / Create und verhängte eine Matrix für die Neigung der / / Board lvg2 Matrix = new Matrix ( ) ; var myMatrix: Matrix = new Matrix (); / / Ist -25 Grad geneigt : Number = Math . PI * 2 * - 25 / 360 ; var Winkel: Anzahl = Math . * PI * 2 - 25 / 360; / / Stacker = 300 ; myMatrix tx = 300.; = 100 ; myMatrix ty = 100.; = Math . tan ( angle ) ; myMatrix b =. Math tan (Winkel).; . matrix = myMatrix ; lvg2 verwandeln myMatrix = Matrix..; / / / / Paint-Ereignis ( MouseEvent . MOUSE_DOWN , _onMouseDown ) ; . lvg1 addEventListener ( MouseEvent MOUSE_DOWN, _onMouseDown.); ( MouseEvent . MOUSE_MOVE , _onMouseMove ) ; . lvg1 addEventListener ( MouseEvent MOUSE_MOVE, _onMouseMove.); ( MouseEvent . MOUSE_UP , _onMouseUp ) ; . lvg1 addEventListener ( MouseEvent MOUSE_UP, _onMouseUp.); / / e : MouseEvent ) : void { _onMouseDown Funktion (e: MouseEvent ): void { "_onMouseDown" ) ; trace ("_onMouseDown"); : uint = 0xffffff ; var c: uint = 0xffffff; . graphics . lineStyle ( 10 , c , 1 ) ; ... und Ziel Grafiken lineStyle (10, c, 1); . lineStyle ( 10 , c , 1 ) ; .. lvg2 Grafiken lineStyle (10, c, 1); . graphics . moveTo ( e . localX , e . localY ) ; .. und Ziel Grafiken moveTo (and. localX und localY.).; . moveTo ( e . localX , e . localY ) ; .. lvg2 Grafiken moveTo (and. localX und localY.); md = true; } / / e : MouseEvent ) : void { _onMouseUp Funktion (e: MouseEvent ): void { md = false; } / / e : MouseEvent ) : void { _onMouseMove Funktion (e: MouseEvent ): void { "_onMouseMove" ) ; trace ("_onMouseMove"); md ) { if (md) { . graphics . lineTo ( e . localX , e . localY ) ; . und Ziel Grafiken lineTo (and. localX und localY.)..; . lineTo ( e . localX , e . localY ) ; .. lvg2 Grafiken lineTo (and. localX und localY.); } } |
e non via x e y . Beachten Sie, Zeilen 30 und 31, die zweite Sprite ( lvg2 ) übersetzt wird mit Hilfe der Matrix und nicht auf x und y .
Darüber hinaus unterhalten Linien 46 und 58, die Sprite-Zeichnung Funktionen auf gekippten die gleiche Form wie die des Sprite vorne ( lvg1 ).
[...] Malerei Flash CS3: Matrix Matrix-Effekte mit Paint Erstellen Sie eine Flash [...]