@guinetik/gcanvas 1.0.0

package/demos/js/space/bullet.js

@@ -0,0 +1,102 @@
+import { GameObject, Rectangle, Group } from "../../../src/index.js";
+import { BULLET_SPEED, BULLET_WIDTH, BULLET_HEIGHT } from "./constants.js";
+
+export class Bullet extends GameObject {
+  constructor(game, options = {}) {
+    super(game, {
+      width: BULLET_WIDTH,
+      height: BULLET_HEIGHT,
+      ...options,
+    });
+
+    this.speed = options.speed || BULLET_SPEED;
+    this.direction = options.direction || -1; // -1 = up, 1 = down
+    this.isPlayerBullet = options.isPlayerBullet !== false;
+
+    // Angle for spread shots (degrees, 0 = straight, negative = left, positive = right)
+    this.angle = (options.angle || 0) * Math.PI / 180; // Convert to radians
+    this.velocityX = Math.sin(this.angle) * this.speed;
+    this.velocityY = Math.cos(this.angle) * this.speed * this.direction;
+
+    // Create laser-style bullet with glow effect (cached for performance)
+    this.shape = new Group({ cacheRendering: true });
+
+    if (this.isPlayerBullet) {
+      // Player bullet - bright yellow/white laser
+      const glow = new Rectangle({
+        width: BULLET_WIDTH + 4,
+        height: BULLET_HEIGHT + 2,
+        color: "rgba(255, 255, 0, 0.3)",
+      });
+      const core = new Rectangle({
+        width: BULLET_WIDTH,
+        height: BULLET_HEIGHT,
+        color: "#ffff00",
+      });
+      const center = new Rectangle({
+        width: 2,
+        height: BULLET_HEIGHT - 2,
+        color: "#ffffff",
+      });
+      this.shape.add(glow);
+      this.shape.add(core);
+      this.shape.add(center);
+    } else {
+      // Enemy bullet - menacing red plasma
+      const glow = new Rectangle({
+        width: BULLET_WIDTH + 4,
+        height: BULLET_HEIGHT + 2,
+        color: "rgba(255, 0, 0, 0.3)",
+      });
+      const core = new Rectangle({
+        width: BULLET_WIDTH,
+        height: BULLET_HEIGHT,
+        color: "#ff3333",
+      });
+      const center = new Rectangle({
+        width: 2,
+        height: BULLET_HEIGHT - 2,
+        color: "#ff8888",
+      });
+      this.shape.add(glow);
+      this.shape.add(core);
+      this.shape.add(center);
+    }
+  }
+
+  update(dt) {
+    super.update(dt);
+
+    // Move with angle support
+    this.x += this.velocityX * dt;
+    this.y += this.velocityY * dt;
+
+    // Remove if off screen
+    if (this.y < -BULLET_HEIGHT || this.y > this.game.height + BULLET_HEIGHT ||
+        this.x < -BULLET_WIDTH || this.x > this.game.width + BULLET_WIDTH) {
+      this.destroy();
+    }
+  }
+
+  draw() {
+    super.draw();
+    // Render at origin - parent transform already positions us correctly
+    this.shape.x = 0;
+    this.shape.y = 0;
+    this.shape.render();
+  }
+
+  destroy() {
+    this.active = false;
+    this.visible = false;
+  }
+
+  getBounds() {
+    return {
+      x: this.x - BULLET_WIDTH / 2,
+      y: this.y - BULLET_HEIGHT / 2,
+      width: BULLET_WIDTH,
+      height: BULLET_HEIGHT,
+    };
+  }
+}

package/demos/js/space/constants.js

