Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> [JS] Gra - wąż(snake)
hinczyk
post 14.05.2008, 20:40:25
Post #1





Grupa: Zarejestrowani
Postów: 10
Pomógł: 0
Dołączył: 7.12.2007

Ostrzeżenie: (0%)
-----

Witam!
Oto mój kod "gry": 
[HTML] pobierz, plaintext 
  1. <html>
  2.  
  3. <head>
  4.     <meta http-equiv="content-type" content="text/html; charset=iso-8859-2">
  5.     <meta name="author" content="">
  6.  
  7.     <title>:: Wąż ::</title>
  8.  
  9.     <script type="text/javascript">
  10.  
  11.     function poruszanie(){
  12.         var lefta = document.getElementById('glowa').style.left;
  13.         var topa = document.getElementById('glowa').style.top;
  14.         if(document.getElementById('kierunek').value == "prawo"){
  15.             document.getElementById('glowa').style.left = (parseInt(lefta)+10);
  16.         }else if(document.getElementById('kierunek').value == "lewo"){
  17.             document.getElementById('glowa').style.left = (parseInt(lefta)-10);
  18.         }else if(document.getElementById('kierunek').value == "gora"){
  19.             document.getElementById('glowa').style.top = (parseInt(topa)-10);
  20.         }else{
  21.             document.getElementById('glowa').style.top = (parseInt(topa)+10);
  22.         }
  23.         if(document.getElementById('glowa').style.left=='300px' || document.getElementById('glowa').style.left=='-10px' || document.getElementById('glowa').style.top=='-10px' || document.getElementById('glowa').style.top=='300px'){
  24.         alert("przegrales")
  25.     }
  26.                 if(document.getElementById('glowa').style.left == document.getElementById('jablko').style.left && document.getElementById('glowa').style.top == document.getElementById('jablko').style.top){
  27.             document.getElementById('pkt').value = parseInt(document.getElementById('pkt').value) + 1;
  28.             var losowa = Math.round(28*Math.random()+1)+'0';
  29.             var losowa1 = Math.round(28*Math.random()+1)+'0';
  30.             document.getElementById("jablko").style.left = losowa
  31.             document.getElementById("jablko").style.top = losowa1
  32.         }
  33.             document.getElementById('wynik').innerHTML = document.getElementById('pkt').value + " punktów";
  34.     }
  35.     setInterval("poruszanie()", 300)
  36.     function kierowanie(e){
  37.     if(e.which){
  38.         code=e.which
  39.     }else if(e.keyCode){
  40.         code=e.keyCode
  41.     }
  42.     var lefta = document.getElementById('glowa').style.left;
  43.     var topa = document.getElementById('glowa').style.top;
  44.  
  45.     if(document.getElementById('kierunek').value == "prawo"){
  46.     if(code == 119){
  47.         if(document.getElementById('kierunek').value == "gora"){
  48.         }else{
  49.         document.getElementById('glowa').src = 'glowa_gora.png'
  50.         document.getElementById('kierunek').value = "gora"
  51.     }
  52.     }
  53.     if(code == 115){
  54.         if(document.getElementById('kierunek').value == "dol"){
  55.         }else{
  56.         document.getElementById('glowa').src = 'glowa_dol.png'
  57.         document.getElementById('kierunek').value = "dol"
  58.     }
  59.     }
  60.     }
  61.     if(document.getElementById('kierunek').value == "lewo"){
  62.     if(code == 119){
  63.         if(document.getElementById('kierunek').value == "gora"){
  64.         }else{
  65.         document.getElementById('glowa').src = 'glowa_gora.png'
  66.         document.getElementById('kierunek').value = "gora"
  67.     }
  68.     }
  69.     if(code == 115){
  70.         if(document.getElementById('kierunek').value == "dol"){
  71.         }else{
  72.         document.getElementById('glowa').src = 'glowa_dol.png'
  73.         document.getElementById('kierunek').value = "dol"
  74.     }
  75.     }
  76.     }
  77.     if(document.getElementById('kierunek').value == "gora"){
  78.     if(code == 97){
  79.         if(document.getElementById('kierunek').value == "lewo"){
  80.         }else{
  81.         document.getElementById('glowa').src = 'glowa_lewa.png'
  82.         document.getElementById('kierunek').value = "lewo"
  83.     }
  84.     }
  85.     if(code == 100){
  86.         if(document.getElementById('kierunek').value == "prawo"){
  87.         }else{
  88.         document.getElementById('glowa').src = 'glowa_prawa.png'
  89.         document.getElementById('kierunek').value = "prawo"
  90.     }
  91.     }
  92.     }
  93.     if(document.getElementById('kierunek').value == "dol"){
  94.     if(code == 97){
  95.         if(document.getElementById('kierunek').value == "lewo"){
  96.         }else{
  97.         document.getElementById('glowa').src = 'glowa_lewa.png'
  98.         document.getElementById('kierunek').value = "lewo"
  99.     }
  100.     }
  101.     if(code == 100){
  102.         if(document.getElementById('kierunek').value == "prawo"){
  103.         }else{
  104.         document.getElementById('glowa').src = 'glowa_prawa.png'
  105.         document.getElementById('kierunek').value = "prawo"
  106.     }
  107.     }
  108.     }
  109.     }
  110.     </script>
  111.     <style type="text/css">
  112.     * {
  113.         margin: 0;
  114.         padding: 0;
  115.     }
  116.     #ramka {
  117.         width:300px; height:300px;
  118.         border: 1px #000 solid;
  119.     }
  120.     </style>
  121. </head>
  122.  
  123. <body onkeypress="kierowanie(event)">
  124. <div id="ramka">
  125. <img src="glowa_prawa.png" id="glowa" style="position:absolute; left:30px; top:150px; z-index:1;">
  126. <img src="jablko.png" id="jablko" style="position:absolute; left:150px; top:150px;">
  127. </div><div id="wynik"></div>
  128. <input type="hidden" id="kierunek" value="prawo">
  129. <input type="hidden" id="pkt" value="0">
  130. </body>
  131. </html>
