nochmal: wellenlinien animation ... HELP!

[RedSaint]

mh ok - ich hab eine intro wellenlinien animation von einer freundin bekommen - nicht meine idee gewesen, aber auch ich komm auch mit noch so viel überredungskunst nicht dran vorbei ...


hier mal das "storyboard"

mein erster gedanke war nun mit: lineTo bzw curveTo und sin/cos zu arbeiten und so die wellenlinien hinzubekommen ... der ansatz hierzu (nochmal dickes danke an tante amanda!!!)

-> nur wenn ich dann 10 linien oben und 10 unten hab ... kackt natürlich jeder rechner ab ...


frage:

_wie bekäme ich da o.g script performanter?

_oder wie könnte ich die animation des "storyboard" sonst noch anpacken?



-> einzelbilder aus AFX ...bin ich bei mehreren 100 KB´s ... bei nem quicktime auch ... alpha und bewegungs tweens zocken ( bei der größe der bilder) performance ohne ende und sind KB lastig ... weiß wer nen trick ... ne illusion ... nen smarten code ansatz?





once again ... danke

your´s
_RED_

hallo

mh..ja tatsächlich ein performanceproblem, wenn man die einzelnen linien nun nach diesem prinzip tatsächlich zeichnen lassen wollte. aber wer würde das schon so machen?

eine alternative die sich anbietet, ist die kurven zu duplizieren und durch skalierung immer ein wenig anders aussehen zu lassen, zumal deine kurven laut "storyboard" (*g*) ja quasi 'kurvenscharen' sind, die sich alle nach dem gleichen algorithmus errechnen..

createEmptyMovieClip("ocean", 10);
ptList=new Array(), ptList2=new Array();
anzahl = 15;
anzahlLinien = 10;
breite = Stage.width/anzahl*(anzahl+6);
for (var i = 0; i<anzahl; i++) {
    x = ((breite/(anzahl-1))*i);
    ptList[i] = {n:0, dz:i%2 ? (-(random(100))) : (random(100)), amp:(1+Math.random())/10, x:x, y:100};
    ptList2[i] = {x:0, y:0};
}
ocean.onEnterFrame = function() {
    for (var i = 0; i<anzahl; i++) {
        ptList[i].x -= 3;
        if (ptList[i].x<-Stage.width/anzahl*3) {
            ptList[i].x = breite;
            ptList.push(ptList.shift());
        }
        ptList[i].n += ptList[i].amp;
        ptList[i].y = Math.sin(ptList[i].n)*ptList[i].dz+100;
        ptList2[i].x = (ptList[i].x+ptList[i+1].x)/2;
        ptList2[i].y = (ptList[i].y+ptList[i+1].y)/2;
    }
    with (this) {
        clear();
        lineStyle(0, 0x0099cc);
        moveTo(ptList[0].x, ptList[0].y+a);
        lineTo(ptList[0].x, ptList[0].y+a);
        for (var i = 1; i<(anzahl-2); i++) {
            curveTo(ptList[i].x, ptList[i].y, ptList2[i].x, ptList2[i].y);
        }
        curveTo(ptList[i].x, ptList[i].y, ptList[i+1].x, ptList[i+1].y);
    }
    var l = anzahlLinien;
    while (l--) {
        this.duplicateMovieClip("dup"+l, l);
        var i = this._parent["dup"+l];
        i._width = this._width+l*100;
        i._x = this._x-(i._width-this._width)/2;
        i._y = this._y+l*10;
    }
}; 

hey kuhl..das sieht richtig plastisch aus..

gruß,
Tante Amanda

[RedSaint]

hej amanda!


super dass du dir nochmal die zeit nimmst ... ich hab mal angefangen einen "editor" zu bauen um die einzelnen werte zu raffen ... länge der linien, amplitude, geschwindigkeit etc ... soweit ok ... nur die anzahl der linien raff ich nicht ... wenn ich deine anzahllinien var nach oben satze geht garnichtsmehr ... und ich komm nicht dahinter mit was da zusammenhängt ...




_RED_

hi

das liegt daran, daß irgendwann ein linienduplikat die tiefe der ursprungslinie einnimmt und sie dadurch löscht. gib den linienduplikaten einfach einen anderen tiefenbereich, damit sie nicht mehr mit dem ursprungsclip ins gehege kommen.

gruß,
Tante Amanda

[RedSaint]

ohhhh man ... vor lauter wald die bäume nicht gesehen ...



danke ...






_RED_

Zitat von RedSaint

ohhhh man ... vor lauter wald die bäume nicht gesehen ...

vor lauter meer die wellen nicht gesehen..

gern geschehen..

und...zeig mal das ergebnis, wenn es fertig ist

gruß,
Tante Amanda