$(function() {
  
    var Q = window.Q = Quintus()
                       .include('Input,Sprites,Scenes,SVG')
                       .svgOnly()
                       .setup('quintus',{ maximize: true });
  
    Q.scene('level',new Q.Scene(function(stage) {
  
      var box = stage.insert(new Q.Sprite({ 
        x: 100, y: 250, w: 500, h: 50
      }));
  
      var block = stage.insert(new Q.Sprite({ 
        w: 30, h:20, x: 0, y: 100 
      }));
  
      var circle = stage.insert(new Q.Sprite({
        r: 30, x: 50, y: 100, shape:'circle'  
      }));
      
      var poly = stage.insert(new Q.Sprite({ 
        x: 120, y: 100, shape: 'polygon', color: "red",
        points: [[ 0, 0 ], [ 100, 0 ],[ 120, 25],[ 50, 50]]
      }));
  
      stage.viewport(400,400);
      stage.centerOn(100,200);
  
      $(Q.wrapper).on('touchstart',function(e) {
        var touch = e.originalEvent.changedTouches[0];
  
        if(touch.target.sprite) {
          touch.target.sprite.destroy();
        } else { 
          var point = stage.browserToWorld(touch.pageX,touch.pageY);
  
          var box = stage.insert(new Q.Sprite({ 
            x: point.x, y: point.y, w: 20, h: 20
          }));
        }
  
        e.preventDefault();
  
      });
      
      $(Q.wrapper).on('touchmove click touchend',function(e) {
        e.preventDefault();
      });
  
    }));
  
    Q.stageScene("level");
  });