BilisimTurk / Bilgisayar Genel / Web Programlama / JavaScript / Javascript Tetris Oyunu




Yeni Cevap 
 
Konuyu Değerlendir
  • 1 Oy - 5 Ortalama
  • 1
  • 2
  • 3
  • 4
  • 5
Javascript Tetris Oyunu
23-01-2012, 15:25 (En son düzenleme: 21-03-2012 14:34 dede.)
Mesaj: #1
dede Çevrimdışı
Super Moderator
******
 		Mesajlar: 277
Katılım: 03-12-2011
Rep Puanı: 2
Javascript Tetris Oyunu
[Resim: attachment.php?aid=45]
Alıntı: Javascript tuş olayları ve zaman olayları kullanılarak yazılmış olan Tetris oyunu.Kod aşağıda ve örnek bir çıktı eklentide.Ayrıca Kodu çalıştır tıklayarakta oyunu oynayabilirsiniz

Kod: (Tümünü Seç)
<html>
<head>
<script type="text/javascript">


var newid;
var time=500;
var kareler=new Array(100);

    function start()
    {
        id=4;
        KareHareket(id);
    }

    function KareHareket(id)
    {

  
      //en alt satırın dolma durumu,en alt satır temızlenır ustekıler bı alta duser
    if(kareler[64]==1&&kareler[65]==1&&kareler[66]==1&&kareler[67]==1&&kareler[68]==1&&kareler[69]==1&&kareler[70]==1)
     {
                 for(i=64;i<=70;i++){
                       kareler[i]=0;
                       KareTemizle(i);
                     }
                     kontrol=1;
                  
                  
                  
                  //oyunun bıtme durumu hıc dolu kare kalmamıssa oyun kazanılır
                   for(i=0;i<70;i++)
                   {
                    
                       if(kareler[i]==1)
                       {
                        kontrol=0;
                      
                       }
                      
                  }
                  if(kontrol==1){
                             alert("Tebrikler");
                              exit;
                 }
                
                
                
                 //usttekı karelerın bır alta dusurulmesı 1.sutun ıcın
                 for(i=1;i<=70;i=i+7)
                 {
                    if(kareler[i]==1)
                    {
                        kareler[i]=0;
                        kareler[64]=1;
                        break;
                     }
                    
                }
                  //usttekı karelerın bır alta dusurulmesı 2.sutun ıcın
                 for(i=2;i<=70;i=i+7)
                 {
                    if(kareler[i]==1)
                    {
                        kareler[i]=0;
                        kareler[65]=1;
                        break;
                     }
                    
                }
                 //usttekı karelerın bır alta dusurulmesı 3.sutun ıcın
                 for(i=3;i<=70;i=i+7)
                 {
                    if(kareler[i]==1)
                    {
                        kareler[i]=0;
                        kareler[66]=1;
                        break;
                     }
                    
                }
                 //usttekı karelerın bır alta dusurulmesı 4.sutun ıcın
                 for(i=4;i<=70;i=i+7)
                 {
                    if(kareler[i]==1)
                    {
                        kareler[i]=0;
                        kareler[67]=1;
                        break;
                     }
                    
                }
                 //usttekı karelerın bır alta dusurulmesı 5.sutun ıcın
                 for(i=5;i<=70;i=i+7)
                 {
                    if(kareler[i]==1)
                    {
                        kareler[i]=0;
                        kareler[68]=1;
                        break;
                     }
                    
                }
                 //usttekı karelerın bır alta dusurulmesı 6.sutun ıcın
                 for(i=6;i<=70;i=i+7)
                 {
                    if(kareler[i]==1)
                    {
                        kareler[i]=0;
                        kareler[69]=1;
                        break;
                     }
                    
                }
                 //usttekı karelerın bır alta dusurulmesı 7.sutun ıcın
                 for(i=7;i<=70;i=i+7)
                 {
                    if(kareler[i]==1)
                    {
                        kareler[i]=0;
                        kareler[70]=1;
                        break;
                     }
                    
                }
                
                
                //yukardakı 7 sutun ıcın ayrı ayrı yapılan,karelerı bır alta dusurme ıslemı gorsellıge dokulur
                for(i=1;i<=70;i++){
                    if(kareler[i]==1)
                    {
                      KareBoya(i);
                    } else{
                       KareTemizle(i);    
                    }
                    
                    
                    }
                
                        
      }

    
    
        KareBoya(id);
        oldid=id-7;
        newid=id+7;    



        if(oldid>0&&oldid<70)
        {  
          
           KareTemizle(oldid);
           if(kareler[id]==1)
              {
               KareBoya(oldid);
                 kareler[oldid]=1;
                
                 //sutunlardan herhangi biri dolmussa oyun biter
                 if(kareler[1]==1||kareler[2]==1||kareler[3]==1||kareler[4]==1||kareler[5]==1||kareler[6]==1||kareler[7]==1){
                      alert("Game Over");
                      exit;
                     }
                     else
            
                 newid=4;//new id ye tekrar 4 verilerek tekrarlı olarak yukardan bır kare ıner
               }      
        }  
  
        if(newid>70)
        {
           newid=4;
        }

     if(id==64||id==65||id==66||id==67||id==68||id==69||id==70){
        
          
          kareler[id]=1;
        
         }

        if(newid<=70)
       {
           setTimeout("KareHareket(newid)", time);//tekrarlı olarak karenın yukardan ınmesı time da ınme hızı
       }
    
    
   }

   function KareBoya(id)//idye gore kareyı sıyaha boya
  {
        document.getElementById(id).style.backgroundColor="#000000";
        
  }

   function KareTemizle(id)//idye gore kareyı eskı halıne dondur
   {
        document.getElementById(id).style.backgroundColor="#FFFFFF";
        
   }



    function tusDinleme() {
  
        x = event.keyCode;
        kontrol=0;
        
        if(x==39)//sag yön tusuna basılmışsa
        {
            newid++;
            oldid2=newid-8;
            KareTemizle(oldid2);  
        }
        else
        if(x==37)//solyön tusuna basılmışsa
        {
            newid--;
            oldid2=newid-6;
            KareTemizle(oldid2);  
        }
        else
         if(x==65)//a tusuna yani oyuna göre hızlandırma tusuna basılmıssa
         {
             time=200;//oyunu hızlandır
         }
         else
         if(x==68)//d tusuna yani oyuna göre yavaslatma tusuna basılmıssa
         {
             time=800;//oyunu yavaslat
         }
        
    }


