Performance Problem beim Bewegen eines 653 Objekte beinhaltenden Sprites

[falsanu]

Hallo Forum,

ich hab ein ziemlich schwerwiegendes Problem, das ich im Folgenden mal kurz schildern möchte.

Ausgangsituation:
Mit hilfe eines kleinen ImageBots durchsuche ich ein Bild jeweils von oben nach unten gehenden auf deren Farbwerte und lege, falls die Werte passen ein Sprite auf die Stage. Wenn der Vorgang abgeschlossen ist sind das 653 Sprites die alle gleich aussehen (Rechtecke).
Dann skaliere ich dieses Objekt mit den 653 Inhalten (Mutter) so das es auf die Stage passt.

OnClick auf die Stage skaliert sich Mutter auf scaleX = scaleY = 1 mittels der Tweener Klasse so dass alle Rechtecke in Originalgröße sichtbar sind.

Nun möchte ich das sich Mutter je nachdem wo die Maus sich befindet verschiebt, und dabei entsteht das Problem. Die Prozessorlast schießt in die Höhe (~60% und das Bild fängt an zu ruckeln).

Folgenden Code benutze ich um die Bewegung zu steuern, hat jemand eine Idee wie ich da die größt mögliche Performance rausholen kann, denn wie es ausschaut muss ich Mutter noch duplizieren, weil die Duplikate noch als Maske herhalten müssen.

PHP-Code:

        public function enterFrameListener(e:Event){
            var angle:Number = Math.atan2( (this.dad.stage.stageHeight/2) - this.dad.mouseY, (this.dad.stage.stageWidth/2) -  this.dad.mouseX );
            moveWithMouse(angle);
        }
        
        private function moveWithMouse(angleBetween):void
        {
            var baseSpeed = 10;

            var xSpeed = Math.cos(angleBetween) * baseSpeed;
            var ySpeed = Math.sin(angleBetween) * baseSpeed;

            var nextLeft    = this.x + xSpeed;
            var nextTop        = this.y + ySpeed;
            
            var limitLeftStart     = 0;
            var limitTopStart    = 0;
            var limitLeftEnd    = 0 - this.width + this.dad.stage.stageWidth;
            var limitTopEnd        = 0 - this.height +  this.dad.stage.stageHeight;
            
            if(nextLeft<limitLeftStart && nextLeft>limitLeftEnd ){
                x += xSpeed;

            }
            if(nextTop > limitTopEnd && nextTop < limitTopStart){
                y += ySpeed;
            }

        } 


Ich würde mich freuen, wenn Ihr eine Idee habt, da ich mit meinem Latein am Ende bin.

Vielen Dank und Viele Grüße
Jan

[gaspode]

Was genau hat es mit diesen Rechtecken auf sich?
Sind die einfarbig gefüllt und müssen sie sich später
nicht mehr unabhängig bewegen? Dann würde ich
sie nämlich einfach in ein BitmapData-Objekt »malen«
und dann nur das bewegen.

gruß, gaspode

[hmpf]

Vielleicht bringt auch schon cacheAsBitmap = true; etwas?

[falsanu]

@ hmpf: cacheAsBitmap hat schon einiges gebracht (ich cache jedes Rechteck einzeln als Bitmap, das brachte mehr performance als wenn ich "Mutter" als Bitmap cache)

@gaspode:
die Rechtecke ist halt nicht wirklich ein Rechteck, sondern ein aus der Bibliothek geladener MC. Im weiteren Verlauf muss ich die einzelnen Rechtecke per Mouse.MOUSE_OVER - Eventlistener aufrufen, funktioniert das mit deiner Methode dann noch?

[gaspode]

Zitat von falsanu

funktioniert das mit deiner Methode dann noch?

Ich denke nicht. Dann bräuchtest Du immer
noch Clips, um die ClickEvents zu erkennen.

gruß, gaspode

[falsanu]

Hello again...

so mit cacheAsBitmap habe ich nun schon eine ganze Menge rausgeholt, jetzt kommt allerdings die Zweite Stufe und damit das zweite Problem.

Das nächste Problem ist, dass über die vielen Objekte auf der Stage ein einzelner Verlauf von ff0000 zu ffffff liegen soll. Die einzelnen Objekte sind erst schwarz und bei Änderung ihres Zustandes werden sie in den Verlauf integriert.
Ich dachte ich könnte das so machen (um Performance zu sparen) dass ich einen Verlauf erstelle über die gesamte größe, und den Teil den ich für das einzelne Objekt brauche heraus schneide. Allerdings sagt mir Flash immer "ungültige Bitmap-Data"

Habt Ihr eine Idee was an dem folgenden Code falsch sein soll?

PHP-Code:

        public function createGradient(xPos, yPos, wb):Sprite{
            var gradient = new Shape();
            //trace(xPos + " --- " + yPos);
            //var rect:Rectangle = new Rectangle();

            var _bgColors:Array = new Array (0xFF0000, 0xFFFFFF);
            var fillType:String = GradientType.LINEAR;
            var colors:Array = _bgColors;
            var alphas:Array = [1, 1];
            var ratios:Array = [0, 255];
            var myMatrix:Matrix = new Matrix();
            
            myMatrix.createGradientBox(this.imageBot.getGridWidth(), this.imageBot.getGridHeight(), 0, 0, 0);
            
            gradient.graphics.beginGradientFill(fillType, colors, alphas, ratios, myMatrix);
            
            gradient.graphics.drawRect(0, 0,this.imageBot.getGridWidth(), this.imageBot.getGridHeight());
            gradient.graphics.endFill();
            

            gradient.cacheAsBitmap = true;
            import flash.display.Bitmap;
            import flash.display.BitmapData;
            

            var myBitmapData:BitmapData = new BitmapData(this.imageBot.getGridWidth(), this.imageBot.getGridHeight());
            myBitmapData.draw(gradient, null, null, null, new Rectangle(xPos * this.cfg.getFieldWidth(),yPos*this.cfg.getFieldHeight(),this.cfg.getFieldWidth(),yPos*this.cfg.getFieldHeight()),false);
            var bmp:Bitmap = new Bitmap(myBitmapData);
            gradient.graphics.clear();
            var s = new Sprite();
            s.addChild(bmp);

            return s; 

        } 


Das Bitmap ist 2280 * 2294px
fieldWidth = 60
fieldHeight = 37

Habt Ihr eine Idee???

[padavan]

evt. liegt dein BMD-rectangle außerhalb der gradient-shape? was übergibst du als xPos/yPos?