Tornado programmieren?

[kruemelfan]

Hallo,

ich brauche für eine Website einen Tornado.
Ich sitz schon seid einer Weile dran, aber jetzt hab ich echt keine Ideen mehr.
So siehts zur Zeit aus: tornado09.swf

Und zwar hab ich einen MC mit der Ellipse und folgendem Script:

ampl = 150;
y=1;
incr = 0.1;
x = 0;

onEnterFrame = function() {
	//hin und her bewegen
        this._x = (Math.cos(x) * this.ampli) + this.xpos;
	//scalieren
	this._yscale = (Math.sin(y)+2)*(this.yhoehe/2);
	
        x += incr;
	y-= incr;
}

und im ersten Bild der Szene füge ich mehrere solche Ellipsen ein:

x = 0; // inatiale x-Position
y=0;
ampl = 150; // Amplitude der Welle/Schwingung
xpos = 210; // Position der x-Achse
incrx = 0.07; // Inkrement des Winkels
ypos=100;
breite=100;
hoehe=100;

for(i=0; i<15; i++) {
        attachMovie("mc_bogen", "mc_bogen" + i, 100+i);
        newbogen = this["mc_bogen"+i];
        newbogen._y = ypos;
        newbogen._x = xpos;
	newbogen._xscale=breite;
	newbogen._yscale=hoehe;
	newbogen.xpos=xpos;
	newbogen.yhoehe=hoehe;
	newbogen.ampli=ampl;
	ypos=ypos+12;
	xpos=xpos+3;
	breite=breite-7;
	hoehe=hoehe-7;
	ampl=ampl+5;
	
}

Es sähe sicher realistischer aus, wenn sich der Tornado noch in sich drehen würde, aber wie?
Bin für alle (auch andere) Vorschläge dankbar!

Viele Grüße, Saskia

[Dharokan]

Die simpelste Variante ist ganz einfach:
Anmimier doch den mc mit der Eclipse. Also lass darin ein paar Stellen der Eclipse weg und rotiere das Ganze dann oder so (einfach in der Timeline).
Du könntest die Eclipse natürlich auch relistischer zeichnen (inkl. Rotationsanimation) - könnte auch gut aussehen.

Gruß,
Dharokan

[kruemelfan]

ich hab schon versucht die ellipse mit einer Pfadanimation zu drehen, aber das sah irgendwie doof aus. das Problem ist dann das yscale.
Und wie gestalte ich den Tornado realistischer... ich hatte erst nur so die Elipse gezeichnet, weil es mir auf die Bewegung ankam, aber eine Idee wie das besser aussieht hab ich nicht...vielleicht mehr ringe enger beisammen?

[nullidee]

schau doch mal bei Robert Penner unter Experimente > Cyclone

http://www.robertpenner.com/index2.html

[Dharokan]

Zitat von kruemelfan

ich hab schon versucht die ellipse mit einer Pfadanimation zu drehen, aber das sah irgendwie doof aus. das Problem ist dann das yscale.
Und wie gestalte ich den Tornado realistischer... ich hatte erst nur so die Elipse gezeichnet, weil es mir auf die Bewegung ankam, aber eine Idee wie das besser aussieht hab ich nicht...vielleicht mehr ringe enger beisammen?

Mach doch einfach eine bild-für-bild Animation "von Hand", wenn das Tweening doof aussieht. Dürfte doch nicht so schwer sein, den Kreis dazu zu bringen, daß er sich schön dreht.

Um's realistischer zu gestalten könntest Du z.B. die einzelnen Bilder in Photoshop machen und dann als Bitmaps in die Keyframes setzen. Dann könntest Du auch schön ein paar "Brocken" mitfliegen lassen in einer braunen Staubwolke und ein wenig mit Motionblur rumspielen

Musste halt mal experimentieren.

Öhm... wofür soll's eigentlich gedacht sein?

[Janoscharlipp]

Ganz einfach geht es, wenn du einen Ring verschachtelst.
Innen ist einfach ein Kreis, der sich dreht.
Außenrum ist ein MovieClip, der z.B. 50% in vertikal gestaucht ist.

[nullidee]

hab mal schnell was zusammengepappt,
musst nur noch die horizontale Bewegung reinbringen
mal als Anfang

[kruemelfan]

danke, ihr seid super
die firma hat einen tornado im logo und hätte diesen gern irgendwie transparent und animiert im hintergrund der website.
was ist den motionblur?
@nullidee: danke für den vorschlag, sowas in der art hatte ich auch schon, gefiel meinem mann nicht
@janoscharlipp: kannst du mir das anschaulicher beschreiben, steh irgendwie auf dem schlauch

[nullidee]

Zitat von kruemelfan

@janoscharlipp: kannst du mir das anschaulicher beschreiben, steh irgendwie auf dem schlauch

ist wie bei meinem Beispiel
im MC conti sind die Kreismcs die sich drehen und der MC conti ist mit _yscale gestaucht

[kruemelfan]

ich kann dein fla leider nicht öffnen, dann stürzt mein flash ab (hab mx)
hab nur das swf gesehen, aber bewegt hat sich da nix

[nullidee]

sorry, habe das MX nicht gesehen,
ich kann leider nur noch MX2004 anbieten

SWF angesehen und nix hat sich bewegt?

was hast du für Flashplayerversion?

hier mal das script

PHP-Code:

var anzahl = 20;
var conti = this.createEmptyMovieClip("conti",1);
conti._x = 350;
conti._y = 150;
conti._yscale = 25;

for(var i=0;i<anzahl;i++){
    var mc = this.conti.attachMovie("ring","ring"+i,10+i);
    mc._y = i* 50;
    mc._xscale = 100-(i*5);
    mc._yscale = 100-(i*5);
    mc._rotation = random(180);
    mc.onEnterFrame = function(){
        this._rotation += 10;
    };
} 


[Dharokan]

Motionblur = Bewegungsunschärfe

Zeig doch mal das Logo, dann können wir Dir vielleicht besser helfen

[kruemelfan]

diese seite soll neu werden: http://www.kat-werbedesign.de/

[Dharokan]

Na dann ist die Richtung doch wohl klar:
Handgezeichnete (gekrakelte?) Kreise.
Nimm Dir Papier, zeichne ein paar unregelmäßige Kreise darauf, scanne diese ein und drehe Sie pro Frame ein wenig weiter.

[nullidee]

zu der Seite sag ich mal lieber nix, aber lass doch lieber das animierte Logo weg. Statisch wäre in dem Fall besser.

was soll das Logo überhaupt sagen?
schnell wie der Wirbelwind oder ich wirble alles durcheinander
ist jetzt spass