"use strict"

function dump(obj, name, pre, depth) {

  pre = pre || "";

  name = name || "";

  depth = typeof depth !== "undefined" ? depth : 2;

  var out = "";

  if (typeof obj == "object" && depth > 0){

    var prop = false;

    for (var i in obj) {

      prop = true;

      out += dump(obj[i], name, pre+"["+i+"] ", depth-1);

    }

    if (prop)

      return out;

    else

      out = "{}";

  } else {

    out += pre + (typeof obj) + ": " + obj;

  }

  console.log(name+"; "+out);

}

function Particle(){

  var scope = this;

  this.game;

  this.drawer;

  this.x = 0;

  this.y = 0;

  this.dx = 0;

  this.dy = 0;

  this.life = 80;

  this.type = 1;

  this.color = "rgba(255, 255, 192";

}

Particle.prototype.init = function (game){

  this.game = game;

  this.drawer = game.drawer;

}

Particle.prototype.tick = function (){

  --this.life;

  if (this.life < 0){

    return false;

  }

  this.x += this.dx;

  this.y += this.dy;

  this.dy -= this.game.grav + this.dy/15;

  this.dx -= this.dx/15;

  this.draw();

  return true;

}

Particle.prototype.draw = function (){

  if (this.type == 1){

    //dump(this.color);

    if (this.life > 30){

      this.drawer.fillStyle = this.color+", 1)";

    } else {

      this.drawer.fillStyle = this.color+", "+Math.min(this.life/30, 1)+")";

    }

  }

  this.drawer.fillRect(this.x, this.y, 1, 1);

}

function Shot(){

  var scope = this;

  this.game;

  this.drawer;

  this.x = 0;

  this.y = 0;

  this.dx = 0;

  this.dy = 0;

  this.life = 0;

  this.type = 1;

  this.size = 0;

  this.draw_type = 1;

  this.color = "rgba(0, 0, 192";

}

Shot.prototype.init = function (game){

  this.game = game;

  this.drawer = game.drawer;

}

Shot.prototype.tick = function (){

  --this.life;

  if (this.life < 0){

    if (this.type & 1){// basic burst

      var color = "rgba("+Math.ceil(255-200*Math.random())+", "+Math.ceil(255-200*Math.random())+", "+Math.ceil(255-200*Math.random());

      for (var num=0;num<this.size*20;num++){

        var partic = new Particle();

        partic.init(this.game);

        partic.x = this.x;

        partic.y = this.y;

        var t = 2*Math.PI*Math.random();

        var r = this.size*3*Math.random()/1.5;

        partic.dx = this.dx + r*Math.sin(t);

        partic.dy = this.dy + r*Math.cos(t);

        partic.life = 40 + 40*Math.random();

        partic.color = color;

        this.game.particles.push(partic);

      }

    }

    /*setTimeout(function (){

        scope.game.audio.play_sound("pop", "firework");

      }, 500);*/

    return false;

  } else {

    if (this.type & 2){//streamer

      if (true || Math.random() < 0.1){

        var partic = new Particle();

        partic.init(this.game);

        partic.x = this.x;

        partic.y = this.y;

        var t = 2*Math.PI*Math.random();

        var r = this.size*Math.random()/5;

        partic.dx = this.dx + r*Math.sin(t);

        partic.dy = this.dy + r*Math.cos(t);

        partic.life = 20 + 20*Math.random();

        partic.color = this.color;

        this.game.particles.push(partic);

      }

    }

  }

  this.x += this.dx;

  this.y += this.dy;

  this.dy -= this.game.grav;

  this.draw();

  return true;

}

Shot.prototype.draw = function (){

  if (this.draw_type == 1){

    this.drawer.fillStyle = "rgba(255, 255, 180, 1)";

    this.drawer.beginPath();

    this.drawer.arc(this.x, this.y, 1.5, 0, 2 * Math.PI, false);

    this.drawer.fill();

    this.drawer.fillStyle = "rgba(255, 255, 255, 1)";

    this.drawer.beginPath();

    this.drawer.arc(this.x, this.y, 0.5, 0, 2 * Math.PI, false);

    this.drawer.fill();

  }

}

function Shell(){

  var scope = this;

  this.game;

  this.drawer;

  this.x = 0;

  this.y = 0;

  this.dx = 0;

  this.dy = 0;

  this.life = 0;

  this.type = 1;

  this.size = 0;

  this.draw_type = 0;

}

Shell.prototype.init = function (game){

  this.game = game;

  this.drawer = game.drawer;

}

