Webdesign in Siegen

Feuerwerk per JavaScript

Fragen zum Thema JavaScript können hier gestellt werden

Moderatoren: Basti, Ingo

Feuerwerk per JavaScript

Beitragvon Ingo am 31.12.2007, 02:48

Hi, allerseits.

Hin und wieder baue ich kleine, völlig sinnfreie Projekte - sinnfrei, wenn man vom
Lerneffekt und dem Spass beim Zusammenbauen einmal absieht. :lol:

Passend zum Jahreswechsel nun also ein Feuerwerk, und zwar in JavaScript. Das ist eine
der Sprachen, auf die ich nun nicht unbedingt käme, wenn's auch nur entfernt um Graphik-
Schickschnack geht. Aber gerade das hat mich gereizt 8)

Nebenbei stellte sich heraus, dass der IE und Opera ganz locker klarkommen mit dem Skript,
während der von mir im übrigen sehr geschätzte FireFox sich beim Herumschubsen von einigen
hundert <p>-Sternchen dann doch schwerer tut.

Jahreswechsel-Grüße, Ingo

PS: Wer's lieber weiss statt bunt mag, kommentiere in der function Star die letzte Zeile aus.
Dateianhänge
Feuerwerk_002.zip
(1.78 KiB) 28-mal heruntergeladen
Die beste Browserweiche ... sitzt zwischen den Ohren ;o]
Benutzeravatar
Ingo
Moderator
 
Beiträge: 434
Registriert: 01.04.2007, 23:21
Wohnort: Neuss/NRW

Re: Feuerwerk per JavaScript

Beitragvon Manuel am 31.12.2007, 03:24

Wow, sehr genial Ingo!

Werde mir den Quellcode bestimmt bald mal genauer anschauen, das Ergebnis ist für Javascript aber wirklich klasse geworden! :thumbsup:

Dir auch einen guten Rutsch!
Lg,
Manuel ;-]
Unterstützt uns bitte als Dankeschön mit einer täglichen Stimme beim GIGA Homepage Award. Vielen Dank!
Benutzeravatar
Manuel
Site Admin
 
Beiträge: 8388
Registriert: 10.12.2004, 19:29
Wohnort: Asbach

Re: Feuerwerk per JavaScript

Beitragvon Basti am 31.12.2007, 12:13

Da kann ich mich Manu nur anschließen, das Ergebnis ist wirklich super :thumbsup:

Ich glaube so etwas sollte ich auch mal probieren, da ich in Sachen JavaScript leider auch nur die wichtigsten Grundlagen kann. Dein Ergebnis gefällt mir zumindest richtig gut, wobei man vielleicht noch die Frequenz der Abschüsse hätte höher einstellen können, aber das dürfte ja nicht weiter schwierig sein.
Gruß,
Basti


Bild Bild
Benutzeravatar
Basti
Moderator
 
Beiträge: 1774
Registriert: 15.06.2006, 17:33
Wohnort: Rheinbreitbach

Re: Feuerwerk per JavaScript

Beitragvon Ingo am 31.12.2007, 16:28

Hi + dangööö ;o))

Die Zeit zwischen zwei Abschüssen stellt man ganz unten in der Funktion go111() ein: der Ausdruck
2000 + 2000*Math.random() bedeutet "2 bis 4 Sekunden". Math.random() liefert eine Zufallszahl
zwischen 0 und 1. Je kürzer die Zeit, desto mehr ist los.
Weiteres Tuning: In der Funktion Bomb() stellt man mit this.nstars und this.size die Anzahl der
Sterne in einer Bombe bzw. den Radius der Bombe ein. - Vllt. kommentiere ich ja den Code noch
etwas mehr, sonst steig ich da irgendwann selbst nicht mehr durch :lol:
Die beste Browserweiche ... sitzt zwischen den Ohren ;o]
Benutzeravatar
Ingo
Moderator
 
Beiträge: 434
Registriert: 01.04.2007, 23:21
Wohnort: Neuss/NRW


Zurück zu JavaScript

Wer ist online?

Mitglieder in diesem Forum: 0 Mitglieder und 1 Gast