import {drawCircle} from './gfx.js';
import {clipTerrain} from './terrain.js';

export function drawExplosion(ctx, x, y, r) {
  const color = 255 - (16 * (r % 16));
  drawCircle(ctx, x, y, r, `rgb(${color}, 0, 0)`);
}

export const WEAPON_TYPES = [
  {id:'baby-missile', name:'Baby Missile', explosion:{type:'blast', r:5}},
  {id:'missile', name:'Missile', explosion:{type:'blast', r:10}},
  {id:'baby-nuke', name:'Baby Nuke', explosion:{type:'blast', r:50}},
  {id:'nuke', name:'Nuke', explosion:{type:'blast', r:100}},
  {id:'dirt', name:'Dirt', explosion:{type:'dirt', r:25}},
  {id:'large-dirt', name:'Ton of Dirt', explosion:{type:'dirt', r:75}},
];

export const EXPLOSION_TYPES = {
  blast: {
    create(spec, x, y) {
      const {r} = spec;
      return {x, y, r, cr:0};
    },
    update(explosion) {
      return ++explosion.cr < explosion.r;
    },
    draw(explosion, foreground, terrain) {
      const {x, y, cr} = explosion;
      drawExplosion(foreground, x, y, cr);
      clipTerrain(terrain, (ctx) => drawExplosion(ctx, x, y, cr));
    },
  },
  dirt: {
    create(spec, x, y) {
      const {r} = spec;
      return {x, y, r, cr:0};
    },
    update(explosion) {
      return ++explosion.cr < explosion.r;
    },
    draw(explosion, foreground, terrain) {
      const {x, y, cr} = explosion;
      drawExplosion(foreground, x, y, cr);
      drawExplosion(terrain, x, y, cr);
    },
  },
}