SHARE
TWEET

Untitled

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