@@ -0,0 +1,85 @@
+// ==========================================================================
+// Space Invaders - Game Constants
+// ==========================================================================
+
+// Fixed canvas dimensions (must match HTML canvas attributes)
+export const CANVAS_WIDTH = 800;
+export const CANVAS_HEIGHT = 600;
+
+// Player constants
+export const PLAYER_SPEED = 300;
+export const PLAYER_WIDTH = 40;
+export const PLAYER_HEIGHT = 20;
+
+// Bullet constants
+export const BULLET_SPEED = 400;
+export const BULLET_WIDTH = 4;
+export const BULLET_HEIGHT = 12;
+
+// Alien constants
+export const ALIEN_BASE_ROWS = 4;
+export const ALIEN_COLS = 11;
+export const MAX_ALIEN_ROWS = 8;
+export const ALIEN_WIDTH = 30;
+export const ALIEN_HEIGHT = 20;
+export const ALIEN_SPACING_X = 40;
+export const ALIEN_SPACING_Y = 35;
+export const ALIEN_MOVE_SPEED = 30;
+export const ALIEN_DROP_DISTANCE = 20;
+export const ALIEN_SHOOT_CHANCE = 0.002;
+export const ALIEN_BULLET_SPEED = 200;
+
+// Power-up constants
+export const POWERUP_SPAWN_CHANCE = 0.0008; // Per frame chance for 1-Up
+export const STARPOWER_SPAWN_CHANCE = 0.001; // Star power (more common for fun)
+export const POWERUP_FALL_SPEED = 150;
+export const POWERUP_SIZE = 24;
+export const STARPOWER_DURATION = 8; // Seconds of invincibility
+export const STARPOWER_SPEED_MULTIPLIER = 2.5; // Move 2.5x faster during star power
+
+// Missile constants
+export const MISSILE_SPAWN_CHANCE = 0.0008; // Per frame chance
+export const MISSILE_DURATION = 4; // Seconds for bezier animation (slower)
+export const MISSILE_WIDTH = 50; // Long torpedo shape
+export const MISSILE_HEIGHT = 14;
+
+// Laser beam constants (unlocked after first boss)
+export const LASER_SPAWN_CHANCE = 0.0012; // Per frame chance (still rarer than missiles but more frequent)
+
+// Lightning constants (unlocked after second boss)
+export const LIGHTNING_SPAWN_CHANCE = 0.0018; // Per frame chance (more frequent - dramatic effect)
+
+// Boss constants - BASE values, scaled by boss type (0=easy, 1=medium, 2=hard)
+export const BOSS_LEVELS = [3, 6, 9]; // Boss appears at end of these levels
+export const BOSS_BASE_HEALTH = 30; // Base health (scales: 30, 50, 75)
+export const BOSS_SCALE = 4; // Boss is 4x the size of normal alien
+export const BOSS_BASE_POINTS = 1000; // Base bonus (scales: 1000, 2000, 3000)
+export const BOSS_BASE_MISSILE_INTERVAL = 2.5; // Base seconds between missiles (scales down)
+export const BOSS_BASE_MINION_INTERVAL = 3; // Base seconds between minion spawns (scales down)
+export const BOSS_BASE_MAX_MINIONS = 3; // Base max minions (scales: 3, 5, 7)
+export const BOSS_BASE_MOVE_SPEED = 35; // Base horizontal speed (scales up)
+
+// Boss minion constants (smaller versions of the boss alien type)
+export const MINION_SCALE = 0.8; // Slightly smaller than normal aliens
+export const MINION_FLOAT_RADIUS = 40; // How much they float around
+export const MINION_FLOAT_SPEED = 0.8;
+export const MINION_BASE_SHOOT_CHANCE = 0.006; // Base per frame chance (scales up)
+export const MINION_BASE_HEALTH = 2; // Base health (scales: 2, 3, 4)
+
+// Shield constants (unlocked after level 9 boss)
+export const SHIELD_MAX_ENERGY = 100; // Full bar
+export const SHIELD_DRAIN_RATE = 50; // Energy per second when active (2 sec to drain)
+export const SHIELD_RECHARGE_RATE = 10; // Energy per second when inactive (10 sec to full)
+export const SHIELD_RECHARGE_DELAY = 1.5; // Seconds before recharge starts after deactivation
+
+// Level 10 Gauntlet constants
+export const GAUNTLET_BOSS_SCALE = 5; // Gauntlet bosses are 5x (vs normal 4x)
+export const GAUNTLET_BOSS_HEALTH_MULTIPLIER = 1.5; // 50% more health
+export const GAUNTLET_BOSS_COLORS = [
+  // Boss 0 (Octopus) - was green, now PURPLE
+  { primary: "#aa00ff", secondary: "#8800cc", dark: "#660099" },
+  // Boss 1 (Squid) - was pink, now ORANGE/FIRE
+  { primary: "#ff6600", secondary: "#cc4400", dark: "#993300" },
+  // Boss 2 (Crab) - was cyan, now GOLD
+  { primary: "#ffdd00", secondary: "#ccaa00", dark: "#997700" },
+];