Transform  - AS3

Een object ColorTransform dat waarden bevat die overal de kleuren in het weergaveobject veranderen.

Verwante API-elementen

Een object ColorTransform dat de gecombineerde kleurtransformaties vertegenwoordigt die op het weergaveobject en alle bovenliggende objecten tot het hoofdniveau worden toegepast. Wanneer verschillende kleurtransformaties op verschillende niveaus zijn toegepast, wordt voor deze eigenschap elk van deze transformaties in één object ColorTransform samengevoegd.

Verwante API-elementen

Een object Matrix dat de gecombineerde transformatiematrices vertegenwoordigt van het weergaveobject en alle bovenliggende objecten tot het hoofdniveau. Wanneer verschillende transformatiematrices op verschillende niveaus zijn toegepast, wordt voor deze eigenschap elk van deze matrices samengevoegd tot één matrix. Voor SWF-inhoud die in de browser wordt uitgevoerd en waarvan de grootte kan worden aangepast, is deze eigenschap ook van inlvoed op het verschil tussen werkgebiedcoördinaten en venstercoördinaten als de venstergrootte wordt gewijzigd. De eigenschap converteert lokale coördinaten naar venstercoördinaten en dit is mogelijk niet dezelfde coördinaatruimte als die van het werkgebied.

Een object Matrix met waarden die het schalen, roteren en vertalen van het weergaveobject veranderen.

Als de eigenschap matrix is ingesteld op een waarde (niet null), is de eigenschap matrix3D null. En als de eigenschap matrix3D is ingesteld op een waarde (niet null), is de eigenschap matrix null.

Verwante API-elementen

Biedt toegang tot het Matrix3D-object van een driedimensionaal weergaveobject. Het Matrix3D-object stelt een transformatiematrix voor die de positie en oriëntatie van het weergaveobject bepaalt. Een Matrix3D-object kan ook perspectiefprojectie uitvoeren.

Als de eigenschap matrix is ingesteld op een waarde (niet null), is de eigenschap matrix3D null. En als de eigenschap matrix3D is ingesteld op een waarde (niet null), is de eigenschap matrix null.

Verwante API-elementen

Biedt toegang tot het PerspectiveProjection-object van een driedimensionaal weergaveobject. Het PerspectiveProjection-object kan worden gebruikt om de perspectieftransformatie van het werkgebied te wijzigen of om een perspectieftransformatie toe te wijzen aan alle driedimensionale onderliggende elementen van een weergaveobject.

Op basis van het gezichtsveld en de verhoudingen (afmetingen) van het werkgebied, wordt een standaard PerspectiveProjection-object aan het basisobject toegewezen.

Verwante API-elementen

Een object Rectangle dat de selectierechthoek van het weergaveobject in het werkgebied definieert.

Retourneert een Matrix3D-object, dat de ruimte van een opgegeven weergaveobject kan transformeren ten opzichte van de ruimte van het huidige weergaveobject. Met de methode getRelativeMatrix3D() kunt u een driedimensionaal weergaveobject verplaatsen ten opzichte van een ander driedimensionaal weergaveobject.

Parameters

Verwante API-elementen

1. De constructor TransformExample() maakt een nieuw object Sprite met de naam target.
2. De constructor TransformExample() roept de methode draw() aan, die een verlopend vierkant in de sprite tekent.
3. De constructor TransformExample() voegt een click-gebeurtenislistener voor de sprite toe, die wordt afgehandeld door de methode clickHandler().
4. De methode clickHandler() maakt een nieuw Matrix-object, skewMatrix, dat is ingesteld om een scheeftrekkend effect toe te passen. Een andere matrix, tempMatrix, wordt toegewezen aan de huidige transformatiematrix van de sprite en wordt vervolgens gecombineerd met skewMatrix met de methode concat(). Deze matrix wordt toegewezen aan de eigenschap transform.matrix van het spritevierkant. Telkens wanneer de gebruiker op het vierkant klikt, transformeert de aanroep van clickHandler() de vorm van het vierkant door het scheef te trekken.
5. Bovendien maakt de methode clickHandler() een nieuw object ColorTransform. De eigenschap redOffset van de nieuwe ColorTransform wordt ingesteld op de huidige waarde van redOffset en met 25 verhoogd. Op dezelfde manier wordt de eigenschap blueOffset verminderd met 25. Bij elke klik verandert de kleur van de sprite.

package {
    import flash.display.Sprite;
    import flash.display.GradientType;
    import flash.geom.Matrix;
    import flash.geom.ColorTransform;
    import flash.events.MouseEvent;

    public class TransformExample extends Sprite {
        public function TransformExample() { 
            var target:Sprite = new Sprite();
            draw(target);
            addChild(target);
            target.useHandCursor = true;
            target.buttonMode = true;
            target.addEventListener(MouseEvent.CLICK, clickHandler)
        }
        public function draw(sprite:Sprite):void {
            var red:uint = 0xFF0000;
            var green:uint = 0x00FF00;
            var blue:uint = 0x0000FF;
            var size:Number = 100;
            sprite.graphics.beginGradientFill(GradientType.LINEAR, [red, blue, green], [1, 0.5, 1], [0, 200, 255]);
            sprite.graphics.drawRect(0, 0, 100, 100);
        }
        public function clickHandler(event:MouseEvent):void {
            var skewMatrix:Matrix = new Matrix();
            skewMatrix.c = 0.25;
            var tempMatrix:Matrix = this.transform.matrix;
            tempMatrix.concat(skewMatrix);
            this.transform.matrix = tempMatrix;
            
            var rOffset:Number = this.transform.colorTransform.redOffset + 25;
            var bOffset:Number = this.transform.colorTransform.blueOffset - 25;
            this.transform.colorTransform = new ColorTransform(1, 1, 1, 1, rOffset, 0, bOffset, 0);            
        }
    }
}