SHARE
TWEET

Untitled

a guest Oct 10th, 2019 64 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.         <meta charset="utf-8">
  5.         <title> Nowy.js demo</title>
  6.         <style>
  7. #gra
  8. {
  9. position: relative;
  10. float: left;
  11. margin: 10px;
  12. width: 750;
  13. height: 590px;
  14. border: 2px solid black;
  15. }
  16. #tabela
  17. {
  18.    border: 2px solid black;
  19. }
  20. body { margin: 0; padding: 0; }
  21. canvas { width: 100%; height: 100%; }
  22.            
  23.         </style>
  24. </head>
  25. <body>
  26.    
  27.     <DIV id="gra"></DIV>
  28. <script src="three.min.js"></script>
  29. <script>
  30.     var pozx=1;
  31.     var pozy=1;
  32.     var punkty=0;
  33.    
  34.  
  35.         var t = new Array(20);
  36.         for (var i = 0; i < 20; i++) {
  37.             t[i] = new Array(20);
  38.         }
  39.    
  40.     function init()
  41.     {
  42.         t[0][5]=1;
  43.         t[2][4]=1;
  44.         t[0][6]=1;
  45.         t[2][5]=1;
  46.         t[2][2]=1;
  47.         t[0][7]=1;
  48.         t[2][3]=1;
  49.         t[2][5]=1;
  50.         t[9][4]=3;
  51.         t[5][6]=3;
  52.         t[6][5]=3;
  53.         t[8][2]=1;
  54.         t[1][7]=1;
  55.         t[0][3]=1;
  56.         t[17][3]=1;
  57.         t[8][8]=1;
  58.         t[12][12]=3;
  59.         t[15][17]=3;
  60.         t[3][12]=3;
  61.         t[16][19]=3;
  62.         t[14][11]=3;
  63.        
  64.        
  65.     }
  66.    
  67.  
  68.     function zeruj() {
  69.         for (var i = 0; i < 20; i++)
  70.             for (var j = 0; j < 20; j++)
  71.                 t[i][j] = 0;
  72.  
  73.     }
  74.  
  75.     function rysuj() {
  76.         var html = '<table cellspacing="0" cellpadding="0" border="0">';
  77.         for (var i = 0; i < t.length; i++) {
  78.             html +='<TR>';
  79.             for (var j = 0; j < t[i].length; j++)
  80.             {
  81.                 if(i==pozx && j==pozy)
  82.                 html += '<TD><img src="cegla2.jpg"></TD>';
  83.                 else
  84.                 html += '<TD><img src="cegla' + t[i][j] + '.jpg"></TD>';
  85.             }
  86.             html += '</TR>';
  87.         }
  88.         html +='</TABLE>';
  89.         document.getElementById("gra").innerHTML = html;
  90.     }
  91.    
  92.      function sprawdz(){
  93.          
  94.         if(t[pozx] [pozy]==2)
  95.             {
  96.                 t[pozx] [pozy]=0;
  97.                 punkty++;
  98.             }
  99.     }
  100.    
  101.  
  102.     zeruj();
  103.     init();
  104.     rysuj();
  105.     sprawdz();
  106.  window.addEventListener('keydown', function(event) {
  107.   switch (event.keyCode) {
  108.     case 37: // Up
  109.       pozy--;
  110.           rysuj();
  111.     break;
  112.  
  113.     case 38: // left
  114.       pozx--;
  115.             rysuj();
  116.  
  117.     break;
  118.  
  119.     case 39: // Down
  120.        pozy++;
  121.             rysuj();
  122.  
  123.     break;
  124.  
  125.     case 40: // Right
  126.        pozx++;
  127.             rysuj();
  128.  
  129.     break;
  130.   }
  131. }, false);
  132.  
  133.  
  134.  
  135. </script>
  136.  
  137. </body>
  138. </html>
RAW Paste Data
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy. OK, I Understand
 
Top