SHARE
TWEET

Untitled

a guest Dec 22nd, 2014 1,361 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <canvas id="ctx" width="500" height="500" style="border:1px solid #000000;"></canvas>
  2.  
  3. <script>
  4. var ctx = document.getElementById("ctx").getContext("2d");
  5. ctx.font = '30px Arial';
  6.  
  7. var HEIGHT = 500;
  8. var WIDTH = 500;
  9. var message = 'Bouncing';
  10.  
  11. var player = {
  12.         x:50,
  13.         spdX:30,
  14.         y:40,
  15.         spdY:5,
  16.         name:'P',      
  17. };
  18.  
  19. var enemyList = {};
  20.  
  21. var enemy = {
  22.         x:150,
  23.         spdX:10,
  24.         y:350,
  25.         spdY:15,
  26.         name:'E',
  27.         id:'E1',
  28. };
  29. enemyList['E1'] = enemy;
  30.  
  31. var enemy2 = {
  32.         x:250,
  33.         spdX:10,
  34.         y:350,
  35.         spdY:-15,
  36.         name:'E',
  37.         id:'E2',
  38. };
  39. enemyList['E2'] = enemy2;
  40.  
  41. var enemy3 = {
  42.         x:250,
  43.         spdX:10,
  44.         y:150,
  45.         spdY:-8,
  46.         name:'E',
  47.         id:'E3',
  48. };
  49. enemyList['E3'] = enemy3;
  50.  
  51.  
  52. setInterval(update,40);
  53.  
  54. function updateEntity(something){
  55.         something.x += something.spdX;
  56.         something.y += something.spdY;
  57.         ctx.fillText(something.name,something.x,something.y);
  58.                
  59.                
  60.         if(something.x < 0 || something.x > WIDTH){
  61.                 console.log(message);
  62.                 something.spdX = -something.spdX;
  63.         }
  64.         if(something.y < 0 || something.y > HEIGHT){
  65.                 console.log(message);
  66.                 something.spdY = -something.spdY;
  67.         }
  68. }
  69.  
  70.  
  71. function update(){
  72.         ctx.clearRect(0,0,WIDTH,HEIGHT);
  73.        
  74.         for(var key in enemyList){
  75.                 updateEntity(enemyList[key]);
  76.         }
  77.        
  78.        
  79.         updateEntity(player);
  80.        
  81. }
  82.  
  83.  
  84.  
  85.  
  86.  
  87.  
  88. </script>
RAW Paste Data
Top