Flashforum - Die Community zu Adobe Flash, Flex AIR. Web Design und Inspiration.

pixartist · 01-12-2006, 22:35

joa, wieviel partikel kann man maximal auf nem durchschnittsrechner ruckelfrei darstellen? ich habe ein partikelsystem geschrieben, aber ab 1000 partikeln wirds bei mir ruckelig...

beispiel hier:

http://www.pixartist.de/a.html

hier nochn beispiel, bei diesem ruckelts bei mir aber auch praktisch nicht
http://www.pixartist.de/a2.html

fiveup · 01-12-2006, 22:40

bei mir ruckelt nichts....

Mac Pro 2,66 Quad Core

obwohl die aufsteigenden pixel könnten noch smoother laufen...

pixartist · 01-12-2006, 23:23

Zitat:

Zitat von fiveup

bei mir ruckelt nichts....

Mac Pro 2,66 Quad Core

obwohl die aufsteigenden pixel könnten noch smoother laufen...

leider nicht, ich kann sie ja nicht auf krumme positionen setzen (nicht ohne weiteres) und darum sieht man bei ganz langsamen bewegungen wie sie von einem pixel auf den nächsten springen

edit: ok hab nun statt floor round genommen, für die positionierung...sieht glaubich n bissel runder aus...hab das jetzt aber nicht hochgeladen

Aerks · 02-12-2006, 11:06

Zitat:

...maximal auf nem durchschnittsrechner ruckelfrei darstellen?

Kommt drauf an. Hängt davon ab, wie groß die Partikel sind, wie komplex die Regeln der Bewegung sind, ob die Menge der Partikel dynamisch ist etc.

Wenn man über 12 fps als ruckelfrei ansieht, dann komme ich auf meinem G4 iBook 1Ghz auf ca. 46.000 Partikel.

Partikel-Test ansehen

Das lässt sich aber IMO bestimmt noch steigern.

Viele Gruesse
=:] Aerks

**Omega Psi** · 02-12-2006, 13:47

amd athlon xp 2200+, 1,8ghertz 512mb ram...

flash player neun, ruckelfrei

georgem · 02-12-2006, 15:27

kommt sicher darauf an woraus ein partikel besteht, also wieviel Rechenpower pro Partikel draufgeht.

In meinem ersten bisherigen AS3 Experiment komm ich auf 300 radiale Gradienten (in Actionscript dynamisch erstellt) , das sind 3-stufige gradienten.

http://www.margaris.de/?p=1018

Und es ist gerade noch ruckelfrei auf meinem Rechner.
(Intel Pentium M 1.7 Ghz, Samsung R50)

Wenn ich dann baldmal AS3 komplett durchblicke dann lässt sich das sicherlich steigern.

pixartist · 02-12-2006, 18:03

also bei mir läuft das so...die partikel gehören jeweils zu einem effekt, haben dynamische lebensdauer, farbe und alpha...werden von der schwerkraft beeinflusst, und bei ihrer generierung wird dynamisch per richtungsvektor ihre bewegungsrichtung ausgerechnet...ich check nicht wie der typ es geschafft hat 46k partikel so flüssig darzustellen...ich poste mal meinen code der hauptklasse:
(der code ist sicher alles andere als optimal, ihr könnt mir ja mal nen tipp geben, wie ich die performance steigern kann!)

Hauptklasse:

ActionScript:

//------------------------------------------------------
//Partikelsystem geschrieben von Finn Sohst (pixartist)
//bitte nicht ohne erlaubniss weiterbenutzen...
//pixartist.de@gmail.com
//------------------------------------------------------
package
{
    import Particle
    import ParticleEffect
    import flash.display.Bitmap
    import flash.utils.trace
    import flash.display.BitmapData
    import flash.events.Event
    import flash.display.DisplayObject;
    import flash.text.textField;
    class PSys
    {
        
        private var pixellist:Array;
        private var swidth:Number;
        private var sheight:Number;
        private var imgObj:Bitmap;
        private var imgData:BitmapData;
        public var gravity:Number;
        public var lws:Number;
        public var pos:Array;
        public var effectsList:Array;
        public var aop:Number;
        
        public function PSys(displayObject:DisplayObject, xs:Number,ys:Number)
        {
            dop = displayObject;
            gravity = 0.1;
            lws = 0.95;
            swidth = xs;
            sheight = ys;
            pos = [0,0];
            pixellist = new Array();
            imgData = new BitmapData(swidth,sheight,true,0);
            imgObj = new Bitmap(imgData);
            displayObject.addEventListener( Event.ENTER_FRAME, onEnterFrame );
            displayObject.addChild( imgObj );
            effectList = new Array();
        }
        
        public function spawnParticle(sc:Number, ec:Number, sa:Number, ea:Number ,xp:Number,yp:Number,xv:Number,yv:Number, lifet:Number, id:ParticleEffect):Number
        {
            //spawnt den partikel...dreckig gecoded, funktioniert aber :)
            var tmp:Particle = new Particle(id);
            tmp.xp = xp;
            tmp.yp = yp;
            tmp.xv = xv;
            tmp.yv = yv;
            tmp.lifeTime = lifet;
            tmp.setColors(sc, ec, sa, ea);
            pixellist.push(tmp);
            //öhh das return ist hier geblieben, weil ich am anfang nen anderen ansatz zum ansprechen von partikel umsetzen wollte...hab die pläne aber geändert...bin aber zu faul das zu löschen...
            return 0;
            
            
        }
        public function addEffect(e:ParticleEffect)
        {
            //is klar
            effectList.push(e);
        }
        private function onEnterFrame( event: Event ): void
        {
            //effects:
            //effektliste durchlaufen....
            for(var e = 0; e < effectList.length; e++)
            {
                //wenn der effekt nicht bereits gelöscht oder inaktiv ist
                if(effectList[e] != undefined && effectList[e].active)
                {
                    //ist der timer = 0 dann werden die partikel gespawnt
                    if(effectList[e].timer <= 0)
                    {
                        //lets go;
                        for(var pa = 0; pa < effectList[e].particlesPerSpawn; pa++)
                        {
                            
                            //richtung berechnen..plödes winkelmaß... (hier vermute ich nen grossen performance verlust...)
                            var W:Number;
                            if(effectList[e].pMaxW > effectList[e].pMinW)
                            {
                                W = (Math.random()*(effectList[e].pMaxW - effectList[e].pMinW)) + effectList[e].pMinW;
                                
                            }
                            else if(effectList[e].pMaxW < effectList[e].pMinW)
                            {
                                W = Math.random()*(360-(effectList[e].pMinW - effectList[e].pMaxW))+effectList[e].pMinW;
                                while(W > 360)
                                    W -= 360;
                            }
                            
                            var bm = (W*Math.PI)/180;
                            var power = Math.random()*(effectList[e].pMaxV - effectList[e].pMinV)+effectList[e].pMinV;
                            var xp = Math.sin(bm)* power;
                            var yp = Math.cos(bm)* -power;
                            //und hier wird der partikel dann erstellt...
                            spawnParticle(effectList[e].pscolor, effectList[e].pecolor, effectList[e].psalpha, effectList[e].pealpha,effectList[e].pStartPos[0],effectList[e].pStartPos[1], xp, yp, (Math.random()*(effectList[e].pLifeTime[1]-effectList[e].pLifeTime[0]))+effectList[e].pLifeTime[0], effectList[e]);
                            
                        }
                        
                    }
                    //vars im effekt höchzählen (lifetime und so)
                    effectList[e].lifeTimer++;
                    effectList[e].timer++;
                    //timer für den spawn zurücksetzen
                    if(effectList[e].timer >= effectList[e].interval)
                    {
                        effectList[e].timer = 0;
                    }
                    //zeit abgelaufen?
                    if(effectList[e].lifeTimer >= effectList[e].duration && effectList[e].duration >= 0)
                    {
                        effectList[e] = undefined;
                    }
                    
                }
            }
            //nun wirds rechenintesiv partikelspezifischer kram
            //alle partikel durchgehen....
            for(var i = 0; i<pixellist.length ; i++)
            {
                //aop ist die anzahl der partikel...ürre nicht? ;)
                aop =  pixellist.length;
                //wenn der partikel auch existiert...
                if(pixellist[i] != undefined)
                {
                    //alte position vom bild entfernen...
                    imgData.setPixel32(Math.round(pixellist[i].xp),Math.round(pixellist[i].yp),0);
                    //position aktualisieren...
                    pixellist[i].xp += pixellist[i].xv;
                    pixellist[i].yp += pixellist[i].yv;
                    pixellist[i].yv += gravity;
                    pixellist[i].xv *= lws;
                    pixellist[i].yv *= lws;
                    //lifetimer...
                    pixellist[i].decLifeTimer();
                    //ausserhalb des bildschirms? (ausser nach oben )
                    if(pixellist[i].xp < 0 || pixellist[i].xp > swidth || /*pixellist[i].yp < 0 ||*/ pixellist[i].yp > sheight)
                    {
                        //weg damit
                        pixellist[i] = pixellist[pixellist.length-1];
                        pixellist.pop();
                    }
                    else if(pixellist[i].lifeTime <= 0)
                    {
                        //ist der partikel tot? dann wird hier der folgeeffekt gestartet!
                        if(pixellist[i].id.onDie != undefined)
                        {
                            //bzw die nachfolgeeffekte... es kann beliebig viele geben
                            for(var g = 0; g < pixellist[i].id.onDie.length; g++)
                            {
                                //prototyp duplizieren
                                var stmp:ParticleEffect = new ParticleEffect(pixellist[i].id.onDie[g].interval, pixellist[i].id.onDie[g].duration, pixellist[i].id.onDie[g].particlesPerSpawn, pixellist[i].id.onDie[g].pscolor, pixellist[i].id.onDie[g].pecolor, pixellist[i].id.onDie[g].psalpha, pixellist[i].id.onDie[g].pealpha , pixellist[i].id.onDie[g].pStartPos, pixellist[i].id.onDie[g].pMinV, pixellist[i].id.onDie[g].pMaxV , pixellist[i].id.onDie[g].pMinW, pixellist[i].id.onDie[g].pMaxW, pixellist[i].id.onDie[g].pLifeTime, pixellist[i].id.onDie[g].onDie);
                                stmp.setPosition([pixellist[i].xp,pixellist[i].yp]);
                                //und rein in die liste...
                                addEffect(stmp);
                            }
                        }
                        //ja, auch wenn ein partikel tot ist wird er gelöscht ;)
                        pixellist[i] = pixellist[pixellist.length-1];
                        pixellist.pop();
                        
                    }
                    else
                    {
                        //ansonsten wird er gezeichnet...
                        imgData.setPixel32(Math.round(pixellist[i].xp),Math.round(pixellist[i].yp),  pixellist[i].getColor());
                    }
                }
                
                
            }
                
        }
        
    }
}