Shell.prototype.tick = function (){

  --this.life;

  if (this.life < 0){

    if (this.type & 1){// basic burst

      var color = "rgba("+Math.ceil(255-200*Math.random())+", "+Math.ceil(255-200*Math.random())+", "+Math.ceil(255-200*Math.random());

      for (var num=0;num<this.size*10;num++){

        var partic = new Particle();

        partic.init(this.game);

        partic.x = this.x;

        partic.y = this.y;

        var t = 2*Math.PI*Math.random();

        var r = this.size*3*Math.random()/1.5;

        partic.dx = this.dx + r*Math.sin(t);

        partic.dy = this.dy + r*Math.cos(t);

        partic.life = 40 + 40*Math.random();

        partic.color = color;

        this.game.particles.push(partic);

      }

    }

    if (this.type & 4){// basic burst

      var color = "rgba("+Math.ceil(255-200*Math.random())+", "+Math.ceil(255-200*Math.random())+", "+Math.ceil(255-200*Math.random());

      for (var num=0;num<this.size*10;num++){

        var partic = new Particle();

        partic.init(this.game);

        partic.x = this.x;

        partic.y = this.y;

        var t = 2*Math.PI*Math.random();

        var r = this.size*3*Math.random()/1.5;

        partic.dx = this.dx + r*Math.sin(t);

        partic.dy = this.dy + r*Math.cos(t);

        partic.life = 40 + 40*Math.random();

        partic.color = color;

        this.game.particles.push(partic);

      }

    }

    if (this.type & 8){// basic burst

      var color = "rgba("+Math.ceil(255-200*Math.random())+", "+Math.ceil(255-200*Math.random())+", "+Math.ceil(255-200*Math.random());

      for (var num=0;num<this.size*10;num++){

        var partic = new Particle();

        partic.init(this.game);

        partic.x = this.x;

        partic.y = this.y;

        var t = 2*Math.PI*Math.random();

        var r = this.size*3*Math.random()/1.5;

        partic.dx = this.dx + r*Math.sin(t);

        partic.dy = this.dy + r*Math.cos(t);

        partic.life = 40 + 40*Math.random();

        partic.color = color;

        this.game.particles.push(partic);

      }

    }

    if (this.type & 16){// basic burst

      var color = "rgba("+Math.ceil(255-200*Math.random())+", "+Math.ceil(255-200*Math.random())+", "+Math.ceil(255-200*Math.random());

      for (var num=0;num<this.size*80;num++){

        var partic = new Particle();

        partic.init(this.game);

        partic.x = this.x;

        partic.y = this.y;

        var t = 2*Math.PI*Math.random();

        var r = this.size*6*Math.random()/1.5;

        partic.dx = this.dx + r*Math.sin(t);

        partic.dy = this.dy + r*Math.cos(t);

        partic.life = 40 + 40*Math.random();

        partic.color = color;

        this.game.particles.push(partic);

      }

    }

    if (this.type & 2){// multi burst

      for (var num=0;num<this.size;num++){

        var shot = new Shot();

        shot.init(this.game);

        shot.x = this.x;

        shot.y = this.y;

        var t = 2*Math.PI*Math.random();

        var r = this.size*Math.random()/2;

        shot.dx = this.dx + r*Math.sin(t);

        shot.dy = this.dy + r*Math.cos(t);

        shot.size = this.size/4;

        shot.life = 40+20*Math.random();

        shot.type = Math.floor(1+Math.random()*2);

        shot.draw_type = Math.floor(Math.random()*2);

        shot.color = "rgba("+Math.ceil(255-200*Math.random())+", "+Math.ceil(255-200*Math.random())+", "+Math.ceil(255-200*Math.random());

        this.game.shots.push(shot);

      }

    }

    if (this.type & 32){// multi burst

      for (var num=0;num<this.size*2;num++){

        var shot = new Shot();

        shot.init(this.game);

        shot.x = this.x;

        shot.y = this.y;

        var t = 2*Math.PI*Math.random();

        var r = this.size*Math.random();

        shot.dx = this.dx + r*Math.sin(t);

        shot.dy = this.dy + r*Math.cos(t);

        shot.size = this.size/4;

        shot.life = 40+20*Math.random();

        shot.type = Math.floor(1+Math.random()*2);

        shot.draw_type = Math.floor(Math.random()*2);

        shot.color = "rgba("+Math.ceil(255-200*Math.random())+", "+Math.ceil(255-200*Math.random())+", "+Math.ceil(255-200*Math.random());

        this.game.shots.push(shot);

      }

    }

    setTimeout(function (){

      g.audio.play_sound("firework", "firework");

    }, 500);

    return false;

  }

  this.x += this.dx;

  this.y += this.dy;

  this.dy -= this.game.grav;

  this.draw();

  return true;

}

Shell.prototype.draw = function (){

  if (this.draw_type == 0){

    this.drawer.fillStyle = "rgb(255, 255, 192)";

    this.drawer.fillRect(this.x, this.y, this.size/4, this.size/4);

  }

}

