$(function() {
  
    var Q = window.Q = Quintus()
                       .include('Input,Sprites,Scenes')
                       .setup();
  
    Q.input.keyboardControls()
    Q.input.touchControls({ 
              controls:  [ ['left','<' ],['right','>' ],[],[],[] ]
            });
  
    Q.Paddle = Q.Sprite.extend({
      init: function() {
        this._super({
          sheet: 'paddle',
          speed: 200,
          x: 0
        });
  
        this.p.y = Q.height - this.p.h;
        if(Q.input.keypad.size) {
          this.p.y -= Q.input.keypad.size + this.p.h;
        }
      },
  
      step: function(dt) {
        if(Q.inputs['left']) { 
          this.p.x -= dt * this.p.speed;
        } else if(Q.inputs['right']) {
          this.p.x += dt * this.p.speed;
        }
  
        if(this.p.x < 0) { 
          this.p.x = 0;
        } else if(this.p.x > Q.width - this.p.w) { 
          this.p.x = Q.width - this.p.w;
        }
  
        this._super(dt);
      }
  
    });
  
    Q.Ball = Q.Sprite.extend({
      init: function() {
        this._super({
          sheet: 'ball',
          speed: 200,
          dx: 1,
          dy: -1,
        });
        this.p.y = Q.height / 2 - this.p.h;
        this.p.x = Q.width / 2 + this.p.w / 2;
      },
  
      step: function(dt) {
        var p = this.p;
  
        p.x += p.dx * p.speed * dt;
        p.y += p.dy * p.speed * dt;
  
        if(p.x < 0) { 
          p.x = 0;
          p.dx = 1;
        } else if(p.x > Q.width - p.w) { 
          p.dx = -1;
          p.x = Q.width - p.w;
        }
  
        if(p.y < 0) {
          p.y = 0;
          p.dy = 1;
        } else if(p.y > Q.height - p.h) { 
          p.dy = -1;
          p.y = Q.height- p.h;
        }
  
        this._super(dt);
  
      }
  
    });
  
    Q.load(['blockbreak.png','blockbreak.json'], function() {
      Q.compileSheets('blockbreak.png','blockbreak.json');
  
      var paddle = new Q.Paddle();
      var ball = new Q.Ball();
  
      Q.gameLoop(function(dt) {
        Q.clear();
  
        paddle.step(dt);
        paddle.draw();
  
        ball.step(dt);
        ball.draw();
  
        Q.input.drawCanvas();
      });
  
    });
  
  });