Supportnet Computer
Planet of Tech

Supportnet / Forum / Webseiten/HTML

Ich will mit meinemm feurigen Wagen am Himmel entlang fahren





Frage

und zwar möchte ich das an einem virtuellen Webseitenhimmel. Manchmal sieht man so kleine Maumännchen von links nach rechts über den Bildschirm flitzen oder so kleine Autochen. Und so hab ich mir gedacht, dass ich das mit meinem feurigen Wagen auch kann: Ich möchte unten rechts, also im Osten, auf der Webseite erscheinen und dann in einem Bogen düsen, um dann im Westen, also unten links wieder zu verschwinden. Hat da jemand ne Idee? Oder gibt´s da ein Tool? Oder ein Script? Die kleinen Schneeflöckchen hier oben im Himmel, die können sowas. Ich will das auch können. Können mir Erdlinge überhaupt dabei behilflich sein?

Antwort 1 von Ralfman

Versuch es mit Macromedia Flash

Antwort 2 von Laimer

Antwort 3 von Helios

@Ralfmann:

:-))) = Hab das Progrämmli zwar, aber auch selber Flashblock aktiviert

und bedienen kann ich es auch nicht.

@Laimer:

Du willst mich doch nicht laimen?

Ich habe auf Redschinas Seiten nichts zu dem gefunden, was ich suche.
Hab ich etwas übersehen?

Antwort 4 von Laimer

och schade, früher hatte sie so zeuch drauf ;-)

Antwort 5 von rfb

so könnte das funktionieren:


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html lang="de">
<head>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
<title>test</title>
<style type="text/css">
<!--
body {margin:0; padding:0; width:100%; height:100%; color:yellow; background-color:blue;}
div#p {position:absolute; right:0; bottom:0; z-index:2;}
-->
</style>
<script type="text/javascript">
<!--
var x,wH,wW;

function kreisen() {
var p=eval(document.getElementById("p"));
var xm=wW;
var r=xm/2;
var r2=r*r;
y=Math.round(wH-Math.sqrt(r2-Math.pow(r-x,2)));
p.style.top=y+"px";
p.style.left=x+"px";
x=(x>0)?x-1:xm;
}

function anfang(z) {
if (window.innerHeight) {
wH=eval(window.innerHeight);
wW=eval(window.innerWidth)
}
else {
wH=eval(document.body.offsetHeight);
wW=eval(document.body.offsetWidth);
}
x=wW;
var a=window.setInterval("kreisen()",z*100)
}
//-->
</script>
</head>
<body onload="anfang(1);">
<div id="p">;-)</div>
</body>
</html>


Antwort 6 von Helios

Genial, rfb.
Geanau das hab ich gesucht.

Aber erlaub mir nun die Frage:
Darf ich dein Script unbesehen in meine Homepage einbauen?
Gibst du mir das frei?

Und noch eine:
Womit hast du´s gemacht?
Per Code oder mit ner Software?
Programmieren kann ich das nicht,
aber kann ich das in anderen Fällen nachmachen?

Danke jedenfalls!

Antwort 7 von rfb

Zitat:
Genial, rfb.
Geanau das hab ich gesucht.
na wunderbar
Zitat:
Aber erlaub mir nun die Frage:
Darf ich dein Script unbesehen in meine Homepage einbauen?
Gibst du mir das frei?
sonst hätte ichs nicht hier rein gestellt
Zitat:
Und noch eine:
Womit hast du´s gemacht?
Per Code oder mit ner Software?
Editor und SelfHTML
Zitat:
Programmieren kann ich das nicht,
aber kann ich das in anderen Fällen nachmachen?
klar
Zitat:
Danke jedenfalls!
bitte

Antwort 8 von rfb

Nachtrag (mir fiel gerade auf, dass ich eine kleine Erklärung anfügen könnte):

die 1 in
Zitat:
x=(x>0)?x-1:xm;
bestimmt die Größe der Schritte, die der Smilie macht, bei größeren Werten "fliegt er schneller", aber "ruckliger"

die 1 in
Zitat:
<body onload="anfang(1);">
bestimmt, wie lange gewartet werden soll, bis der Smilie das nächste mal sich fortbewegt (1=alle 0,1 sec), größere Werte verringern die Geschwindigkeit, entlasten aber auch den Rechner.

die if-Abfrage in
Zitat:
if (window.innerHeight) {
ist nur für den IE, da er die korrekte JavaScript1.2-Syntax für die Innenmaße des Browserfensters nicht kennt.

die Formel in
Zitat:
y=Math.round(wH-Math.sqrt(r2-Math.pow(r-x,2)));
berechnet aus der x-Koordinate über die Kreisgleichung die y-Koordinate. Der Kreis hat den Mittelpunkt bei (xm;ym) wobei xm die Fensterbreite, ym die -höhe ist, mit Radius ebenfalls xm. x wandert von xm bis 0 und springt dann wieder auf xm.

Antwort 9 von Helios

Danke für die Erläuterungen, aber du bist mir nicht böse, wenn die das nicht so GANZ nachvollziehen konnte, besonders den vierten Teil ;-)

Das macht aber nichts, weil mein Wägelchen schon so die ideale Kurve fliegt.

Antwort 10 von Helios

Sollte heißen: "wenn ich das nicht so GANZ nachvollziehen konnte".

Antwort 11 von rfb

muss auch richtig heißen:
... Der Kreis hat den Mittelpunkt bei (xm/2;ym) wobei xm die Fensterbreite, ym die -höhe ist, mit Radius ebenfalls xm/2. ...

allgemeine Kreisgleichung wäre:
(y-My)hoch2+(x-Mx)hoch2=(r)hoch2
mit
Mx, My: Koordinaten des Mittelpunktes, x,y Koordinaten eines Punktes auf der Kreislinie, r: Radius

wenn du da für My ym, für Mx mx/2 und für r auch mx/2 einsetzt und nach y auflöst kommst du zu dem Formelungetüm im Script.

Hauptsache es funktioniert ...

Antwort 12 von Smurfer

Ich glaube, rfb, jetzt hast du den Helios vergrellt:
der wird nie mehr Mathemati- oder Informatiker.

Ich möchte kostenlos eine Frage an die Mitglieder stellen:


Ähnliche Themen:


Suche in allen vorhandenen Beiträgen: