var canvas = document.getElementById('game-canvas'); var ctx = canvas.getContext('2d'); var W = canvas.width, H = canvas.height, U = Math.min(W, H) / 20; var COL_BG_TOP = '#060318'; var COL_BG_BOT = '#1a0b3d'; var COL_ACCENT = '#39ffcf'; var COL_P1 = '#8b5cf6'; var COL_P2 = '#ff4d94'; var COL_P3 = '#ffd93d'; var keys = { left:false, right:false, fire:false }; var touchActive = false; var touchMap = {}; var audioCtx = null; function ensureAudio(){ if (audioCtx) return; try { audioCtx = new (window.AudioContext||window.webkitAudioContext)(); } catch(e){} } function playTone(freq, dur, type, vol, slide){ if (!audioCtx) return; try { var t0 = audioCtx.currentTime; var osc = audioCtx.createOscillator(); var gain = audioCtx.createGain(); osc.type = type || 'square'; osc.frequency.setValueAtTime(freq, t0); if (slide) osc.frequency.exponentialRampToValueAtTime(Math.max(20,freq+slide), t0+dur); gain.gain.setValueAtTime(vol||0.05, t0); gain.gain.exponentialRampToValueAtTime(0.001, t0+dur); osc.connect(gain); gain.connect(audioCtx.destination); osc.start(t0); osc.stop(t0+dur+0.02); } catch(e){} } function sndShoot(){ ensureAudio(); playTone(760,0.09,'square',0.05,-300); } function sndEnemyShoot(){ ensureAudio(); playTone(220,0.1,'sawtooth',0.03,-80); } function sndExplosion(){ ensureAudio(); playTone(180,0.25,'sawtooth',0.07,-140); } function sndHit(){ ensureAudio(); playTone(140,0.3,'square',0.08,-90); } function sndPowerup(){ ensureAudio(); playTone(500,0.18,'sine',0.06,400); } function sndGameOver(){ ensureAudio(); playTone(300,0.5,'sawtooth',0.08,-250); } function sndWave(){ ensureAudio(); playTone(440,0.15,'sine',0.05,220); } function makePool(n, tmpl){ var arr = []; for (var i=0;ibx && ayby; } function colorForRow(row){ var c=[COL_P2,COL_P3,COL_P1,COL_P2,COL_P3,COL_P1]; return c[row%c.length]; } function dist(x1,y1,x2,y2){ var dx=x1-x2,dy=y1-y2; return Math.sqrt(dx*dx+dy*dy); } function createBarriers(g){ g.barriers = []; var count=4; var bw=U*2.4, bh=U*1.5; var gap=(W-count*bw)/(count+1); var pattern = [[1,1,1,1,1],[1,1,1,1,1],[1,1,0,1,1]]; for (var b=0;b0){ spawnBullet(g,p.x,p.y-p.h/2,-0.6); spawnBullet(g,p.x,p.y-p.h/2,0); spawnBullet(g,p.x,p.y-p.h/2,0.6); } else { spawnBullet(g,p.x,p.y-p.h/2,0); } sndShoot(); } function shootFromRandomEnemy(g){ var candidates=[]; for (var i=0;iH) s.y=0; } for (var j=0;jH) s2.y=0; } } function update(dt){ updateStars(dt); if (game.phase!=='play') return; var g = game; var p = g.player; var speed = U*9; p.vx = (keys.left?-1:0)+(keys.right?1:0); p.x += p.vx*speed*dt; var half=p.w/2; if (p.xW-half) p.x=W-half; if (p.cooldown>0) p.cooldown-=dt; if (p.invuln>0) p.invuln-=dt; if (p.rapid>0) p.rapid-=dt; if (p.multi>0) p.multi-=dt; if (p.shield>0) p.shield-=dt; if (keys.fire && p.cooldown<=0){ fireBullets(g); p.cooldown = p.rapid>0? 0.14:0.36; } var i,j; for (i=0;iH+eb.h) eb.active=false; } var aliveCount=0, minX=1e9,maxX=-1e9,maxY=-1e9; for (i=0;imaxX) maxX=e.x+e.w/2; if (e.y+e.h/2>maxY) maxY=e.y+e.h/2; } if (aliveCount===0){ g.waveTimer += dt; if (g.waveTimer>1.6){ g.level++; addText(g, W/2, H/2, 'WAVE '+g.level, COL_ACCENT); spawnWave(g); createBarriers(g); sndWave(); } } else { var speedMul = 1+ (1-aliveCount/g.enemies.length)*1.6; var dx = g.enemyDir*g.enemySpeed*speedMul*dt; var hitEdge=false; if (minX+dxW-U*0.5) hitEdge=true; for (i=0;i p.y-U*1.3){ loseLife(g, true); } } for (i=0;iH+U){ pu.active=false; continue; } if (rectsOverlap(pu.x-U*0.5,pu.y-U*0.5,U,U, p.x-p.w/2,p.y-p.h/2,p.w,p.h)){ applyPowerup(g,pu.type); pu.active=false; } } for (i=0;i0){ spawnParticles(g,p.x,p.y,COL_ACCENT,10); sndHit(); } else loseLife(g,false); } } } for (i=0;i0){ g.shakeTime-=dt; if (g.shakeTime<0) g.shakeTime=0; } g.best = Math.max(g.best,g.score); } function drawBackground(g){ var grad=ctx.createLinearGradient(0,0,0,H); grad.addColorStop(0,COL_BG_TOP); grad.addColorStop(1,COL_BG_BOT); ctx.fillStyle=grad; ctx.fillRect(0,0,W,H); ctx.fillStyle='#ffffff'; var i; ctx.globalAlpha=0.35; for (i=0;i0 && Math.floor(p.invuln*10)%2===0) return; ctx.save(); ctx.translate(p.x,p.y); if (p.shield>0){ ctx.strokeStyle='rgba(57,255,207,0.6)'; ctx.lineWidth=U*0.15; ctx.beginPath(); ctx.arc(0,0,p.w*0.9,0,Math.PI*2); ctx.stroke(); } ctx.fillStyle=COL_ACCENT; ctx.beginPath(); ctx.moveTo(0,-p.h*0.7); ctx.lineTo(p.w*0.5,p.h*0.6); ctx.lineTo(p.w*0.2,p.h*0.4); ctx.lineTo(-p.w*0.2,p.h*0.4); ctx.lineTo(-p.w*0.5,p.h*0.6); ctx.closePath(); ctx.fill(); ctx.strokeStyle='#ffffff'; ctx.lineWidth=U*0.06; ctx.stroke(); ctx.fillStyle='#0a2a2a'; ctx.beginPath(); ctx.arc(0,-p.h*0.1,p.w*0.15,0,Math.PI*2); ctx.fill(); ctx.fillStyle='rgba(57,255,207,0.5)'; ctx.beginPath(); ctx.ellipse(0,p.h*0.65,p.w*0.18,p.h*0.2,0,0,Math.PI*2); ctx.fill(); ctx.restore(); } function drawEnemies(g){ var frame = Math.floor(g.enemyAnim*4)%2; for (var i=0;i',BTN_RIGHT.x,BTN_RIGHT.y); ctx.fillText('*',BTN_FIRE.x,BTN_FIRE.y); ctx.textBaseline='alphabetic'; ctx.globalAlpha=1; } function drawOverlay(g){ ctx.fillStyle='rgba(6,3,24,0.72)'; ctx.fillRect(0,0,W,H); ctx.textAlign='center'; ctx.fillStyle='#ffffff'; if (g.phase==='start'){ ctx.font='bold '+Math.round(U*1.5)+'px sans-serif'; ctx.fillStyle=COL_ACCENT; ctx.fillText('NEBULA INVADERS', W/2, H*0.3); ctx.font=Math.round(U*0.65)+'px sans-serif'; ctx.fillStyle='#ffffff'; ctx.fillText('Arrows/A-D to move, Space to fire', W/2, H*0.44); ctx.fillText('Touch: use the on-screen buttons', W/2, H*0.51); ctx.font='bold '+Math.round(U*0.85)+'px sans-serif'; ctx.fillStyle=COL_P3; ctx.fillText('Tap or click to start', W/2, H*0.64); } else if (g.phase==='paused'){ ctx.font='bold '+Math.round(U*1.0)+'px sans-serif'; ctx.fillText('Tap or click to continue', W/2, H*0.5); } else if (g.phase==='over'){ ctx.font='bold '+Math.round(U*1.4)+'px sans-serif'; ctx.fillStyle=COL_P2; ctx.fillText('GAME OVER', W/2, H*0.36); ctx.font=Math.round(U*0.75)+'px sans-serif'; ctx.fillStyle='#ffffff'; ctx.fillText('Score '+g.score+' Best '+g.best, W/2, H*0.46); ctx.font='bold '+Math.round(U*0.85)+'px sans-serif'; ctx.fillStyle=COL_P3; ctx.fillText('Tap or press Space to play again', W/2, H*0.58); } if (touchActive) drawTouchControls(); } function draw(){ var g=game; drawBackground(g); ctx.save(); var sx=0, sy=0; if (g.shakeTime>0){ sx=(Math.random()*2-1)*g.shakeMag; sy=(Math.random()*2-1)*g.shakeMag; } ctx.translate(sx,sy); drawBarriers(g); drawEnemies(g); drawBullets(g); drawPowerups(g); drawPlayer(g); drawParticles(g); drawTexts(g); ctx.restore(); drawHUD(g); if (g.phase!=='play') drawOverlay(g); } window.addEventListener('keydown', function(e){ var k=e.key; if (k==='ArrowLeft'||k==='ArrowRight'||k==='a'||k==='A'||k==='d'||k==='D'||k===' '||k==='Spacebar'||k==='Enter') e.preventDefault(); ensureAudio(); if (k==='ArrowLeft'||k==='a'||k==='A') keys.left=true; if (k==='ArrowRight'||k==='d'||k==='D') keys.right=true; if (k===' '||k==='Spacebar'||k==='Enter'){ keys.fire=true; if (game.phase==='over'){ game=newGame(game.best); } else if (game.phase!=='play'){ game.phase='play'; } } }); window.addEventListener('keyup', function(e){ var k=e.key; if (k==='ArrowLeft'||k==='a'||k==='A') keys.left=false; if (k==='ArrowRight'||k==='d'||k==='D') keys.right=false; if (k===' '||k==='Spacebar'||k==='Enter') keys.fire=false; }); canvas.addEventListener('pointerdown', function(e){ ensureAudio(); var x=e.clientX,y=e.clientY; if (e.pointerType==='touch') touchActive=true; if (game.phase==='over'){ game=newGame(game.best); return; } if (game.phase!=='play'){ game.phase='play'; return; } var btn=null; if (dist(x,y,BTN_LEFT.x,BTN_LEFT.y)<=BTN_R) btn='left'; else if (dist(x,y,BTN_RIGHT.x,BTN_RIGHT.y)<=BTN_R) btn='right'; else if (dist(x,y,BTN_FIRE.x,BTN_FIRE.y)<=BTN_R) btn='fire'; if (btn){ touchMap[e.pointerId]=btn; keys[btn]=true; } }); function releasePointer(e){ var btn=touchMap[e.pointerId]; if (btn){ keys[btn]=false; delete touchMap[e.pointerId]; } } canvas.addEventListener('pointerup', releasePointer); canvas.addEventListener('pointercancel', releasePointer); var animFrameId = null, lastTime = 0; function gameLoop(time){ var dt = Math.min((time-lastTime)/1000, 0.05); lastTime = time; update(dt); draw(); animFrameId = requestAnimationFrame(gameLoop); } window.__gaimer_onMessage = function(msg){ switch(msg.type){ case 'saveState': __gaimer_sendMessage('stateData', game); break; case 'restoreState': game = msg.data; if (game.phase==='play') game.phase='paused'; break; case 'pause': if (animFrameId){ cancelAnimationFrame(animFrameId); animFrameId=null; } break; case 'resume': if (!animFrameId){ lastTime=performance.now(); animFrameId=requestAnimationFrame(gameLoop); } break; } }; animFrameId = requestAnimationFrame(gameLoop);

Nebula Invaders (Gaimer, after the cleanup)