Explosion types

weapons.js

@@ -1,6 +1,47 @@
 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);
+    },
+  },
+}