|
|
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">
| |