飞机

来源：互联网发布：姜太公钓椅淘宝编辑：程序博客网时间：2024/04/27 07:43

<html>
   <head>
       <title>xxxxxxx</title>
       <script>
           window.onload = function(){
               canvasApp();
           }
           function canvasApp(){
               var canvas = document.getElementById("canvas");
               var context = canvas.getContext("2d");
               var plane_x = 150;
               var plane_y = 400;
               var cartridge_x = plane_x+42;
               var cartridge_y = plane_y-20;
               var zidan = 0;
               var havezidan = false;
               var keyPressList = [];
               var cartridgeArray = [];

               var img = new Image;
               img.src = "./Image/projectile.png";
               var plane = new Plane(plane_x,plane_y);
               function Plane(x,y){
                   var img = new Image;
                   img.src = "./Image/Player.png";
                   context.drawImage(img,x,y);
               }

               document.onkeydown = function(e){
                   keyPressList[e.keyCode] = true;

               }
               document.onkeyup = function(e){
                   keyPressList[e.keyCode] = false;
                   if(e.keyCode==32){
                       var newZidan = {};
                       newZidan.x = plane_x+42;
                       newZidan.y = plane_y-20;
                       cartridgeArray.push(newZidan);
                   }
               }

               function runGame(){
                   if(keyPressList[37] == true){
                       plane_x = plane_x-5;
                       if(plane_x<0)plane_x=300;
                       Plane(plane_x,plane_y);
                   }
                   if(keyPressList[39] == true){

                       plane_x = plane_x +5;
                       if(plane_x>300)plane_x=0;
                       Plane(plane_x,plane_y);
                   }
                   context.clearRect(0,0,400,500);
                   for(var i = 0;i<cartridgeArray.length;i++){
                       cartridgeArray[i].y = cartridgeArray[i].y -3;
                       context.drawImage(img,cartridgeArray[i].x,cartridgeArray[i].y);
                       if(cartridgeArray[i].y<-10){
                           cartridgeArray.splice(i,1);
                       }
                   }

                   Plane(plane_x,plane_y);

               }

               setInterval(runGame,33);
           }

       </script>
   </head>

   <body>
       <canvas id = "canvas" width = "400" height = "500" style = "border: 1px solid red"></canvas>
   </body>
</html>

0 0