Kategorien
Bearbeiten von „Benutzer:Oltron“
Zur Navigation springen
Zur Suche springen
Die Bearbeitung kann rückgängig gemacht werden. Bitte prüfe den Vergleich unten, um sicherzustellen, dass du dies tun möchtest, und veröffentliche dann unten deine Änderungen, um die Bearbeitung rückgängig zu machen.
Aktuelle Version | Dein Text | ||
Zeile 1: | Zeile 1: | ||
<HTML> | |||
<HEAD> | |||
<title>: Zauberpuzzle</title> | |||
<meta name="author" content="Manuel"> | |||
<meta name="robots" content="index, follow"> | |||
<meta name="language" content="de"> | |||
<script language="Javascript"> | |||
<!-- | |||
// Schiebe-Puzzle | |||
// Die Liste mit den Bildern (unbedingt das leer-Bild einbauen) | |||
var BildListe = | |||
new Array( "bild11.jpg", "bild21.jpg", "bild31.jpg", "bild41.jpg", | |||
"bild12.jpg", "bild22.jpg", "bild32.jpg", "bild42.jpg", | |||
"bild13.jpg", "bild23.jpg", "bild33.jpg", "bild43.jpg", | |||
"bild14.jpg", "bild24.jpg", "bild34.jpg", "leer.jpg" | |||
); | |||
// Anzahl der Zeilen und Zeilen | |||
var Zeilen = 4; | |||
var Spalten = 4; | |||
// Koordinaten vom LeerBild | |||
var LeerX = 4; | |||
var LeerY = 4; | |||
// Anzahl der Mischvorgaenge | |||
var MaxMischen = 50; | |||
// SpielStand | |||
var SpielModus = "off"; | |||
// ----- Angleichungen fuer die Parameter | |||
var LeerA = LeerX; | |||
var LeerB = LeerY; | |||
var LeerPosistion = ((LeerY - 1) * Spalten) + (LeerX - 1); | |||
var BildAnzahl = BildListe.length; | |||
var loaded = 0; | |||
var TempListe = new Array(BildAnzahl); | |||
// Pruefen ob die Angeben in der BildListe mit den Spalten und zeilen uebereinstimmt | |||
if (BildAnzahl != (Spalten * Zeilen)) { | |||
alert("Die Anzahl der Spalten und Zeilen stimmt nicht mit der Anzahl der Bilder in der BildListe ueberein!"); | |||
} | |||
// ----- Funktionen | |||
// Initialisierung des Puzzles | |||
function Laden() { | |||
loaded = 50; | |||
NeuStart(); | |||
} | |||
function SetzeBild(index, Source){ | |||
var i = index + 1; | |||
document.images['bild'+i].src = Source ; | |||
} | |||
// Karte Verschieben | |||
function Schiebe( xpos, ypos ) { | |||
// Abbruch, wenn das LeerBild angeklickt wurde | |||
if (( xpos == LeerA ) && ( ypos == LeerB )) | |||
return; | |||
// Pruefen, ob das Leer-Bild in der selben Zeile liegt | |||
if (ypos == LeerB) { | |||
Leer = ((LeerB-1) * Spalten) + LeerA - 1; | |||
// Liegt es Links, dann nach rechts schieben | |||
if (LeerA < xpos) { | |||
while (LeerA != xpos) { | |||
TempListe[Leer] = TempListe[Leer+1]; | |||
TempListe[Leer+1] = BildListe[LeerPosistion]; | |||
SetzeBild(Leer, TempListe[Leer]); | |||
LeerA += 1; | |||
Leer += 1; | |||
SetzeBild(Leer, TempListe[Leer]); | |||
} | |||
} | |||
// Liegt es Rechts dann nach links schieben | |||
else { | |||
while (LeerA != xpos) { | |||
TempListe[Leer] = TempListe[Leer-1]; | |||
TempListe[Leer-1] = BildListe[LeerPosistion]; | |||
SetzeBild(Leer, TempListe[Leer]); | |||
LeerA -= 1; | |||
Leer -= 1; | |||
SetzeBild(Leer, TempListe[Leer]); | |||
} | |||
} | |||
} | |||
else { | |||
// Pruefen, ob die Karte in der selben Spalte mit dem LeerBild liegt | |||
if (xpos == LeerA) { | |||
Leer = ((LeerB-1) * Spalten) + LeerA - 1; | |||
// Liegt sie darunter, dann nch oben schieben | |||
if (LeerB < ypos) { | |||
while (LeerB != ypos) { | |||
TempListe[Leer] = TempListe[Leer+Spalten]; | |||
TempListe[Leer+Spalten] = BildListe[LeerPosistion]; | |||
SetzeBild(Leer, TempListe[Leer]); | |||
LeerB += 1; | |||
Leer += Spalten; | |||
SetzeBild(Leer, TempListe[Leer]) | |||
} | |||
} | |||
// liegt sie darueber, dann nach unten schieben | |||
else { | |||
while (LeerB != ypos) { | |||
TempListe[Leer] = TempListe[(Leer-Spalten)]; | |||
TempListe[Leer-Spalten] = BildListe[LeerPosistion]; | |||
SetzeBild(Leer, TempListe[Leer]) | |||
LeerB -= 1; | |||
Leer -= Spalten; | |||
SetzeBild(Leer, TempListe[Leer]) | |||
} | |||
} | |||
} | |||
} | |||
Pruefen(); | |||
} | |||
function Klick( xpos, ypos ) { | |||
if ( SpielModus != "on" ) | |||
{ | |||
if( confirm( "Soll ich die Teile jetzt neu mischen?") ) | |||
{ | |||
Mischen(); | |||
} | |||
} else | |||
{ | |||
Schiebe( xpos, ypos ); | |||
} | |||
} | |||
// Die BildListe in die temporaere Liste kopieren | |||
function ZurueckSetzen() { | |||
for (var i = 0; i < BildAnzahl; i++) { | |||
TempListe[i] = BildListe[i]; | |||
} | |||
} | |||
function Pruefen() | |||
{ | |||
var istgleich = false; | |||
var istgewonnen = true; | |||
for (var i = 0; i < BildAnzahl; i++) | |||
{ | |||
istgleich = ( TempListe[i] == BildListe[i] ) | |||
if ( istgleich == false ) { istgewonnen = false }; | |||
} | |||
if ( istgewonnen ) | |||
{ | |||
if( confirm( "Du hast das Puzzle richtig zusammengesetzt!\nWillst du es noch einmal mischen?") ) | |||
{ | |||
Mischen(); | |||
} | |||
} | |||
} | |||
// Neustart-Routine | |||
function NeuStart() { | |||
SpielModus = "off"; | |||
// Laden der Bildliste in die Dokumentbilder | |||
for (var i = 0; i < BildAnzahl; i++){ | |||
SetzeBild(i, BildListe[i]) | |||
TempListe[i] = BildListe[i]; | |||
} | |||
// ZurueckSetzen(); | |||
LeerA = LeerX; | |||
LeerB = LeerY; | |||
} | |||
function Mischen() { | |||
SpielModus = "off"; | |||
// Abbruch, wenn das Spiel nicht geladen wurde | |||
if (loaded == 0) { | |||
return; | |||
} | |||
var Temp; | |||
for (var MischVorgang = 0; MischVorgang < MaxMischen ; MischVorgang++) { | |||
// Mal horizontal ein wenig herumschieben | |||
Temp = LeerA; | |||
while ( Temp == LeerA) { | |||
Temp = (random (Spalten)) + 1; | |||
} | |||
Schiebe (Temp, LeerB); | |||
// und mal vertikal ein wenig schieben | |||
Temp = LeerB; | |||
while (Temp == LeerB) { | |||
Temp = (random (Zeilen)) + 1; | |||
} | |||
Schiebe (LeerA, Temp); | |||
} | |||
SpielModus = "on"; | |||
} | |||
// Zufallsgenerator von | |||
// Paul Houle | |||
// Department of Physics, Cornell University | |||
today=new Date(); | |||
jran=today.getTime(); | |||
function rnd() { | |||
ia=9301; | |||
ic=49297; | |||
im=233280; | |||
jran = (jran*ia+ic) % im; | |||
return jran/(im*1.0); | |||
} | |||
function random(number) { | |||
return Math.floor(rnd()*number); | |||
} | |||
//--> | |||
</script> | |||
<script language="JavaScript"> | |||
<!-- | |||
function KisteRueber() { document.images['kiste'].src = '../../kind-im-kasten2.gif'; } | |||
function KisteWeg() { document.images['kiste'].src = '../../kind-im-kasten1.gif'; } | |||
//--> | |||
</script> | |||
</head> | |||
<body bgcolor="#FFFFEA" text="#800080" link="#D675D5" vlink="#4EC8D7" alink="#00DFA2" onload="Laden();"> | |||
<table border="0" cellspacing="0" cellpadding="0" width="100%"> | |||
<tr> | |||
<td align="center"> | |||
<table border="0" cellspacing="0" cellpadding="2" width="600"> | |||
<tr> | |||
<td valign="top" width="550"> | |||
<table border="0" width="600" cellspacing="0" cellpadding="0"> | |||
<tr> | |||
<td valign="bottom"> | |||
<table border="0" cellspacing="0" cellpadding="0"> | |||
<td align="right"> | |||
<table border="0" cellspacing="0" bgcolor="#666633" cellpadding="0"> | |||
<tr> | |||
<td width="100%"> | |||
<table border="0" cellspacing="1" cellpadding="4"> | |||
<tr> | |||
<td nowrap bgcolor="#FDFFE8" bordercolor="#FDFFE8"><a href="javascript:Mischen();"><font size="2" face="Verdana,Arial,Helvetica,Helv" color="#666633"><b>Mischen</b></font></A></td> | |||
<td nowrap bgcolor="#FFFFE8" bordercolor="#FDFFE8"><a href="javascript:NeuStart();"><font size="2" face="Verdana,Arial,Helvetica,Helv" color="#666633"><b>Beenden</b></font></A></td> | |||
</tr> | |||
</table> | |||
</td> | |||
</tr> | |||
</table> | |||
</td> | |||
</tr> | |||
</table> | |||
</td> | |||
</tr> | |||
</table> | |||
<table WIDTH="100%" border="0" cellspacing="0" cellpadding="0"> | |||
<tr> | |||
<td align="center"> | |||
<table border="0" cellpadding="0" cellspacing="0" width="600"> | |||
<tr> | |||
<td valign="top" colspan="2"> | |||
<p><noscript><font face="Verdana,Arial,Helvetica" size="2" color="#CC0000"><b>Leider kannst du dieses Spiel nicht spielen, denn dein Browser kann kein Javascript, oder Javascript wurde deaktiviert.</b></font></noscript></p></td> | |||
</tr> | |||
<tr> | |||
<td valign="top"> | |||
<table border="0" cellspacing="0" cellpadding="0" bgcolor="#808000"> | |||
<tr> | |||
<td width="100%"> | |||
<table border="0" cellspacing="1" cellpadding="0"> | |||
<tr> | |||
<td bgcolor="#FFFFF7"><a href="javascript:Klick(1,1);"><img border="0" name="bild1" src="bild11.jpg" width="70" height="70"></a></td> | |||
<td bgcolor="#FFFFF7"><a href="javascript:Klick(2,1);"><img border="0" name="bild2" src="bild21.jpg" width="70" height="70"></a></td> | |||
<td bgcolor="#FFFFF7"><a href="javascript:Klick(3,1);"><img border="0" name="bild3" src="bild31.jpg" width="70" height="70"></a></td> | |||
<td bgcolor="#FFFFF7"><a href="javascript:Klick(4,1);"><img border="0" name="bild4" src="leer.jpg" width="70" height="70"></a></td> | |||
</tr> | |||
<tr> | |||
<td bgcolor="#FFFFF7"><a href="javascript:Klick(1,2);"><img border="0" name="bild5" src="bild12.jpg" width="70" height="70"></a></td> | |||
<td bgcolor="#FFFFF7"><a href="javascript:Klick(2,2);"><img border="0" name="bild6" src="bild22.jpg" width="70" height="70"></a></td> | |||
<td bgcolor="#FFFFF7"><a href="javascript:Klick(3,2);"><img border="0" name="bild7" src="bild32.jpg" width="70" height="70"></a></td> | |||
<td bgcolor="#FFFFF7"><a href="javascript:Klick(4,2);"><img border="0" name="bild8" src="bild42.jpg" width="70" height="70"></a></td> | |||
</tr> | |||
<tr> | |||
<td bgcolor="#FFFFF7"><a href="javascript:Klick(1,3);"><img border="0" name="bild9" src="bild13.jpg" width="70" height="70"></a></td> | |||
<td bgcolor="#FFFFF7"><a href="javascript:Klick(2,3);"><img border="0" name="bild10" src="bild23.jpg" width="70" height="70"></a></td> | |||
<td bgcolor="#FFFFF7"><a href="javascript:Klick(3,3);"><img border="0" name="bild11" src="bild33.jpg" width="70" height="70"></a></td> | |||
<td bgcolor="#FFFFF7"><a href="javascript:Klick(4,3);"><img border="0" name="bild12" src="bild43.jpg" width="70" height="70"></a></td> | |||
</tr> | |||
<tr> | |||
<td bgcolor="#FFFFF7"><a href="javascript:Klick(1,4);"><img border="0" name="bild13" src="bild14.jpg" width="70" height="70"></a></td> | |||
<td bgcolor="#FFFFF7"><a href="javascript:Klick(2,4);"><img border="0" name="bild14" src="bild24.jpg" width="70" height="70"></a></td> | |||
<td bgcolor="#FFFFF7"><a href="javascript:Klick(3,4);"><img border="0" name="bild15" src="bild34.jpg" width="70" height="70"></a></td> | |||
<td bgcolor="#FFFFF7"><a href="javascript:Klick(4,4);"><img border="0" name="bild16" src="bild44.jpg" width="70" height="70"></a></td> | |||
</tr> | |||
</table> | |||
</td> | |||
</tr> | |||
</table> | |||
</td> | |||
<td valign="top" align="right"> | |||
<table width="95%" border="0" cellspacing="0" cellpadding="4" valign="TOP"> | |||
<tr> | |||
<td valign="top" colspan="2"><p><b><font face="Verdana,Arial,Helvetica,Helv" color="#0000FF" size="5"><br>Zauberpuzzle</font></b></p></td> | |||
</tr> | |||
<tr> | |||
<td valign="top"><br><img border=0 src="bild.jpg" width=150 height=150 align="right" alt=""><font size="2" face="Verdana"><b>Vorschau</b><br><br> | |||
So soll das<br>aussehen,<br>wenn es<br>fertig ist.</font></td> | |||
</tr> | |||
</table> | |||
</td> | |||
</tr> | |||
<tr> | |||
<td valign="top" colspan="2"> | |||
| |||
<table border="0" width="100%" cellspacing="0" cellpadding="0"> | |||
<tr> | |||
<td width="100%"> | |||
<p><font size="2" face="Verdana,Arial,Helvetica,Helv"> | |||
Du kannst immer nur einen Puzzlestein verschieben, der neben dem leeren Bild liegt. Um zu Starten, klicke einfach auf "<b>Mischen</b>".</font></p> | |||
</td> | |||
</tr> | |||
</table> | |||
</td> | |||
</tr> | |||
</table> | |||
</td> | |||
</tr> | |||
</table> | |||
<table WIDTH="100%" border="0" cellspacing="0" cellpadding="0"> | |||
<tr> | |||
<td align="center"> | |||
<table border="0" cellpadding="0" cellspacing="0" width="600"> | |||
</table> | |||
</td> | |||
</tr> | |||
</table> | |||
<form method="GET" action="../../../search.cgi" target="_top"> | |||
<table border="0" width="100%" cellspacing="0" cellpadding="0"> | |||
<tr> | |||
<td align="center"> | |||
<table border="0" cellspacing="0" cellpadding="0" width="500"> | |||
<tr> | |||
<td colspan="2"> | |||
</td> | |||
</tr> | |||
<td align="right"> | |||
<table border="0" cellspacing="0" bgcolor="#666633"> | |||
<tr> | |||
<td width="100%"> | |||
<table border="0" cellspacing="0" cellpadding="2" bgcolor="#FFFF75"> | |||
<tr> | |||
<table width="100%" border="0" cellspacing="0" cellpadding="0"> | |||
<tr> | |||
<td align="center"> <table border="0" cellpadding="0" width="600" cellspacing="0"> | |||
<tr> | |||
<td align="center"> |