<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1">
<meta name="viewport" content="user-scalable=no" />
<title>I Miss You</title>


<style type="text/css">
span.hid { display: none;}
span.moveletter { position: relative; left: -200px; top: 8px; font-size: 34px;}
span.moveletter1 { position: relative; left: -2px; top: 8px; font-size: 66px;}
span.fonttitle { font-size: 34px;}
p {color: white; }
body {background-color: #808080; }
A.bl:link {color: blue; outline: none; font-size: 36px;}
A.bl:visited {color: blue; outline: none; font-size: 36px;}
A.bl:active {color: blue; outline: none; font-size: 36px;}
A.bl:hover {color: white; outline: none; font-size: 36px;}
A.wh:link {color: white; outline: none; font-size: 36px;}
A.wh:visited {color: white; outline: none; font-size: 36px;}
A.wh:active {color: white; outline: none; font-size: 36px;}
A.wh:hover {color: yellow; outline: none; font-size: 36px;}
</style>


<script type="text/javascript">
if (navigator.appName != "Microsoft Internet Explorer")
  document.captureEvents(Event.KEYDOWN)
document.onkeydown = NetscapeKeyDown;
function NetscapeKeyDown(key)
{ KeyDown(key.which);
}  
</script>
<script for=document event="onkeydown()" language="JScript">
if (window.event) KeyDown(window.event.keyCode);
</script>
<script type="text/javascript">
var html5ok = !!(document.createElement('audio').canPlayType);
var i, j, IsOver, MaxX=10, MaxY=20, NextCol, Col, Score, Lines, IsPreview=false, IsHideFocus=true;
PosX=new Array(4);
PosY=new Array(4);
Delay=new Array(828,620,464,348,260,196,148,112,84,64,48,36,27);
Fld = new Array(MaxX);
for (i=0; i < MaxX; i++)
{ Fld[i]=new Array(MaxY);
} 
RFld=new Array(MaxY);
Pic= new Array(8);
for (i=0; i<8; i++)
{ Pic[i] = new Image(); 
  Pic[i].src = "tetris_"+i+".gif"; 
}
PrePic= new Array(8);
for (i=0; i<8; i++)
{ PrePic[i] = new Image(); 
  PrePic[i].src = "tetrisp"+i+".gif"; 
}
PatternX=new Array(7);
PatternY=new Array(7);
PatternX[0]=new Array(0,1,2,3);
PatternY[0]=new Array(0,0,0,0);
PatternX[1]=new Array(2,1,0,0);
PatternY[1]=new Array(0,0,0,1);
PatternX[2]=new Array(2,1,1,0);
PatternY[2]=new Array(1,1,0,0);
PatternX[3]=new Array(1,2,1,2);
PatternY[3]=new Array(0,0,1,1);
PatternX[4]=new Array(1,2,2,3);
PatternY[4]=new Array(1,1,0,0);
PatternX[5]=new Array(1,2,3,3);
PatternY[5]=new Array(0,0,0,1);
PatternX[6]=new Array(1,2,3,2);
PatternY[6]=new Array(0,0,0,1);
function KeyDown(whichkey)
{ //alert(whichkey);
  if (IsOver) return;
  if (PosY<0) return;
  if (whichkey == 37) Left();
  if (whichkey == 38) Rotate();
  if (whichkey == 39) Right();
  if (whichkey == 40) Down();

  if (whichkey == 50) Down();
  if (whichkey == 52) Left();
  if (whichkey == 53) Down();
  if (whichkey == 54) Right();
  if (whichkey == 56) Rotate();

  if (whichkey == 65458) Down();
  if (whichkey == 65460) Left();
  if (whichkey == 65461) Down();
  if (whichkey == 65462) Right();
  if (whichkey == 65464) Rotate();
}  

function playSound(soundfile) {
 document.getElementById("dummy").innerHTML=
 "<embed src=\""+soundfile+"\" hidden=\"true\" autostart=\"true\" loop=\"false\" />";
}


function Pause()
{ IsOver=true;
  alert("暂停[点击下面继续！]/Click OK to continue!");
  setTimeout("Init(false)",540);
}
function New()
{ IsOver=true;
  if(html5ok){
     document.getElementById('audiorobot').play();
   }
  setTimeout("Init(true)",540);
}
function Init(nn)
{ IsOver=false;
  if (nn)
  { for (i=0; i<MaxX; i++)
    { for (j=0; j<MaxY; j++)
        Fld[i][j]=0;
    }
    PosY[0]=-1;
    Score=0;
    Level=1;
    Lines=0;
    window.document.ScoreForm.Score.value = Score;
    window.document.ScoreForm.Level.value = Level;
    window.document.ScoreForm.Lines.value = Lines;
    RefreshScreen();
    NextCol=Math.floor(Math.random()*100)%7;
  }
  //setTimeout("Go()",50*(11-Level));
  setTimeout("Go()",Delay[Level]);
  HideFocus();
}
function Go()
{ if (IsOver) return;
  var nn;
  if (PosY[0]<0)
  { Col=NextCol;
    NextCol=Math.floor(Math.random()*100)%7;
    if (IsPreview) document.images[MaxX*MaxY].src = PrePic[NextCol+1].src;
    else document.images[MaxX*MaxY].src = PrePic[0].src;
    for (nn=0; nn<4; nn++)
    { PosX[nn]=PatternX[Col][nn]+3;
      PosY[nn]=PatternY[Col][nn]+1;
      if (Fld[PosX[nn]][PosY[nn]]>0) IsOver=true;
    }
    if (IsOver)
    { if (CanShift(0,-1))
      { for (nn=0; nn<4; nn++)
          document.images[PosX[nn]+MaxX*(PosY[nn]-1)].src = Pic[Col+1].src;
      }
      if (window.opener)
      { if (window.opener.SetHighscores)
          window.opener.SetHighscores("Tetris","",Score,1);
      }

      if (confirm("你得到的分数是/your score = "+Score+" ! 再玩吗/Play again ?")) Init(true);
      return;
    }
    for (nn=0; nn<4; nn++)
    { Fld[PosX[nn]][PosY[nn]]=Col+1;
      document.images[PosX[nn]+MaxX*PosY[nn]].src = Pic[Col+1].src;
    }  
  }
  else
  { for (nn=0; nn<4; nn++)
      Fld[PosX[nn]][PosY[nn]]=0;
    if (CanShift(0,1)) 
    { for (nn=0; nn<4; nn++)
        Fld[PosX[nn]][PosY[nn]]=Col+1;
      Shift(0,1); 
    }
    else
    { for (nn=0; nn<4; nn++)
        Fld[PosX[nn]][PosY[nn]]=Col+1;
      PosY[0]=-1;
      Remove();
      window.document.ScoreForm.Score.value = Score;
      window.document.ScoreForm.Level.value = Level;
      window.document.ScoreForm.Lines.value = Lines;
    }
  }
  //setTimeout("Go()",50*(11-Level));
  setTimeout("Go()",Delay[Level]);
}
function CanShift(xx, yy)
{ var nn, cc=true;
  for (nn=0; nn<4; nn++)
  { if (PosX[nn]+xx<0) return(false);
    if (PosX[nn]+xx>=MaxX) return(false);
    if (PosY[nn]+yy>=MaxY) return(false);
    if (Fld[PosX[nn]+xx][PosY[nn]+yy]>0) return(false);
  }
  return(true); 
}
function GetFld(xx, yy)
{ if (xx<0) return(-1);
  if (xx>=MaxX) return(-1);
  if (yy<0) return(-1);
  if (yy>=MaxY) return(-1);
  return(Fld[xx][yy]);
}
function Rotate()
{ if (IsOver) return;
  if (PosY[0]<0) return;
  var nn, ii, jj;
  for (nn=0; nn<4; nn++)
    Fld[PosX[nn]][PosY[nn]]=0;
  if (!CanRotate())
  { for (nn=0; nn<4; nn++)
      Fld[PosX[nn]][PosY[nn]]=Col+1;
    return;
  }  
  for (nn=0; nn<4; nn++)
    document.images[PosX[nn]+MaxX*PosY[nn]].src = Pic[0].src;
  if (Col==0)
  { if (PosY[0]==PosY[1])
    { PosX[0]+=2;PosY[0]-=1;
      PosX[1]+=1;PosY[2]+=1;
      PosX[3]-=1;PosY[3]+=2;
    }
    else
    { PosX[0]-=2;PosY[0]+=2;
      PosX[1]-=1;PosY[1]+=1;
      PosX[3]+=1;PosY[3]-=1;
    }
  }
  if ((Col==2)||(Col==4))
  { if (PosY[0]==PosY[1])
    { PosX[0]-=1*(3-Col);PosY[0]-=1;
      PosX[2]-=1*(3-Col);PosY[2]+=1;
      PosY[3]+=2;
    }
    else
    { PosX[0]+=1*(3-Col);PosY[0]+=1;
      PosX[2]+=1*(3-Col);PosY[2]-=1;
      PosY[3]-=2;
    }
  }
  if ((Col==1)||(Col==5)||(Col==6))
  { nn=PosY[1]-PosY[0];
    PosY[0]=PosY[1]+(PosX[1]-PosX[0]);
    PosX[0]=PosX[1]-nn;
    nn=PosY[1]-PosY[2];
    PosY[2]=PosY[1]+(PosX[1]-PosX[2]);
    PosX[2]=PosX[1]-nn;  
    nn=PosY[1]-PosY[3];
    PosY[3]=PosY[1]+(PosX[1]-PosX[3]);
    PosX[3]=PosX[1]-nn;      
  }  
  for (nn=0; nn<4; nn++)
    document.images[PosX[nn]+MaxX*PosY[nn]].src = Pic[Col+1].src;
}
function CanRotate()
{ var ii, jj, iim, jjm, dd=3;
  if (Col==3) return(false);
  if (Col==0)
  { iim=PosX[2]-2; 
    jjm=PosY[2]-1;
    dd=4;
  }
  else
  { iim=PosX[1]-1; 
    jjm=PosY[1]-1;
  }
  for (ii=iim; ii<iim+dd; ii++)
  { for (jj=jjm; jj<jjm+dd; jj++)
    { if (GetFld(ii,jj)!=0) return(false);
    }
  } 
  return(true);
}
function Left()
{ if (IsOver) return;
  if (PosY[0]<0) return;
  for (nn=0; nn<4; nn++)
    Fld[PosX[nn]][PosY[nn]]=0;
  if (CanShift(-1,0))
  { for (nn=0; nn<4; nn++)
      Fld[PosX[nn]][PosY[nn]]=Col+1;
    Shift(-1,0);
  }
  else
  { for (nn=0; nn<4; nn++)
      Fld[PosX[nn]][PosY[nn]]=Col+1;
  }
}
function Right()
{ if (IsOver) return;
  if (PosY[0]<0) return;
  for (nn=0; nn<4; nn++)
    Fld[PosX[nn]][PosY[nn]]=0;
  if (CanShift(1,0))
  { for (nn=0; nn<4; nn++)
      Fld[PosX[nn]][PosY[nn]]=Col+1;
    Shift(1,0);
  }
  else
  { for (nn=0; nn<4; nn++)
      Fld[PosX[nn]][PosY[nn]]=Col+1;  
  }
}
function Down()
{ 

   if(html5ok){
   document.getElementById('audiobuttonoff').play();
   }
   else {
   playSound('../../sounds/mp3/buttonoff.mp3');
   }

  if (IsOver) return;
  if (PosY[0]<0) return;
  var dd=0;
  for (nn=0; nn<4; nn++)
    Fld[PosX[nn]][PosY[nn]]=0;
  while (CanShift(0,dd+1)) dd++;
  for (nn=0; nn<4; nn++)
    Fld[PosX[nn]][PosY[nn]]=Col+1;
  if (dd>0) Shift(0, dd);
}
function Shift(dx, dy)
{ var nn;
  for (nn=0; nn<4; nn++)
  { Fld[PosX[nn]][PosY[nn]]=0;
    document.images[PosX[nn]+MaxX*PosY[nn]].src = Pic[0].src;
  }
  for (nn=0; nn<4; nn++)
  { PosX[nn]+=dx;
    PosY[nn]+=dy;
    Fld[PosX[nn]][PosY[nn]]=Col+1;
    document.images[PosX[nn]+MaxX*PosY[nn]].src = Pic[Col+1].src;
  }
}
function Remove()
{ var xx, yy, nn=0;
  Score+=20;
  for (yy=0; yy<MaxY; yy++) RFld[yy]=1;
  for (xx=0; xx<MaxX; xx++)
  { for (yy=0; yy<MaxY; yy++)
    { if (Fld[xx][yy]==0) RFld[yy]=0;
    }
  }
  for (yy=MaxY-1; yy>=0; yy--)
  { if (RFld[yy]>0)
    { nn++
      for (xx=0; xx<MaxX; xx++)
        Fld[xx][yy]=0;
    }
    else
    { if (nn>0)
      { for (xx=0; xx<MaxX; xx++)
        { Fld[xx][yy+nn]=Fld[xx][yy];
          Fld[xx][yy]=0;
        }  
      }
    }   
  }
  Score+=100*nn;
  Lines+=nn;
  if ((Score>=1500*Level)&&(Level<12)) Level++;


   if (nn>0){



   if(html5ok){
     document.getElementById('audiorobot').play();
     RefreshScreen();
   }
   else {
     playSound('../../sounds/mp3/robot.mp3');
     RefreshScreen();
   }



  }




}
function RefreshScreen()
{ 


  for (i=0; i < MaxX; i++)
  { for (j=0; j < MaxY; j++)
      window.document.images[i+MaxX*j].src = Pic[Fld[i][j]].src; 
  }
}
function HideFocus()
{ if (IsHideFocus)
  { document.ScoreForm.Score.focus();
    document.ScoreForm.Score.blur();
  }
}
</script>
</head>
<BODY>
<form name="ScoreForm">

<DIV ALIGN=center>
<table border="0" width="90%">
<tr>
   <td align=right>
      <script language="JavaScript">
      document.open("text/plain");
      document.writeln("<table border=4 cellpadding=4 cellspacing=6 bgcolor=#C0B0A0><tr><td>");
      for (j=0; j < MaxY; j++)
         { document.writeln("<NOBR>");
         for (i=0; i < MaxX; i++)
            document.write("<IMG src=\"tetris_0.gif\" border=0>");
            document.writeln("</NOBR><BR>");
            }
         document.writeln("</td></tr></table>");

         if (navigator.appName == "Konqueror")
         { document.write("</td><td>");
           document.write("<input width=0 height=0 style=\"width:0; height:0\" name=\"KeyCatch\" onBlur=\"KeyCatchFocus()\" onKeyUp=\"KeyCatchChange()\">");
           KeyCatchFocus();
           IsHideFocus=false;
         }
      function KeyCatchFocus()
      { setTimeout("document.forms[0].KeyCatch.focus()",100);
      }
      function KeyCatchChange()
      { var vv=""+document.forms[0].KeyCatch.value;
        if (vv=="") return;
        KeyDown(vv.charCodeAt(0));
        document.forms[0].KeyCatch.value="";
      }

      document.close();
      </script>
   </td>
   <td valign= bottom align=center>
   <table border=4 cellpadding=4 cellspacing=6  bgcolor=#C0B0A0>
      <tr>
         <td>
            <table noborder cellpadding=2 cellspacing=2>
               <tr>
                  <td>&nbsp;</td>
               </tr>
               <tr><td align=center><span class="fonttitle">分数/<br/>score:</span></td></tr>
               <tr><td align=center><input type=button width="140" style="width:140; height:40; font-size: 36px; background-color:#ffffff" name="Score" onClick="HideFocus()"></td></tr>
               <tr><td align=center><span class="fonttitle">级数/<br/>level:</span></td></tr>
               <tr><td align=center><input type=button width="140" style="width:140; height:40; font-size: 36px; background-color:#ffffff" name="Level" onClick="HideFocus()"></td></tr>
               <tr><td align=center><span class="fonttitle">成行/<br/>lines:</span></td></tr>
               <tr><td align=center><input type=button width="140" style="width:140; height:40; font-size: 36px;" name="Lines" onClick="HideFocus()"></td></tr>
               <tr><td align=center><br /><br /><span class="fonttitle">预览/<br />Preview</span><br /><input type="checkbox" style=" -moz-appearance: none; -webkit-transform: scale(1.3, 1.3); width: 50; height: 50; font-size: 46px; background-color:#ffffff" onClick="IsPreview=this.checked; HideFocus();"></td></tr>
               <tr><td align=center><table border=2 cellpadding=0 cellspacing=3><tr><td><img src="tetrisp0.gif" border=0></td></tr></table></td></tr>
            </table>
         </td>
      </tr>
   </table>
   </td>
   <td valign= bottom align=right>
      <a href="../small/tlsaudio.html"><img src="../images/lcg.gif" border="0" width="113" height"80"></a><br /><br /><br /><br /><br />
      <a href="#" onclick="New()"><img src="../images/replay.gif" width="114" height="120" border="0"></a>
      <br />
      <a href="#" onclick="Pause()"><img src="../images/pause.gif" width="114" height="120" border="0"></a>
      <br /><br /><br /><br /><br />
      <a href="#" onMousedown="Rotate()"><img src="../images/rotateg.gif" width="114" height="120" border="0"></a>
      <br />
      <a href="#" onMousedown="Left()"><img src="../images/leftg.gif" width="114" height="120" border="0"></a>
      <br />
      <a href="#" onMousedown="Right()"><img src="../images/rightg.gif" width="114" height="120" border="0"></a>
      <br />
      <a href="#" onclick="Down()"><img src="../images/downg.gif" width="114" height="120" border="0"></a>
      <br />
   </td>
</tr>
</table>

</DIV>
</form>

<span id="dummy"></span><br />
<EMBED NAME="buttonoff_sound" SRC="../../sounds/mp3/buttonoff.mp3" LOOP=FALSE AUTOSTART=FALSE HIDDEN=TRUE MASTERSOUND>
<EMBED NAME="robot_sound" SRC="../../sounds/mp3/robot.mp3" LOOP=FALSE AUTOSTART=FALSE HIDDEN=TRUE MASTERSOUND>



<span class="hid"><audio id="audiouhoh"  preload="auto" controls="controls">
  <source src="../../sounds/mp3/uhoh.mp3" type="audio/mpeg" />
  <source src="../../sounds/ogg/uhoh.ogg" type="audio/ogg" />
  Your browser does not support the html5 audio element.
</audio></span>

<span class="hid"><audio id="audiorobot"  preload="auto" controls="controls">
  <source src="../../sounds/mp3/robot.mp3" type="audio/mpeg" />
  <source src="../../sounds/ogg/robot.ogg" type="audio/ogg" />
  <source src="../../sounds/wav/wut.wav" type="audio/wav" />
  Your browser does not support the html5 audio element.
</audio></span>

<span class="hid"><audio id="audiowut"  preload="auto" controls="controls">
  <source src="../../sounds/mp3/wut.mp3" type="audio/mpeg" />
  <source src="../../sounds/ogg/wut.ogg" type="audio/ogg" />
  <source src="../../sounds/wav/wut.wav" type="audio/wav" />
  Your browser does not support the html5 audio element.
</audio></span>

<span class="hid"><audio id="audiobuttonoff"  preload="auto" controls="controls">
  <source src="../../sounds/mp3/buttonoff.mp3" type="audio/mpeg" />
  <source src="../../sounds/ogg/buttonoff.ogg" type="audio/ogg" />
  <source src="../../sounds/wav/buttonoff.wav" type="audio/wav" />
  Your browser does not support the html5 audio element.
</audio></span>


<script src="pgcal.js"></script>






</BODY>
</HTML>