[Java Script] 4 gewinnt

mcflow · 22. Juni 2004

Hallo,
für Profis ist das wohl ein Klacks, aber ich bekomm es nicht hin! Eilt leider sehr! Und zwar soll bei dem legänderen SPiel geprüft werden, ob 4 in einer Reihe sind! Bei mir prüft er auch ob es senkrecht und waagrecht ist. diagonal ist das problem! von unten links nach oben rechts ist alles kein problem, aber von oben links nach unten rechts gehts nicht! Kann mir jemand helfen...meine Seite sieht bislang so aus:

Code:

<html>
<head>
<title>Fear gewinnt</title>
<meta name="author" content="Stefan & Flo">
<link rel="stylesheet" href="style.css" type="text/css">
<meta name="generator" content="Ulli Meybohms HTML EDITOR">

<script language="JavaScript">
<!--
//------------------------------------------
//Globale Variablen
//------------------------------------------

// dran==1 bedeutet rot wird gelegt, dran==2 bedeutet blau wird gelegt
var dran=1;

// Ein 7x5-Feld, das jeweils eine 0 für ein leeres Feld, eine 1 für einen roten und eine 2 für einen blauen Stein speichert:
a=new Array(7);
for (i=0; i<7; i++)
   {
   a[i] = new Array(5);
   for (j=0;j<5;j++)
      {
      a[i][j]=0; // (alle Felder leer)
      }
   }

// Grafikobjekte für leeres Feld, blauer Stein und roter Stein:
leer=new Image();
leer.src="LEER.GIF";
rot=new Image();
rot.src="ROT.GIF";
blau=new Image();
blau.src="BLAU.GIF";


//------------------------------------------
// Setzt einen Stein in die übergebene Spalte:
//------------------------------------------
function drop (Spalte)
   {
   var i;
   var fertig=0;

   for (i=5;i>=0;i--)
      {
      if (a[Spalte][i]==0 && fertig==0)
         {
         if(dran==1)
            {
            window.document.images[i*7+Spalte+1].src=rot.src;
            a[Spalte][i]=1;
            check(Spalte,i,dran);
            window.document.images[0].src=blau.src;
            dran=2;
            }
            else
            {
            window.document.images[i*7+Spalte+1].src=blau.src;
            a[Spalte][i]=2;
            check(Spalte,i,dran);
            window.document.images[0].src=rot.src;
            dran=1;
            }
         fertig=1;
         }
      }

   }

//------------------------------------------
//Prüft, ob eine 4er-Reihe entsteht
//------------------------------------------
function check(Spalte,Zeile,Farbe)
{
var x;
x=0;
var z;
z=0;
var z1;
z1=0;
var z2;
z2=0;
var z3;
z3=0;
var z4;
z4=0;

   for (i=4;i>=Zeile;i--)
   {
      if(a[Spalte][i]==Farbe)
      {
      x=x+1;
      }
      else
      {
      x=0;
      }
    if (x>=4)
         {
         alert("Du hast gewonnen!");
         location.reload();
       }
   }
   for (i=6;i>=0;i--)
   {
      if(a[i][Zeile]==Farbe)
      {
      z=z+1;
      }
      else
      {
      z=0;
      }
    if (z>=4)
         {
         alert("Du hast gewonnen!");
         location.reload();
                  }
}

   for(i=mini(Spalte,4-Zeile);i>=0;i--)
   {
       if(a[Spalte-i][Zeile+i]==Farbe)
         {
          z1=z1+1;
          }
          else
          {
           z1=0;
           }
   }
   for(i=mini(6-Spalte,Zeile);i>=0;i--)
         {
          if(a[Spalte+i][Zeile-i]==Farbe)
          {
          z2=z2+1;
          }
          else
          {
          z2=0;
          }
         }
       if(z1+z2>=5)
          {
           alert("Du hast gewonnen!");
           window.location.reload();
                  }
   for(i=mini(Spalte,Zeile);i>=0;i--)
   {
       if(a[Spalte-i][Zeile+i]==Farbe)
         {
          z3=z3+1;
          }
          else
          {
           z3=0;
           }
   for(i=mini(6-Spalte,4-Zeile);i>=0;i--)
         {
          if(a[Spalte+i][Zeile+i]==Farbe)
          {
          z4=z4+1;
          }
          else
          {
          z4=0;
          }
         }
       if(z3+z4>=5)
          {
           alert("Du hast gewonnen!");
           window.location.reload();
                  }
   }
   }
function mini(a,b)
{
   if (a>=b)
   {
     return b;
   }
   else
     {
     return a;
   }
}


//-->
</script>
<noscript></noscript></head>
<body text="#000000" bgcolor="#FFFFFF" link="#FF0000" alink="#FF0000" vlink="#FF0000">
<div align="center">
<h1>Fear gewinnt</h1>
<h3>Der n&auml;chste Stein ist:</h3>
<img src="rot.gif" width="46" height="46" border="0" alt="... ist dran">
<table  border="4" bordercolordark="#FFBF00" bordercolorlight="#FFFF00" bgcolor="#FFDF00">
<tr>
 <td><div align="center"><input type="Button" value="Sp 1" onclick="drop(0)"></div> </td>
 <td><div align="center"><input type="Button" value="Sp 2" onclick="drop(1)"></div></td>
 <td><div align="center"><input type="Button" value="Sp 3" onclick="drop(2)"> </div></td>
 <td><div align="center"><input type="Button" value="Sp 4" onclick="drop(3)"></div> </td>
 <td><div align="center"><input type="Button" value="Sp 5" onclick="drop(4)"></div> </td>
 <td><div align="center"><input type="Button" value="Sp 6" onclick="drop(5)"> </div></td>
 <td><div align="center"><input type="Button" value="Sp 7" onclick="drop(6)"></div> </td>
</tr>
<tr>
 <td><img src="leer.gif" width="46" height="46" border="0" alt="6,0"> </td>
 <td><img src="leer.gif" width="46" height="46" border="0" alt="5,0">  </td>
 <td><img src="leer.gif" width="46" height="46" border="0" alt="4,0">  </td>
 <td><img src="leer.gif" width="46" height="46" border="0" alt="3,0">  </td>
 <td><img src="leer.gif" width="46" height="46" border="0" alt="2,0">  </td>
 <td><img src="leer.gif" width="46" height="46" border="0" alt="1,0">  </td>
 <td><img src="leer.gif" width="46" height="46" border="0" alt="0,0">  </td>
</tr>
<tr>
 <td><img src="leer.gif" width="46" height="46" border="0" alt="6,1"> </td>
 <td><img src="leer.gif" width="46" height="46" border="0" alt="5,1">  </td>
 <td><img src="leer.gif" width="46" height="46" border="0" alt="4,1">  </td>
 <td><img src="leer.gif" width="46" height="46" border="0" alt="3,1">  </td>
 <td><img src="leer.gif" width="46" height="46" border="0" alt="2,1">  </td>
 <td><img src="leer.gif" width="46" height="46" border="0" alt="1,1">  </td>
 <td><img src="leer.gif" width="46" height="46" border="0" alt="0,1">  </td>
</tr>
<tr>
 <td><img src="leer.gif" width="46" height="46" border="0" alt="6,2"> </td>
 <td><img src="leer.gif" width="46" height="46" border="0" alt="5,2">  </td>
 <td><img src="leer.gif" width="46" height="46" border="0" alt="4,2">  </td>
 <td><img src="leer.gif" width="46" height="46" border="0" alt="3,2">  </td>
 <td><img src="leer.gif" width="46" height="46" border="0" alt="2,2">  </td>
 <td><img src="leer.gif" width="46" height="46" border="0" alt="1,2">  </td>
 <td><img src="leer.gif" width="46" height="46" border="0" alt="0,2">  </td>
</tr>
<tr>
 <td><img src="leer.gif" width="46" height="46" border="0" alt="6,3"> </td>
 <td><img src="leer.gif" width="46" height="46" border="0" alt="5,3">  </td>
 <td><img src="leer.gif" width="46" height="46" border="0" alt="4,3">  </td>
 <td><img src="leer.gif" width="46" height="46" border="0" alt="3,3">  </td>
 <td><img src="leer.gif" width="46" height="46" border="0" alt="2,3">  </td>
 <td><img src="leer.gif" width="46" height="46" border="0" alt="1,3">  </td>
 <td><img src="leer.gif" width="46" height="46" border="0" alt="0,3">  </td>
</tr>
<tr>
 <td><img src="leer.gif" width="46" height="46" border="0" alt="0,4"> </td>
 <td><img src="leer.gif" width="46" height="46" border="0" alt="1,4">  </td>
 <td><img src="leer.gif" width="46" height="46" border="0" alt="2,4">  </td>
 <td><img src="leer.gif" width="46" height="46" border="0" alt="3,4">  </td>
 <td><img src="leer.gif" width="46" height="46" border="0" alt="4,4">  </td>
 <td><img src="leer.gif" width="46" height="46" border="0" alt="5,4">  </td>
 <td><img src="leer.gif" width="46" height="46" border="0" alt="6,4">  </td>
</tr>
</table><br><input type="button" value="Neustart" onClick="location.reload();"></div>
</body>
</html>

Suche

[Java Script] 4 gewinnt

mcflow

Newbie

Ähnliche Themen