[HTML] pobierz, plaintext


A to moje pytanie:
Czy wie ktoś jak zrobić by po zjedzeniu jablka za wężem pojawiał się ogon i chodził za nim jak w prawdziwej grze "snake"?

Za odpowiedz z góry dzięki:)
Go to the top of the page
+Quote Post
yaro
post 15.05.2008, 11:45:59
Post #2





Grupa: Zarejestrowani
Postów: 160
Pomógł: 4
Dołączył: 22.04.2006
Skąd: Kraków

Ostrzeżenie: (0%)
-----

Musisz zapamietywac pozycje przez które przechodziła głowa. Zrób sobie stos, albo kolejke, nie wiem które bedzie lepiej zastosować, musisz sie nad tym zastanowic. Z wykrywaniem zjedzenia poradziles sobie juz?


--------------------
AJAX in.pl - Trochę o AJAX 'ie i JavaScript
JSCache 1.2 - DOM Storage - przechowuj dane po stronie user'a, na stałe!
Go to the top of the page
+Quote Post
hinczyk
post 15.05.2008, 14:51:39
Post #3





Grupa: Zarejestrowani
Postów: 10
Pomógł: 0
Dołączył: 7.12.2007

Ostrzeżenie: (0%)
-----

tak z wykrywaniem jedzenia już sobie poradziłem.
a co to jest ten stos, kolejka?
Go to the top of the page
+Quote Post
mike
post 15.05.2008, 15:01:04
Post #4





Grupa: Przyjaciele php.pl
Postów: 7 494
Pomógł: 302
Dołączył: 31.03.2004

Ostrzeżenie: (0%)
-----

Cytat(hinczyk @ 15.05.2008, 15:51:39 ) *
a co to jest ten stos, kolejka?
To są tak podstawowe rzeczy w programowaniu jak powiedzenie mama w nauce mówienia.
Stos, kolejka
Go to the top of the page
+Quote Post
« Następny starszy · JavaScript · Następny nowszy »
 

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 

Tryb wyświetlania: Standardowy · Przełącz na: Linearny+ · Przełącz na: Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Wersja Lo-Fi Aktualny czas: 24.07.2025 - 17:15
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn