GF.game({ title: "Ninja Heist!", instructions: "Sneak past robots, avoid traps, reach the treasure!", scoreLabel: "Score", bg: '#1a1a2e', accent: '#f0c040', winText: "Treasure Recovered! Ninja Master!", loseText: "Caught by the robots!", lives: 3, setup: function(GF) { this.W = GF.W; this.H = GF.H; this.tileSize = 40; this.cols = 12; this.rows = 18; this.offsetX = (GF.W - this.cols * this.tileSize) / 2; this.offsetY = 40; // Map: 0=floor, 1=wall, 2=trap, 3=treasure, 4=start this.mapData = [ [1,1,1,1,1,1,1,1,1,1,1,1], [1,0,0,0,0,1,0,0,0,0,0,1], [1,0,1,1,0,0,0,1,1,1,0,1], [1,0,1,0,0,1,0,0,0,1,0,1], [1,0,0,0,1,1,1,0,2,0,0,1], [1,0,1,0,0,0,0,0,1,1,0,1], [1,0,1,1,0,1,0,0,0,0,0,1], [1,0,0,0,0,1,1,1,0,1,0,1], [1,1,0,1,0,0,0,0,0,1,0,1], [1,0,0,1,0,1,0,1,0,0,0,1], [1,0,1,0,0,1,2,1,0,1,0,1], [1,0,1,0,1,0,0,0,0,1,0,1], [1,0,0,0,0,0,1,0,1,0,0,1], [1,0,1,1,0,1,0,0,0,1,0,1], [1,0,0,0,0,0,0,1,0,0,2,1], [1,0,1,0,1,0,0,0,0,1,0,1], [1,0,0,0,0,0,1,0,3,0,0,1], [1,1,1,1,1,1,1,1,1,1,1,1], ]; // Player this.player = { col: 1, row: 16, x: 0, y: 0, moving: false, moveTimer: 0, targetCol: 1, targetRow: 16, dir: 0, invTimer: 0, sneaking: false }; this.updatePlayerPos(); // Guards this.guards = [ { col: 5, row: 2, x: 0, y: 0, dir: 1, path: [{c:5,r:2},{c:8,r:2},{c:8,r:4},{c:5,r:4}], pathIdx: 0, moveTimer: 0, speed: 0.7, alert: false, alertTimer: 0 }, { col: 2, row: 7, x: 0, y: 0, dir: 1, path: [{c:2,r:7},{c:2,r:10},{c:4,r:10},{c:4,r:7}], pathIdx: 0, moveTimer: 0, speed: 0.8, alert: false, alertTimer: 0 }, { col: 7, row: 9, x: 0, y: 0, dir: 0, path: [{c:7,r:9},{c:9,r:9},{c:9,r:12},{c:7,r:12}], pathIdx: 0, moveTimer: 0, speed: 0.6, alert: false, alertTimer: 0 }, { col: 1, row: 13, x: 0, y: 0, dir: 1, path: [{c:1,r:13},{c:4,r:13},{c:4,r:15},{c:1,r:15}], pathIdx: 0, moveTimer: 0, speed: 0.9, alert: false, alertTimer: 0 }, ]; this.guards.forEach(g => this.updateGuardPos(g)); // Traps (spinning blades) this.traps = []; for (let r = 0; r < this.rows; r++) { for (let c = 0; c < this.cols; c++) { if (this.mapData[r][c] === 2) { this.traps.push({ col: c, row: r, angle: 0, active: true, cooldown: 0 }); } } } this.moveDir = null; this.moveQueue = null; this.particles = []; this.flashTimer = 0; this.flashColor = '#fff'; this.won = false; this.difficulty = 1; this.diffTimer = 0; this.takedownTimer = 0; this.takedownPos = null; }, updatePlayerPos: function() { const p = this.player; p.x = this.offsetX + p.col * this.tileSize + this.tileSize / 2; p.y = this.offsetY + p.row * this.tileSize + this.tileSize / 2; }, updateGuardPos: function(g) { g.x = this.offsetX + g.col * this.tileSize + this.tileSize / 2; g.y = this.offsetY + g.row * this.tileSize + this.tileSize / 2; }, isWall: function(col, row) { if (row < 0 || row >= this.rows || col < 0 || col >= this.cols) return true; return this.mapData[row][col] === 1; }, spawnParticles: function(x, y, color, n) { for (let i = 0; i < n; i++) { const a = Math.random() * Math.PI * 2; const s = GF.rand(40, 100); this.particles.push({ x, y, vx: Math.cos(a)*s, vy: Math.sin(a)*s, life: 0.5, maxLife: 0.5, color }); } }, update: function(dt, GF) { if (this.won) return; this.diffTimer += dt; if (this.diffTimer > 20) { this.difficulty = Math.min(2.5, this.difficulty + 0.1); this.diffTimer = 0; } const p = this.player; if (p.invTimer > 0) p.invTimer -= dt; if (this.takedownTimer > 0) this.takedownTimer -= dt; if (this.flashTimer > 0) this.flashTimer -= dt; // Input if (!p.moving) { let dc = 0, dr = 0; if (GF.input.left || GF.pressed('left')) { dc = -1; p.dir = 2; } else if (GF.input.right || GF.pressed('right')) { dc = 1; p.dir = 0; } else if (GF.input.up || GF.pressed('up')) { dr = -1; p.dir = 3; } else if (GF.input.down || GF.pressed('down')) { dr = 1; p.dir = 1; } if (dc !== 0 || dr !== 0) { const nc = p.col + dc, nr = p.row + dr; if (!this.isWall(nc, nr)) { p.targetCol = nc; p.targetRow = nr; p.moving = true; p.moveTimer = 0; } } // Takedown if (GF.pressed('action') && p.invTimer <= 0) { this.guards.forEach(g => { if (!g.alert && Math.abs(g.col - p.col) <= 1 && Math.abs(g.row - p.row) <= 1) { g.alert = true; g.alertTimer = 99; this.spawnParticles(g.x, g.y, '#f0c040', 8); GF.sound('hit'); GF.addScore(50); this.takedownTimer = 0.4; this.takedownPos = { x: g.x, y: g.y }; // Remove guard g.removed = true; } }); this.guards = this.guards.filter(g => !g.removed); } } // Move player smoothly if (p.moving) { p.moveTimer += dt * 8; const tx = this.offsetX + p.targetCol * this.tileSize + this.tileSize / 2; const ty = this.offsetY + p.targetRow * this.tileSize + this.tileSize / 2; const sx = this.offsetX + p.col * this.tileSize + this.tileSize / 2; const sy = this.offsetY + p.row * this.tileSize + this.tileSize / 2; const t = Math.min(p.moveTimer, 1); p.x = sx + (tx - sx) * t; p.y = sy + (ty - sy) * t; if (p.moveTimer >= 1) { p.col = p.targetCol; p.row = p.targetRow; p.moving = false; this.updatePlayerPos(); // Check trap this.traps.forEach(trap => { if (trap.col === p.col && trap.row === p.row && trap.active && p.invTimer <= 0) { p.invTimer = 1.5; GF.sound('hit'); this.spawnParticles(p.x, p.y, '#ff4444', 6); this.flashTimer = 0.3; this.flashColor = '#ff0000'; if (GF.loseLife()) { GF.sound('lose'); } } }); // Check treasure if (this.mapData[p.row][p.col] === 3) { GF.addScore(500); GF.sound('win'); this.won = true; GF.win(); } } } // Update guards this.guards.forEach(g => { if (g.alert && g.alertTimer < 99) { g.alertTimer -= dt; if (g.alertTimer <= 0) g.alert = false; return; } g.moveTimer += dt * g.speed * this.difficulty; if (g.moveTimer >= 1) { g.moveTimer = 0; g.col = g.path[g.pathIdx].c; g.row = g.path[g.pathIdx].r; g.pathIdx = (g.pathIdx + 1) % g.path.length; this.updateGuardPos(g); } else { const cur = g.path[(g.pathIdx + g.path.length - 1) % g.path.length]; const nxt = g.path[g.pathIdx]; g.x = this.offsetX + (cur.c + (nxt.c - cur.c) * g.moveTimer) * this.tileSize + this.tileSize / 2; g.y = this.offsetY + (cur.r + (nxt.r - cur.r) * g.moveTimer) * this.tileSize + this.tileSize / 2; } // Detection if (p.invTimer <= 0) { const dist = GF.dist(g.x, g.y, p.x, p.y); if (dist < this.tileSize * 1.5) { p.invTimer = 1.5; GF.sound('hit'); this.spawnParticles(p.x, p.y, '#ff4444', 8); this.flashTimer = 0.4; this.flashColor = '#ff0000'; if (GF.loseLife()) { GF.sound('lose'); } } } }); // Traps spin this.traps.forEach(t => { t.angle += dt * 3; }); // Particles this.particles.forEach(pt => { pt.x += pt.vx * dt; pt.y += pt.vy * dt; pt.life -= dt; }); this.particles = this.particles.filter(pt => pt.life > 0); }, draw: function(GF) { GF.clear('#1a1a2e'); // Draw map for (let r = 0; r < this.rows; r++) { for (let c = 0; c < this.cols; c++) { const x = this.offsetX + c * this.tileSize; const y = this.offsetY + r * this.tileSize; const t = this.mapData[r][c]; if (t === 1) { GF.rect(x, y, this.tileSize, this.tileSize, '#3d2b1f'); GF.strokeRect(x, y, this.tileSize, this.tileSize, '#5a3e2b', 1); // Brick detail GF.rect(x+2, y+2, this.tileSize-4, 6, '#4a3020'); GF.rect(x+2, y+this.tileSize-8, this.tileSize-4, 6, '#4a3020'); } else { GF.rect(x, y, this.tileSize, this.tileSize, '#2a2a3e'); GF.strokeRect(x, y, this.tileSize, this.tileSize, '#33334a', 0.5); } if (t === 3) { GF.rect(x+8, y+8, this.tileSize-16, this.tileSize-16, '#8B6914'); GF.rect(x+12, y+12, this.tileSize-24, this.tileSize-24, '#f0c040'); GF.text('★', x+this.tileSize/2, y+this.tileSize/2+6, {size:16, color:'#fff', align:'center'}); } } } // Draw traps this.traps.forEach(trap => { const cx = this.offsetX + trap.col * this.tileSize + this.tileSize / 2; const cy = this.offsetY + trap.row * this.tileSize + this.tileSize / 2; for (let i = 0; i < 4; i++) { const a = trap.angle + i * Math.PI / 2; const ex = cx + Math.cos(a) * 14; const ey = cy + Math.sin(a) * 14; GF.line(cx, cy, ex, ey, '#ff6600', 3); GF.circle(ex, ey, 4, '#ff3300'); } GF.circle(cx, cy, 5, '#ffaa00'); }); // Draw guards this.guards.forEach(g => { // Vision cone GF.circle(g.x, g.y, this.tileSize * 1.5, 'rgba(255,200,0,0.08)'); // Body GF.circle(g.x, g.y, 14, g.alert ? '#ff4444' : '#4488ff'); GF.circle(g.x, g.y, 10, g.alert ? '#ff8888' : '#aaccff'); // Eye GF.circle(g.x + 5, g.y - 3, 3, '#000'); GF.circle(g.x + 5, g.y - 3, 1.5, '#ff0'); // Antenna GF.line(g.x, g.y - 14, g.x, g.y - 22, '#aaccff', 2); GF.circle(g.x, g.y - 22, 3, '#ff4'); if (g.alert) { GF.text('!', g.x, g.y - 28, {size:14, color:'#ff4444', align:'center', bold:true}); } }); // Draw player const p = this.player; const visible = p.invTimer <= 0 || Math.floor(p.invTimer * 8) % 2 === 0; if (visible) { // Shadow GF.circle(p.x, p.y + 2, 13, 'rgba(0,0,0,0.3)'); // Body GF.circle(p.x, p.y, 13, '#222'); GF.circle(p.x, p.y, 10, '#1a1a1a'); // Headband GF.rect(p.x - 10, p.y - 5, 20, 4, '#cc2200'); // Eyes GF.circle(p.x + 4, p.y, 3, '#fff'); GF.circle(p.x + 4, p.y, 1.5, '#000'); // Sword hint const sa = [0, Math.PI/2, Math.PI, -Math.PI/2][p.dir]; GF.line(p.x, p.y, p.x + Math.cos(sa)*18, p.y + Math.sin(sa)*18, '#c0c0c0', 2); } // Takedown flash if (this.takedownTimer > 0 && this.takedownPos) { const s = (1 - this.takedownTimer / 0.4) * 30; GF.text('KO!', this.takedownPos.x, this.takedownPos.y - 20 - s, {size:18, color:'#f0c040', align:'center', bold:true}); } // Particles this.particles.forEach(pt => { const a = pt.life / pt.maxLife; GF.circle(pt.x, pt.y, 4 * a, pt.color); }); // Flash overlay if (this.flashTimer > 0) { const alpha = this.flashTimer / 0.4 * 0.4; GF.rect(0, 0, GF.W, GF.H, `rgba(255,0,0,${alpha.toFixed(2)})`); } // HUD hint GF.text('SPACE: Takedown nearby guard', GF.W/2, GF.H - 18, {size:11, color:'#888', align:'center'}); GF.text('Reach ★', GF.W/2, GF.H - 6, {size:11, color:'#f0c040', align:'center'}); } });