</script>
</head>
<body onLoad="start()" onKeyDown="tusDinleme();" >
<p>&nbsp;</p>
<table width="200" height="283" border="5" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td id="1" >&nbsp;</td>
    <td id="2">&nbsp;</td>
    <td id="3">&nbsp;</td>
    <td id="4">&nbsp;</td>
    <td id="5">&nbsp;</td>
    <td id="6">&nbsp;</td>
    <td id="7">&nbsp;</td>
  </tr>
  <tr>
    <td id="8" >&nbsp;</td>
    <td id="9">&nbsp;</td>
    <td id="10">&nbsp;</td>
    <td id="11">&nbsp;</td>
    <td id="12">&nbsp;</td>
    <td id="13">&nbsp;</td>
    <td id="14">&nbsp;</td>
  </tr>
  <tr>
    <td id="15" >&nbsp;</td>
    <td id="16">&nbsp;</td>
    <td id="17">&nbsp;</td>
    <td id="18">&nbsp;</td>
    <td id="19">&nbsp;</td>
    <td id="20">&nbsp;</td>
    <td id="21">&nbsp;</td>
  </tr>
  <tr>
    <td id="22" >&nbsp;</td>
    <td id="23">&nbsp;</td>
    <td id="24">&nbsp;</td>
    <td id="25">&nbsp;</td>
    <td id="26">&nbsp;</td>
    <td id="27">&nbsp;</td>
    <td id="28">&nbsp;</td>
  </tr>
  <tr>
    <td id="29" >&nbsp;</td>
    <td id="30">&nbsp;</td>
    <td id="31">&nbsp;</td>
    <td id="32">&nbsp;</td>
    <td id="33">&nbsp;</td>
    <td id="34">&nbsp;</td>
    <td id="35">&nbsp;</td>
  </tr>
  <tr>
    <td id="36" >&nbsp;</td>
    <td id="37">&nbsp;</td>
    <td id="38">&nbsp;</td>
    <td id="39">&nbsp;</td>
    <td id="40">&nbsp;</td>
    <td id="41">&nbsp;</td>
    <td id="42">&nbsp;</td>
  </tr>
  <tr>
    <td id="43" >&nbsp;</td>
    <td id="44">&nbsp;</td>
    <td id="45">&nbsp;</td>
    <td id="46">&nbsp;</td>
    <td id="47">&nbsp;</td>
    <td id="48">&nbsp;</td>
    <td id="49">&nbsp;</td>
  </tr>
  <tr>
   <td id="50" >&nbsp;</td>
    <td id="51">&nbsp;</td>
    <td id="52">&nbsp;</td>
    <td id="53">&nbsp;</td>
    <td id="54">&nbsp;</td>
    <td id="55">&nbsp;</td>
    <td id="56">&nbsp;</td>
  </tr>
  <tr>
    <td id="57" >&nbsp;</td>
    <td id="58">&nbsp;</td>
    <td id="59">&nbsp;</td>
    <td id="60">&nbsp;</td>
    <td id="61">&nbsp;</td>
    <td id="62">&nbsp;</td>
    <td id="63">&nbsp;</td>
  </tr>
  <tr>
     <td id="64" >&nbsp;</td>
    <td id="65">&nbsp;</td>
    <td id="66">&nbsp;</td>
    <td id="67">&nbsp;</td>
    <td id="68">&nbsp;</td>
    <td id="69">&nbsp;</td>
    <td id="70">&nbsp;</td>
  </tr>
