Bewege Animation im Hintergrund? [Archiv]

Gast

2007-07-01, 22:54:13

Ich möchte das auf meiner Webseite im Hintergrund ein kleiner Kreis wie bei einem Pong Spiel über die gesamte Webseite im Hintergrund hin und her springt.

Welche Möglichkeiten gibt es da, dies als Vollbild zu realisieren.

Eine Gif Animation scheidet wohl wegen der Dateigröße aus, oder?

Geht das also nur mit Flash oder gibt es noch Alternativen?
Wie sieht es mit Java Script aus?

Gast

2007-07-04, 00:58:42

Hat niemand Ahnung?

Roi Danton

2007-07-04, 01:03:30

Interface (http://interface.eyecon.ro/demos), Effekte -> Easing. jQuery brauchst Du noch als Bibo für dieses Skript.

mapel110

2007-07-04, 01:05:16

Gif dürfte wirklich zu groß werden.

Flash dürfte das Einzige sein, womit sowas zu realisieren ist bei erträglichem Aufwand.

Vielleicht könnte man mit Javascript eine css-Ebene inkl Hintergrundpic der Ebene verschieben. Aber das ist imo richtig pervers.
Eventuell wird man zwecks Funktionalität der Seite zu Javascript gezwungen und hat dann keine Möglichkeit, diese Hintergrund-Animation zu unterbinden.
Wenn dann würd ich das auf jedenfall "abschaltbar" machen auf der Seite.

Gast

2007-07-04, 15:02:37

@ Roi Danton

THX, ich schaue mir mal Ajax und JQuery genauer an.

@mapel110
Keine Angst, das Ding soll nur zur Verschönderung der Seite dienen und ist also
nicht zwingend erforderlich.
Wenn auf dem Browser also Java-Script deaktivert ist, dann wird die Seite einfach ohne diesen Effekt dargestellt.

Sphinx

2007-07-04, 17:40:55

Ich denke mit Java liegst du auf der richtigen Schiene. Ich kann mich noch an solche Scripts erinnern aber denke Google wird dir helfen.

Gast

2007-07-04, 18:53:49

Ich denke mit Java liegst du auf der richtigen Schiene. Ich kann mich noch an solche Scripts erinnern aber denke Google wird dir helfen.

Java != JavaScript

Gast

2007-07-04, 19:14:13

Kann man eigentlich eine SVG Grafik über normalen HTML text legen und diese dann animieren?

Eine Animation einer SVG Grafik in einer Box sollte ja kein Problem sein,
aber ob es auch in Ebenen geht würde mich mal interessieren:
http://de.wikipedia.org/wiki/SVG#Animationen

Roi Danton

2007-07-04, 23:33:30

Habe mit SVG leider keine Erfahrung. Dürfte es dem SVG nicht egal sein, ob es in einem eigenen Fenster oder innerhalb eine Ebene läuft?

Der Vorteil von jQuery (oder anderen JS Bibliotheken) ist der schnelle Zugriff auf oft gebrauchte Variablen/Funktionen, etwa schnelles Ansprechen von Elementen im DOM, die Höhe des Browserfensters oder der Zeitpunkt, wann die Scripts ausgeführt werden sollen (Events). Insofern sollte sich damit relativ schnell Dein Hintergrund-Pong umsetzen lassen.

/dev/NULL

2007-07-05, 11:52:23

Gast

2007-07-05, 13:12:40

SVG kann imho kaum ein Browser out of the Box (Opera ein bischen, Firefox auch, aber keine Animationen) und die entsprechenden Plugins haben wenige installiert (ich würde mir kein SVG-PlugIn installieren um bewegten Hintergrund zu sehen..)

Das ist mir schon klar, ich gehe davon aus, daß die Browser mit der Zeit aufschließen.

Mit SVG hätte man nämlich auch die Möglichkeit, daß man das Pong Spiel
etwas weiter ausbaut.
Bei einem Kreis ist es z.B. zwar egal, aber ein Rechteck könnte man mit SVG z.B. auch drehen, daß ist mit Bitmaps nicht so ohne weiteres möglich.

Gast

2007-07-05, 13:13:35

BTW. wie würdet ihr hierfür Moo.fx finden?
http://moofx.mad4milk.net/

Das soll angeblich auf Grafikeffekte via Java Script spezialisiert sein.

mithrandir

2007-07-05, 16:46:49

Also in ganz simpel so etwas in etwa:
http://staff.withingames.net/mithrandir/test/test_pong.html

Oder?

HeldImZelt

2007-07-06, 00:50:00

Man kann mit Blender und SVG Export Plugin eine gif-ähnliche Animation erzeugen. Das Bild besteht aus Vektoren und kann stufenlos skaliert oder maximiert werden. Die Vektoren pro Bild sind aber framebasiert und stehen in keiner Relation zueinander.

Edit: Hoppla.. stimmt nicht ganz. Ich hatte mal eine Animation mit 3dsmax gemacht, nicht mit Blender. Ob Blender Animationen exportieren kann, weiß ich garnicht. Zumindest kam zum Schluss ein Flash-File raus. Das sah so aus: Animation (http://de.geocities.com/heldimzelt1638/PatchBend.swf)

/dev/NULL

2007-07-06, 14:20:49

Das ist mir schon klar, ich gehe davon aus, daß die Browser mit der Zeit aufschließen.

Das mit sicherheit, aber wenn der User jetzt was haben will lohnt es nicht ihn auf 2010 zu vertrösten, bis/falls der IE dann überhaupt svgs nativ kann.

Gast

2007-07-06, 14:52:00

Also in ganz simpel so etwas in etwa:
http://staff.withingames.net/mithrandir/test/test_pong.html

Oder?

Ja, genau, nur sollte der Ball über dem Werbebanner sichtbar bleiben.

Gast

2007-07-06, 14:53:50

Das mit sicherheit, aber wenn der User jetzt was haben will lohnt es nicht ihn auf 2010 zu vertrösten, bis/falls der IE dann überhaupt svgs nativ kann.

Da der Efekt nur zur Verschönerung dient und nicht zwingend erforderlich ist,
wird der User die Seite auch ohne diesen Effekt benutzen können.

Gast

2007-07-06, 15:00:01

Noch eine Frage zu dieser Testseite mit dem Pong Spiel.

Würde das auch mit SVG gehen?
Und könnte man mal testen ob man das racket.gif bzw. die SVG Version, also racket.svg drehen könnte?

Gast

2007-07-06, 15:02:06

Das mit sicherheit, aber wenn der User jetzt was haben will lohnt es nicht ihn auf 2010 zu vertrösten, bis/falls der IE dann überhaupt svgs nativ kann.

Der IE ist mir übrigens egal, die meisten Leute nutzen heutzutage eh Firefox, Seamonkey, Safari, Konqueror oder Opera.

mbee

2007-07-06, 18:07:13

Der IE ist mir übrigens egal, die meisten Leute nutzen heutzutage eh Firefox, Seamonkey, Safari, Konqueror oder Opera.

Die Aussage ist (auf den weltweiten Marktanteil bezogen) völliger Blödsinn bzw. brauchst Du wohl ein wenig Nachhilfe in Statistik...;)
http://www.validome.org/blog/news/Item-127

Gast

2007-07-06, 19:32:38

Die Aussage ist (auf den weltweiten Marktanteil bezogen) völliger Blödsinn bzw. brauchst Du wohl ein wenig Nachhilfe in Statistik...;)
http://www.validome.org/blog/news/Item-127

Ich halte mich ausschließlich an die W3C Standards, sollte der IE irgendetwas davon nicht können, Pech für ihn.

Und ich kann es mir leisten, ich habe schließlich nicht auf meiner Webseite vor ein Produkt zu verkaufen.

Eine Online Shop muß sich natürlich darum bemühen, daß die Webseite auch noch mit Netscape 4.0 läuft, aber als Privatuser habe ich so etwas nicht notwendig, ich kann es mir leisten Leute auszusperren, die einen veralteten Browser benutzen, der sich nicht an Standards hält.

Gast

2007-07-06, 19:34:42

Außerdem, würden alle Privatleute oder Webseiteninhaber die nicht davon abhängig sind, daß deren Leute auch mit uralt Browser betrachtbar sind so verfahren wie ich, dann würden sich viel mehr Leute Firefox oder Co installieren und der Marktanteil vom IE würde weiter sinken.

Das ganze hat also einen positiven Nebeneffekt.