Effektklasse:

ActionScript:

//------------------------------------------------------
//Partikelsystem geschrieben von Finn Sohst (pixartist)
//bitte nicht ohne erlaubniss weiterbenutzen...
//pixartist.de@gmail.com
//------------------------------------------------------
package
{
    class ParticleEffect
    {
        public var interval:Number;
        public var duration:Number;
        public var particlesPerSpawn:Number;
        public var pscolor:Number;
        public var pecolor:Number;
        public var psalpha:Number;
        public var pealpha:Number;
        public var pStartPos:Array;
        public var pMinV:Number;
        public var pMaxV:Number;
        public var pMinW:Number;
        public var pMaxW:Number;
        public var pLifeTime:Array;
        public var timer:Number;
        public var lifeTimer:Number;
        public var active:Boolean;
        public var onDie:Array;
        public function ParticleEffect(interval:Number, duration:Number, particlesPerSpawn:Number, pscolor:Number, pecolor:Number, psalpha:Number, pealpha:Number, pStartPos:Array, pMinV:Number, pMaxV:Number, pMinW:Number, pMaxW:Number, pLifeTime:Array, onDie:Array)
        {
            active = true;
            timer = 0;
            lifeTimer = 0;
            this.interval = interval;
            this.duration = duration;
            this.particlesPerSpawn = particlesPerSpawn;
            this.pscolor = pscolor;
            this.pecolor = pecolor;
            this.psalpha = psalpha;
            this.pealpha = pealpha;
            this.pStartPos = pStartPos;
            this.pMinV = pMinV;
            this.pMaxV = pMaxV;
            this.pMinW = pMinW;
            this.pMaxW = pMaxW;
            this.pLifeTime = pLifeTime;
            this.onDie = onDie;
        }
        public function setPosition(pStartPos:Array)
        {
            this.pStartPos = pStartPos;
        }
    }
}