</table>
<p>&nbsp;       </p>
<table width="500" border="0" align="center">
  <tr>
    <td width="117">&nbsp;</td>
    <td colspan="2">Kontroller</td>
    <td width="34">&nbsp;</td>
  </tr>
  <tr>
    <td>Sag yon  tusu:</td>
    <td width="500">Saga kay</td>
    <td width="1">&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>Sol yon tusu:</td>
    <td>Sola kay</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>A:</td>
    <td>Hizlandir</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>D:</td>
    <td>Yavaslat</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
   <tr>
    <td>Not:</td>
    <td>Oyunu internet explorer uzerinde calistirinizs</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
</table>
</body>
</html>
Alıntı: Kodu çalıştır


Eklenti Dosyaları Tırnak(lar)
   
Idea Sorunuz veya öneriniz varsa lütfen bildirin.
Bu kullanıcının gönderdiği tüm mesajları bul
Bu mesaji bir cevapta alıntı yap
29-01-2012, 01:40
Mesaj: #2
Admin Çevrimdışı
Administrator
*******
 		Mesajlar: 72
Katılım: 01-12-2011
Rep Puanı: 0
RE: Javascript Tetris Oyunu
Teşekkürler güzel paylaşım Smile
Forum Kurallarını Okumadıysanız Tıklayın ve Hemen Okuyun.
Bu kullanıcının gönderdiği tüm mesajları bul
Bu mesaji bir cevapta alıntı yap
Yeni Cevap 


Benzer Konular...
Konu: Yazar Cevaplar: Gösterim: Son Mesaj
  Javascript tümünü seç Admin 0 96 07-02-2012 21:46
Son Mesaj: Admin
  JavaScript timing events(Zaman olayları) dede 0 54 23-01-2012 15:11
Son Mesaj: dede
  JavaScript Cookies(Çerezler) dede 0 91 22-01-2012 11:54
Son Mesaj: dede

Foruma Git:


Bu konuyu görüntüleyen kullanıcı(lar): 1 Ziyaretçi

BilisimTurk.Org
İletişim | BilisimTurk | En Üste Dön | İçeriğe Dön | Arşiv | RSS Beslemesi