基本html布局

    
                 
     
        
      
       得分:0
      
        
      
            
                   
                   
               
      
    
     

效果展示

游戏引擎engine.js

/*游戏引擎 */var Engine = {    //刚开始的游戏状态    gameStatus:false,    //所以敌机    enemy:{},    //子弹    bullet:{},    //得分    score:0,    //背景图片    game:document.querySelector('.game'),    //初始化    init:function(){        this.gameStart();    },    //游戏开始    gameStart:function(){        var _this = this;        //点击图片的时候判断游戏状态        this.game.onclick = function(){            if(!_this.gameStatus){                _this.gameStatus = true;                //移动移动                _this.bgMove();            }        }    },    //背景移动    bgMove:function(){        var y=0;        var _this = this;        this.bgTimer = setInterval(function(){            y+=2;            _this.game.style['background-position-y']=y+'px';        },50)    }};Engine.init();

如果做到这的话点击game背景会移动