wär super wenn ihr das mal überfliegen könntet um mir n paar tips zu geben, danke

pixartist · 02-12-2006, 21:00

ok wie hart lagt das bei euch? komme auf 6 fps

www.pixartist.de/a3.html

shikamoo · 02-12-2006, 22:17

bin bei 9-11...

fiveup · 02-12-2006, 23:18

15 - 25 fps

die gesamte animation hält ca 1x die sekunde kurz an. ansonsten läufts flüssig.

pixartist · 02-12-2006, 23:26

sagt mal, sind die werte ok oder zu langsam? xD

Salvation · 03-12-2006, 13:58

ca. 31 fps....allerdings läuft langsam aber sicher der CPU-Lüfter immer mehr. (AMILO M3438G, Intel Centrino Alviso 2,0 GHz)

Aerks · 03-12-2006, 14:24

Beim letzten Beispiel komm ich so auf rund 10 fps. G4-iBook ca. 1Ghz.

Ich hab den Source jetzt nur mal so überflogen, aber ein paar Sachen, die man recht einfach ändern könnte sind mir aufgefallen.

Du holst dasselbe Objekt jedesmal neu aus einem ungetypten Array. Das dauert.

Code:

pixellist[i].xp += pixellist[i].xv;
pixellist[i].yp += pixellist[i].yv;
pixellist[i].yv += gravity;
pixellist[i].xv *= lws;
pixellist[i].yv *= lws;

Besser wäre es so, dann weiss der Compiler auch was er da vor sich hat. Das ist wesentlich schneller.

Code:

var obj:Particle=pixellist[i];
obj.xp += obj.xv;
obj.yp += obj.yv;
obj.yv += gravity;
obj.xv *= lws;
obj.yv *= lws;

Der Hauptflaschenhals ist aber das ständige generieren von Objekten und das popen und pushen auf Arrays. Die meiste Zeit geht bestimmt für Speicherverwaltung drauf, deshalb würde ich alle Objekte vorher in einem Particle-Pool anlegen und dann immer wieder recyclen.

Math.round() sieht man eh kaum, würde ich weglassen.

@shikamoo

Zitat:

bin bei 9-11...

<paranoia>Himmel!!1 Und auf dem Bild sind Wolkenkratzer abgebildet!!!!1 Das muss was bedeuten</paranoia>

Viele Gruesse
=:] Aerks

pwdVergesser · 03-12-2006, 16:20

Zitat:

Zitat von Aerks

Partikel-Test ansehen

@aerks...
im übrigen ein sehr schöner effekt!

pwd

**sebastian** · 03-12-2006, 16:23

Ja dito

Bei a3 komme ich übrigens auf so 30-40 fps (teilweise auch mal 2-3 mehr)
[auf dem Notebook]

Edit: Ach ja, im FF nur so 14-17

01-12-2006, 22:35	#1 (permalink)
pixartist Meep! Registriert seit: Sep 2005 Beiträge: 146	Wieviel partikel sollte man in as3 schaffen? joa, wieviel partikel kann man maximal auf nem durchschnittsrechner ruckelfrei darstellen? ich habe ein partikelsystem geschrieben, aber ab 1000 partikeln wirds bei mir ruckelig... beispiel hier: http://www.pixartist.de/a.html hier nochn beispiel, bei diesem ruckelts bei mir aber auch praktisch nicht http://www.pixartist.de/a2.html __________________ http://www.pixartist.de Geändert von pixartist (01-12-2006 um 23:18 Uhr)