function audio(){

  var scope = this;

  var buffers;

  var context;

  var channels;

  this.init = function (){

    this.buffers = {};

    window.AudioContext = window.AudioContext || window.webkitAudioContext;

    this.context = new AudioContext();

    this.channels = {};

    this.channels['main'] = this.context.createGain();

    this.channels['main'].connect(this.context.destination);

    this.channels['main'].gain.value = 0.00;

    this.channels['firework'] = this.context.createGain();

    this.channels['firework'].connect(this.channels['main']);

    this.channels['firework'].gain.value = 1.0;

    this.channels['other'] = this.context.createGain();

    this.channels['other'].connect(this.channels['main']);

    this.channels['other'].gain.value = 0.3;

  }

  this.load_sound = function (url, name, num){

    num = num || 1;

    for (var a=0; a<num; a++){

      this.buffers[name] = Array();

      var request = new XMLHttpRequest();

      request.open('GET', url.replace("_#", "_"+a), true);

      request.responseType = 'arraybuffer';

      request.onload = function() {

        scope.context.decodeAudioData(this.response, function(buffer) {

          scope.buffers[name].push(buffer);

        });

      }

      request.send();

    }

  }

  this.play_sound = function (name, channel) {

    channel = channel || "main";

    var source = this.context.createBufferSource();

    if (this.buffers[name].length > 1){

      source.buffer = this.buffers[name][Math.floor(Math.random()*this.buffers[name].length)];

    } else if (this.buffers[name].length){

      source.buffer = this.buffers[name][0];

    }

    source.connect(this.channels[channel]);

    if (!source.start)

      source.start = source.noteOn;

    source.start(0);

  }

}

function game(){

  var scope = this;

  this.canvas = false;

  this.drawer = false;

  this.audio = false;

  this.width = 0;

  this.height = 0;

  this.grav = -9.81 / 240;

  this.shell_again = false;

  this.last_shell = 0;

  this.shells = Array();

  this.shots = Array();

  this.particles = Array();

  this.init = function (){

    this.canvas = document.getElementById("canvas");

    this.drawer = canvas.getContext("2d");

    this.audio = new audio();

    this.audio.init();

    this.audio.load_sound("https://notomono.onnix.net/21410__heigh-hoo__blow.ogg", "launch", 1);

    this.audio.load_sound("https://notomono.onnix.net/99200__dobroide__20100612-fireworks.wav", "firework", 1);

    this.audio.load_sound("https://notomono.onnix.net/186958__readeonly__explosion7.wav", "pop", 1);

    this.width = window.innerWidth;

    this.height = window.innerHeight;

    this.canvas.width = this.width;

    this.canvas.height = this.height;

    this.drawer.fillStyle = 'rgba(0, 0, 0)';

    this.drawer.fillRect(0, 0, this.width, this.height);

  }

  this.start = function (){

    this.tick();

  }

  this.tick = function (){

    setTimeout(function (){ g.tick() }, 16);

    this.draw();

    if (Math.random() < 0.02 || this.shell_again){

      if (this.shell_again){

        this.fire_shell(this.shell_again[0], this.shell_again[1]);

      } else {

        this.fire_shell((Math.random()+Math.random())/2*this.width, -Math.random()*this.height/180-this.height/200);

      }

    }

    if (Math.random() < 0.02){

        scope.audio.play_sound("launch", "other");

    }

    for(var i = this.particles.length-1; i>=0;i--){

      if (!this.particles[i].tick()){

        this.particles.splice(i, 1);

      }

    }

    for(var i = this.shots.length-1; i>=0;i--){

      if (!this.shots[i].tick()){

        this.shots.splice(i, 1);

      }

    }

    for(var i = this.shells.length-1; i>=0;i--){

      if (!this.shells[i].tick()){

        this.shells.splice(i, 1);

      }

    }

  }

  this.fire_shell = function (x, dy){

    var t = (new Date()).getTime();

    if (t-200 > this.last_shell){

      this.last_shell = t;

      var nshell = new Shell();

      nshell.init(this);

      nshell.x = x;

      nshell.y = this.height;

      nshell.dx = Math.random()*.5-.25;

      nshell.dy = dy;

      nshell.life = -nshell.dy*20;

      nshell.size = nshell.life/20;

      nshell.type = Math.floor(1+Math.random()*63);

      this.shells.push(nshell);

      setTimeout(function (){

        scope.audio.play_sound("launch", "firework");

      }, 500);

    } else {

      this.next_shell = [x, dy];

    }

  }

  this.draw = function (){

    this.drawer.fillStyle = "rgba(0, 0, 0, .51)";//"+(0.2+Math.random()/3)+")";

    this.drawer.fillRect(0, 0, this.width, this.height);

  }

  this.set_audio = function (val){

    this.audio.channels['main'].gain.value = val;

  }

}

var g = new game();

$(function (){

  g.init();

  g.start();

  $("#audio_control").on("click touchend", function (){

    if ($("#audio_control").hasClass("control_off")){

      $("#audio_control").removeClass("control_off");

      g.set_audio(0.2);

    } else {

      $("#audio_control").addClass("control_off");

      g.set_audio(0);

    }

  }).trigger("click");

  $("#canvas").on("click touchstart", function (e){

    if (e.originalEvent.touches && e.originalEvent.touches[0])

      e = e.originalEvent.touches[0];

    g.fire_shell(e.clientX, -Math.log(($(window).height()-e.clientY)/15)*1.8);

  });

});