01-12-2006, 22:40	#2 (permalink)
fiveup MVC-Sympathisant Registriert seit: Sep 2005 Ort: Köln Beiträge: 34	bei mir ruckelt nichts.... Mac Pro 2,66 Quad Core obwohl die aufsteigenden pixel könnten noch smoother laufen... Geändert von fiveup (01-12-2006 um 22:43 Uhr)

02-12-2006, 15:27	#6 (permalink)
georgem x39 Registriert seit: Oct 2004 Ort: St.Gallen, Schweiz Beiträge: 1.261	kommt sicher darauf an woraus ein partikel besteht, also wieviel Rechenpower pro Partikel draufgeht. In meinem ersten bisherigen AS3 Experiment komm ich auf 300 radiale Gradienten (in Actionscript dynamisch erstellt) , das sind 3-stufige gradienten. http://www.margaris.de/?p=1018 Und es ist gerade noch ruckelfrei auf meinem Rechner. (Intel Pentium M 1.7 Ghz, Samsung R50) Wenn ich dann baldmal AS3 komplett durchblicke dann lässt sich das sicherlich steigern. __________________ The Sleeper Must Awaken www.margaris.de \| www.exosolar.net

02-12-2006, 21:00	#8 (permalink)
pixartist Meep! Registriert seit: Sep 2005 Beiträge: 146	ok wie hart lagt das bei euch? komme auf 6 fps www.pixartist.de/a3.html __________________ http://www.pixartist.de

02-12-2006, 22:17	#9 (permalink)
shikamoo ---------------> Registriert seit: Jan 2006 Ort: München Beiträge: 1.185	bin bei 9-11... __________________ Bücher kaufen und das Forum unterstützen! Was Sie schon immer über Flash wissen wollten, aka "Nützliche Beiträge zu häufig gestellten Fragen".

02-12-2006, 13:47	#5 (permalink)
Omega Psi Perverted Hermit Registriert seit: Mar 2004 Ort: Delmenhorst Beiträge: 12.141	amd athlon xp 2200+, 1,8ghertz 512mb ram... flash player neun, ruckelfrei

02-12-2006, 23:18	#10 (permalink)
fiveup MVC-Sympathisant Registriert seit: Sep 2005 Ort: Köln Beiträge: 34	15 - 25 fps die gesamte animation hält ca 1x die sekunde kurz an. ansonsten läufts flüssig. Geändert von fiveup (02-12-2006 um 23:21 Uhr)

02-12-2006, 23:26	#11 (permalink)
pixartist Meep! Registriert seit: Sep 2005 Beiträge: 146	sagt mal, sind die werte ok oder zu langsam? xD __________________ http://www.pixartist.de

03-12-2006, 13:58	#12 (permalink)
Salvation Neuer User Registriert seit: Apr 2002 Ort: Thüringen Beiträge: 18	ca. 31 fps....allerdings läuft langsam aber sicher der CPU-Lüfter immer mehr. (AMILO M3438G, Intel Centrino Alviso 2,0 GHz) __________________ People once believed that when someone dies a crow carries their soul to the land of the dead. But sometimes something so bad happens that a terrible sadness is carried with the soul and the soul can't rest. And sometimes just sometimes the crow can bring that soul back to put the wrong things right.

03-12-2006, 16:23	#15 (permalink)
sebastian Flashworker Registriert seit: Nov 2001 Ort: Wiesbaden Beiträge: 10.945	Ja dito Bei a3 komme ich übrigens auf so 30-40 fps (teilweise auch mal 2-3 mehr) [auf dem Notebook] Edit: Ach ja, im FF nur so 14-17 Geändert von sebastian (03-12-2006 um 16:38 Uhr)

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Ansicht
Linear-Darstellung Zur Hybrid-Darstellung wechseln Zur Baum-Darstellung wechseln