AIRobotVerse 쨌 ?ㅽ? ?뚯씠??/title> <style> :root{--txt:#dbe6ff;--accent:#5cc8ff;--good:#46e3a0;--bad:#ff6b7d;--warn:#ffd166;--line:#243353;--violet:#8b6cff;} *{box-sizing:border-box;-webkit-tap-highlight-color:transparent;} html,body{margin:0;height:100%;overflow:hidden;background:#04060e;color:var(--txt); font-family:'Segoe UI',system-ui,-apple-system,'Malgun Gothic',sans-serif;user-select:none;} canvas{display:block;width:100%;height:100%;cursor:none;touch-action:none;} #hud{position:fixed;top:8px;left:10px;right:10px;display:flex;align-items:center;gap:12px;padding:8px 16px;z-index:10; font-size:14px;font-variant-numeric:tabular-nums;pointer-events:none;text-shadow:0 1px 4px #000; background:linear-gradient(135deg,#0e1526dd,#0a0f1ecc);border:1px solid var(--line);border-radius:14px; box-shadow:0 6px 22px #0008, inset 0 1px 0 #ffffff14;backdrop-filter:blur(4px);} #hud .s{font-weight:700;color:var(--warn);} #hud .hi{color:var(--muted,#8aa0c8);font-size:12px;} #hud .w{color:var(--accent);} #combo{color:var(--violet);font-weight:800;opacity:0;transition:.15s;} #combo.on{opacity:1;} #pw{display:flex;gap:6px;margin-left:4px;} .pwt{font-size:11px;padding:2px 7px;border-radius:8px;border:1px solid var(--line);background:#0e1526cc;display:none;} #right{margin-left:auto;display:flex;align-items:center;gap:10px;pointer-events:auto;} #lives{color:var(--bad);font-size:16px;letter-spacing:2px;} .ib{background:#131c33cc;border:1px solid var(--line);color:var(--txt);border-radius:8px;width:32px;height:32px;cursor:pointer;font-size:14px;} .ib:hover{border-color:var(--accent);} .ov{position:fixed;inset:0;z-index:30;display:none;align-items:center;justify-content:center;background:#04060ed9;} .ov .box{background:#0e1526;border:1px solid var(--line);border-radius:18px;padding:28px 42px;text-align:center;box-shadow:0 16px 50px #000b;max-width:90%;} .ov h1{font-size:30px;margin:0 0 4px;} .ov h2{font-size:26px;margin:0 0 4px;} .ov p{color:#8aa0c8;margin:3px 0;font-size:13.5px;} .ov .big{color:var(--warn);font-size:20px;font-weight:800;} .btn{background:linear-gradient(135deg,var(--accent),var(--violet));border:0;color:#06101f;font-weight:800;border-radius:11px;padding:11px 22px;font-size:15px;cursor:pointer;margin-top:14px;} .btn:hover{filter:brightness(1.08);} .hintrow{margin-top:12px;color:#6f83ad;font-size:12px;} #fire{position:fixed;right:14px;bottom:18px;z-index:12;display:none;width:60px;height:60px;border-radius:50%; background:linear-gradient(135deg,var(--accent),var(--violet));border:1px solid #ffffff33;color:#06101f; font-size:22px;font-weight:800;box-shadow:0 6px 18px #0009;touch-action:none;} #fire:active{filter:brightness(1.15);transform:scale(.94);} @media(prefers-reduced-motion:reduce){#combo{transition:none;}} </style> </head> <body> <script> window.ARV_RP=(function(){var slug=(location.pathname.match(/games\/([^\/]+)/)||[])[1]||"unknown";var nonce=Math.random().toString(36).slice(2)+Date.now().toString(36);var done=false,started=Date.now(); function report(o){o=o||{};if(done)return;done=true;var m={type:"arv_game_result",game:slug,score:Math.max(0,Math.floor(o.score||0)),result:o.result||"end",stats:o.stats||{},playMs:Date.now()-started,nonce:nonce};try{(window.parent||window).postMessage(m,"*");}catch(e){}try{if(window.parent===window){var p=JSON.parse(localStorage.getItem("arv_profile")||"{}");p.scores=p.scores||{};p.scores[slug]=Math.max(p.scores[slug]||0,m.score);localStorage.setItem("arv_profile",JSON.stringify(p));}}catch(e){}} function reset(){done=false;started=Date.now();nonce=Math.random().toString(36).slice(2)+Date.now().toString(36);} return{report:report,reset:reset,slug:slug};})(); </script> <canvas id="cv"></canvas> <div id="hud"> <span class="s">?먯닔 <span id="score">0</span></span> <span class="hi">理쒓퀬 <span id="hi">0</span></span> <span class="w">?⑥씠釉?<span id="wave">1</span></span> <span id="combo">COMBO x2</span> <span id="pw"><span class="pwt" id="pw_rapid">?≪뿰??/span><span class="pwt" id="pw_triple">?뵳?쇱뿰</span><span class="pwt" id="pw_shield">?썳截륁떎??/span></span> <span id="right"><span id="bombs" style="color:var(--warn)">?뮗x2</span><span id="lives">?β솯??/span><button class="ib" id="mute" title="?뚯냼嫄?>?뵄</button><button class="ib" id="pausebtn" title="?쇱떆?뺤?">??/button></span> </div> <div class="ov" id="start"><div class="box"> <h1>?? ?ㅽ? ?뚯씠??/h1> <p>留덉슦??/ ?곗튂濡??⑥꽑 ?대룞 쨌 ?먮룞 諛쒖궗</p> <p>??寃⑹텛 ??肄ㅻ낫 쨌 ?뚯썙???섏쭛 ??蹂댁뒪 泥섏튂</p> <p class="hintrow">?≪뿰??쨌 ?뵳?쇱뿰??쨌 ?썳截륁떎???뚯썙?낆씠 ?⑥뼱吏묐땲??/p> <button class="btn" id="play">寃뚯엫 ?쒖옉</button> </div></div> <div class="ov" id="pause"><div class="box"><h2>?쇱떆?뺤?</h2><p>P ???먮뒗 踰꾪듉?쇰줈 ?ш컻</p><button class="btn" id="resume">怨꾩냽?섍린</button></div></div> <div class="ov" id="over"><div class="box"><h2 id="ot">寃뚯엫 ?ㅻ쾭</h2><p class="big" id="ofin">0</p><p id="os"></p><button class="btn" id="again">?ㅼ떆 ?섍린</button></div></div> <button id="fire" title="??깂">?뮙</button> <script> "use strict"; /* AIRobotVerse: Star Fighter ???ㅺ쾶???쒖뒪???곸슜?? ?ъ슫??Web Audio쨌?먯뀑0) / ?뚯썙??3醫?/ 肄ㅻ낫 諛곗닔 / ?붾㈃?붾뱾由?/ ?쇱떆?뺤? / 理쒓퀬?먯닔 + ?щ줈?ㅺ쾶???꾨줈?꽷룹뾽??*/ const cv=document.getElementById('cv'),ctx=cv.getContext('2d'); let W=0,H=0,DPR=1; let player,bullets,ebullets,enemies,parts,drops,stars,floats; let score,lives,wave,running=false,paused=false,spawnLeft=0,spawnCd=0,betweenWave=0,boss=null,inv=0; let combo=0,comboTimer=0,shake=0,pw={rapid:0,triple:0,shield:0}; let bombs=2,bombFlash=0,muzzle=0; let pointer={x:0,y:0}; const REDUCED=window.matchMedia&&window.matchMedia('(prefers-reduced-motion:reduce)').matches; function shakeAdd(v){if(!REDUCED)shake=Math.min(14,shake+v);} /* ---------- ?щ줈?ㅺ쾶???꾨줈???낆쟻 ---------- */ function prof(){try{return JSON.parse(localStorage.getItem('arv_profile'))||{}}catch(e){return{}}} function profSave(p){try{localStorage.setItem('arv_profile',JSON.stringify(p))}catch(e){}} function award(xp,id,name){const p=prof();p.xp=(p.xp||0)+(xp||0);if(id){p.ach=p.ach||{};if(!p.ach[id])p.ach[id]={name:name,t:Date.now()};}profSave(p);} function hiScore(g,s){const p=prof();p.scores=p.scores||{};if((p.scores[g]||0)<s){p.scores[g]=s;profSave(p);}return (p.scores[g]||0);} function getHi(){const p=prof();return (p.scores&&p.scores.shooter)||0;} /* ---------- ?ъ슫??---------- */ let AC=null,muted=false; function initAudio(){if(!AC){try{AC=new (window.AudioContext||window.webkitAudioContext)();}catch(e){AC=null;}}} function blip(f,dur,type,vol,slide){if(!AC||muted)return;const o=AC.createOscillator(),g=AC.createGain(); o.type=type||'square';o.frequency.value=f;if(slide)o.frequency.exponentialRampToValueAtTime(Math.max(40,f*slide),AC.currentTime+dur); g.gain.value=vol||0.05;o.connect(g);g.connect(AC.destination);const t=AC.currentTime;o.start(t); g.gain.exponentialRampToValueAtTime(0.0001,t+dur);o.stop(t+dur+0.02);} function sfx(k){if(!AC||muted)return; if(k==='shoot')blip(900,0.05,'square',0.018,0.6); else if(k==='hit')blip(200,0.12,'sawtooth',0.05,0.5); else if(k==='boom'){blip(140,0.28,'sawtooth',0.06,0.4);blip(70,0.32,'square',0.05,0.5);} else if(k==='power')blip(700,0.18,'triangle',0.06,2.2); else if(k==='combo')blip(520,0.08,'square',0.04,1.5); else if(k==='over'){blip(300,0.5,'sine',0.08,0.3);} else if(k==='boss')blip(90,0.6,'sawtooth',0.08,0.6);} function resize(){DPR=Math.min(1.5,window.devicePixelRatio||1);W=cv.clientWidth;H=cv.clientHeight;cv.width=W*DPR;cv.height=H*DPR;ctx.setTransform(DPR,0,0,DPR,0,0);} window.addEventListener('resize',resize); function reset(){ try{if(window.ARV_RP)ARV_RP.reset();}catch(e){} player={x:W/2,y:H-90,r:14,cd:0};bullets=[];ebullets=[];enemies=[];parts=[];drops=[];floats=[]; score=0;lives=3;wave=1;boss=null;inv=0;combo=0;comboTimer=0;shake=0;bombs=2;bombFlash=0;muzzle=0;pw={rapid:0,triple:0,shield:0}; pointer.x=player.x;pointer.y=player.y; stars=[];for(let i=0;i<90;i++){const layer=(Math.random()*3)|0;stars.push({x:Math.random()*W,y:Math.random()*H,s:layer===2?2.2:layer===1?1.4:0.7,v:(20+layer*45)+Math.random()*20,a:0.35+layer*0.25});} document.getElementById('hi').textContent=getHi(); startWave(); } function startWave(){if(wave%5===0)spawnBoss();else{spawnLeft=6+wave*2;spawnCd=0;}} function spawnBoss(){boss={x:W/2,y:-80,r:46,hp:60+wave*14,maxhp:60+wave*14,t:0,fireCd:0,dir:1,score:500+wave*60};sfx('boss');} function enemyType(){const r=Math.random(); // ?⑥씠釉뚭? 吏꾪뻾?좎닔濡??ㅼ씠踰??뚭꺽蹂? ?깆옣 if(wave>=3&&r<0.18)return 'diver'; return r<0.5?'grunt':r<0.8?'zig':'shooter';} function spawnEnemy(type,x){const T={grunt:{r:14,hp:2,vy:70,sc:10},zig:{r:13,hp:2,vy:60,sc:15},shooter:{r:16,hp:3,vy:45,sc:25},diver:{r:13,hp:3,vy:95,sc:30}}[type]; const ramp=1+Math.min(0.6,(wave-1)*0.05); // ?쒖씠???⑦봽: ?띾룄쨌HP ?먯쬆 enemies.push({x:x==null?40+Math.random()*(W-80):x,y:-30,r:T.r,hp:Math.round(T.hp*(type==='diver'?1:ramp*0.7+0.3)),maxhp:T.hp,type,vy:T.vy*ramp,t:Math.random()*6,fireCd:1+Math.random()*1.5,sc:T.sc,locked:false});} function playerShoot(){ if(pw.triple>0){for(const dx of[-0.28,0,0.28])bullets.push({x:player.x,y:player.y-16,vx:dx*420,vy:-560,r:4,dmg:1});} else bullets.push({x:player.x,y:player.y-16,vx:0,vy:-560,r:4,dmg:1}); muzzle=0.06;sfx('shoot');} function useBomb(){if(!running||paused||bombs<=0)return;bombs--; bombFlash=REDUCED?0.15:0.45;shakeAdd(14);sfx('boom'); // ?붾㈃??紐⑤뱺 ?곹깂 ?쒓굅 + 紐⑤뱺 ??蹂댁뒪???쇳빐 ebullets.length=0; for(let j=enemies.length-1;j>=0;j--){const e=enemies[j];boom(e.x,e.y,'#ffd166',8);e.hp-=4;if(e.hp<=0){onKill(e);enemies.splice(j,1);}} if(boss){boss.hp-=14;boom(boss.x,boss.y,'#ffd166',16);if(boss.hp<=0){boom(boss.x,boss.y,'#ff8f5e',18);addScore(boss.score);shakeAdd(16);award(50,'boss_down','蹂댁뒪 ?щ젅?댁뼱');boss=null;betweenWave=1.6;floatTxt(W/2,120,'BOSS 寃⑺뙆!','#ffd166');try{if(window.ARV_RP)ARV_RP.report({score:score,result:'win',stats:{bossKill:1,wave:wave}});}catch(e){}}} floatTxt(player.x,player.y-30,'?뮙 ??깂!','#ffd166');updateHUD();} function enemyShoot(e){const a=Math.atan2(player.y-e.y,player.x-e.x),sp=210;ebullets.push({x:e.x,y:e.y+e.r,vx:Math.cos(a)*sp,vy:Math.sin(a)*sp,r:5});} function boom(x,y,color,n){n=Math.min(n,18);for(let i=0;i<n;i++){const a=Math.random()*6.28,s=40+Math.random()*180; parts.push({x,y,vx:Math.cos(a)*s,vy:Math.sin(a)*s,life:0.5+Math.random()*0.45,maxlife:0.95,color,sz:1.5+Math.random()*2.5});}if(parts.length>200)parts.splice(0,parts.length-200);} function floatTxt(x,y,t,c){floats.push({x,y,t,c,life:0.9});if(floats.length>20)floats.shift();} function maybeDrop(x,y){if(Math.random()<0.13){const types=['rapid','triple','shield','rapid','triple','bomb'];const k=types[(Math.random()*types.length)|0];drops.push({x,y,vy:90,r:11,k});}} function addScore(n){const mult=1+Math.min(4,combo)*0.5;const g=Math.round(n*mult);score+=g;document.getElementById('score').textContent=score;return g;} function onKill(e){const g=addScore(e.sc);boom(e.x,e.y,'#ff8f5e',12);sfx('boom');maybeDrop(e.x,e.y); combo++;comboTimer=2.2;if(combo>=2){sfx('combo');floatTxt(e.x,e.y,'x'+(1+Math.min(4,combo)*0.5).toFixed(1),'#b9a0ff');}else floatTxt(e.x,e.y,'+'+g,'#ffd166'); shakeAdd(3);} function hitPlayer(){if(inv>0)return; if(pw.shield>0){pw.shield=0;inv=0.8;sfx('hit');shakeAdd(8);boom(player.x,player.y,'#5cc8ff',14);floatTxt(player.x,player.y-20,'?ㅻ뱶 ?뚭눼!','#5cc8ff');return;} lives--;inv=1.5;combo=0;shakeAdd(12);boom(player.x,player.y,'#5cc8ff',16);sfx('hit');if(lives<=0)gameOver();} function gameOver(){running=false;sfx('over'); try{if(window.ARV_RP)ARV_RP.report({score:score,result:'lose',stats:{wave:wave}});}catch(e){} const prevHi=getHi();const isNew=score>prevHi;hiScore('shooter',score); award(Math.floor(score/10));if(score>=1000)award(0,'score_1000','?덊똿 留덉뒪??); document.getElementById('ot').textContent='寃뚯엫 ?ㅻ쾭'; document.getElementById('ofin').textContent=score+' ??; document.getElementById('os').textContent=(isNew?'?룇 ?좉린濡? 쨌 ':'')+'?⑥씠釉?'+wave+' ?꾨떖 쨌 理쒓퀬 '+getHi(); document.getElementById('hi').textContent=getHi();show('over');} function collide(){ for(let i=bullets.length-1;i>=0;i--){const b=bullets[i];let hit=false; for(let j=enemies.length-1;j>=0;j--){const e=enemies[j];if((b.x-e.x)**2+(b.y-e.y)**2<(b.r+e.r)**2){e.hp-=b.dmg;hit=true; if(e.hp<=0){onKill(e);enemies.splice(j,1);}break;}} if(!hit&&boss&&(b.x-boss.x)**2+(b.y-boss.y)**2<(b.r+boss.r)**2){boss.hp-=b.dmg;hit=true;boom(b.x,b.y,'#ffd166',3); if(boss.hp<=0){boom(boss.x,boss.y,'#ff8f5e',18);addScore(boss.score);sfx('boom');shakeAdd(16);award(50,'boss_down','蹂댁뒪 ?щ젅?댁뼱');boss=null;betweenWave=1.6;floatTxt(W/2,120,'BOSS 寃⑺뙆!','#ffd166');try{if(window.ARV_RP)ARV_RP.report({score:score,result:'win',stats:{bossKill:1,wave:wave}});}catch(e){}}} if(hit||b.y<-20||b.x<-20||b.x>W+20)bullets.splice(i,1);} for(let i=enemies.length-1;i>=0;i--){const e=enemies[i];if((e.x-player.x)**2+(e.y-player.y)**2<(e.r+player.r)**2){enemies.splice(i,1);boom(e.x,e.y,'#ff8f5e',10);hitPlayer();}} for(let i=ebullets.length-1;i>=0;i--){const b=ebullets[i];if((b.x-player.x)**2+(b.y-player.y)**2<(b.r+player.r)**2){ebullets.splice(i,1);hitPlayer();}} if(boss&&(boss.x-player.x)**2+(boss.y-player.y)**2<(boss.r+player.r)**2)hitPlayer(); for(let i=drops.length-1;i>=0;i--){const d=drops[i];if((d.x-player.x)**2+(d.y-player.y)**2<(d.r+player.r+6)**2){ if(d.k==='bomb'){bombs=Math.min(5,bombs+1);floatTxt(player.x,player.y-20,'?뮗 ??깂 +1','#ffd166');} else{pw[d.k]=d.k==='shield'?1:8;floatTxt(player.x,player.y-20,d.k==='rapid'?'?≪뿰??:d.k==='triple'?'?뵳?쇱뿰??:'?썳截륁떎??,'#46e3a0');} drops.splice(i,1);sfx('power');boom(d.x,d.y,'#46e3a0',6);}} } function update(dt){ if(inv>0)inv-=dt;if(shake>0)shake=Math.max(0,shake-dt*30); if(muzzle>0)muzzle=Math.max(0,muzzle-dt);if(bombFlash>0)bombFlash=Math.max(0,bombFlash-dt*1.6); if(comboTimer>0){comboTimer-=dt;if(comboTimer<=0)combo=0;} for(const k in pw)if(k!=='shield'&&pw[k]>0)pw[k]=Math.max(0,pw[k]-dt); for(const s of stars){s.y+=s.v*dt;if(s.y>H){s.y=0;s.x=Math.random()*W;}} player.x+=(pointer.x-player.x)*Math.min(1,dt*12);player.y+=(pointer.y-player.y)*Math.min(1,dt*12); player.x=Math.max(player.r,Math.min(W-player.r,player.x));player.y=Math.max(player.r,Math.min(H-player.r,player.y)); player.cd-=dt;if(player.cd<=0){playerShoot();player.cd=pw.rapid>0?0.08:0.16;} for(const b of bullets){b.y+=b.vy*dt;if(b.vx)b.x+=b.vx*dt;} for(const b of ebullets){b.x+=b.vx*dt;b.y+=b.vy*dt;} ebullets=ebullets.filter(b=>b.y<H+20&&b.y>-20&&b.x>-20&&b.x<W+20); for(const d of drops)d.y+=d.vy*dt; drops=drops.filter(d=>d.y<H+20); for(const e of enemies){e.t+=dt;e.y+=e.vy*dt;if(e.type==='zig')e.x+=Math.sin(e.t*3)*90*dt; if(e.type==='diver'){ // ?뚭꺽蹂? ?뚮젅?댁뼱 x醫뚰몴濡??좊룄 const dir=Math.sign(player.x-e.x);e.x+=dir*Math.min(160,Math.abs(player.x-e.x)*4)*dt;} if(e.type==='shooter'){e.fireCd-=dt;if(e.fireCd<=0&&e.y>0&&e.y<H*0.7){enemyShoot(e);e.fireCd=1.6;}}} for(let i=enemies.length-1;i>=0;i--)if(enemies[i].y>H+30){enemies.splice(i,1);combo=0;} if(boss){boss.t+=dt;if(boss.y<70)boss.y+=40*dt;else{boss.x+=boss.dir*70*dt;if(boss.x<boss.r||boss.x>W-boss.r)boss.dir*=-1;} const enraged=boss.hp/boss.maxhp<0.5; // 遺꾨끂 ?섏씠利? ?덈컲 ?댄븯硫??섏꽑?꾨쭑 if(enraged&&!boss.enraged){boss.enraged=true;shakeAdd(14);sfx('boss');floatTxt(boss.x,boss.y-boss.r-18,'BOSS 遺꾨끂!','#ff5a6e');boom(boss.x,boss.y,'#ff5a6e',16);} boss.fireCd-=dt; if(boss.fireCd<=0&&boss.y>0){ if(enraged){ // ?뚯쟾 ?섏꽑 ?꾨쭑 boss.spin=(boss.spin||0)+0.5;for(let k=0;k<3;k++){const a=boss.spin+k*2.094;ebullets.push({x:boss.x,y:boss.y,vx:Math.cos(a)*180,vy:Math.sin(a)*180,r:5});} boss.fireCd=0.16;} else{for(let k=-2;k<=2;k++){const a=Math.PI/2+k*0.32;ebullets.push({x:boss.x,y:boss.y+boss.r,vx:Math.cos(a)*200,vy:Math.sin(a)*200,r:5});}boss.fireCd=1.1;}}} for(const p of parts){p.x+=p.vx*dt;p.y+=p.vy*dt;p.vx*=0.93;p.vy*=0.93;p.life-=dt;}parts=parts.filter(p=>p.life>0); for(const f of floats){f.y-=24*dt;f.life-=dt;}floats=floats.filter(f=>f.life>0); if(betweenWave>0){betweenWave-=dt;if(betweenWave<=0){wave++;document.getElementById('wave').textContent=wave;startWave();}} else if(boss){} else if(spawnLeft>0){spawnCd-=dt;if(spawnCd<=0){spawnEnemy(enemyType());spawnLeft--;spawnCd=0.55;}} else if(enemies.length===0)betweenWave=1.2; collide();updateHUD(); } function updateHUD(){ const c=document.getElementById('combo');if(combo>=2){c.textContent='COMBO x'+(1+Math.min(4,combo)*0.5).toFixed(1);c.classList.add('on');}else c.classList.remove('on'); document.getElementById('pw_rapid').style.display=pw.rapid>0?'inline-block':'none'; document.getElementById('pw_triple').style.display=pw.triple>0?'inline-block':'none'; document.getElementById('pw_shield').style.display=pw.shield>0?'inline-block':'none'; document.getElementById('bombs').textContent='?뮗x'+bombs; } function render(){ ctx.save(); if(shake>0)ctx.translate((Math.random()-0.5)*shake,(Math.random()-0.5)*shake); ctx.fillStyle='#04060e';ctx.fillRect(-20,-20,W+40,H+40); // ?⑤윺?숈뒪 ?깆링 for(const s of stars){ctx.globalAlpha=s.a;ctx.fillStyle=s.s>1.8?'#cfe0ff':'#8fa8d8';ctx.fillRect(s.x,s.y,s.s,s.s);}ctx.globalAlpha=1; // ?뚰떚??湲濡쒖슦) if(!REDUCED)ctx.shadowBlur=8; for(const p of parts){ctx.globalAlpha=Math.max(0,p.life/(p.maxlife||0.95));ctx.fillStyle=p.color;if(!REDUCED)ctx.shadowColor=p.color;const z=p.sz||2;ctx.fillRect(p.x-z/2,p.y-z/2,z,z);} ctx.globalAlpha=1;ctx.shadowBlur=0; // ?먰깂(?ㅼ삩) if(!REDUCED){ctx.shadowBlur=10;ctx.shadowColor='#7df9ff';} ctx.fillStyle='#7df9ff';for(const b of bullets)ctx.fillRect(b.x-1.5,b.y-8,3,10); ctx.shadowBlur=0; if(!REDUCED){ctx.shadowBlur=8;ctx.shadowColor='#ff8f5e';} ctx.fillStyle='#ff8f5e';for(const b of ebullets){ctx.beginPath();ctx.arc(b.x,b.y,b.r,0,6.28);ctx.fill();} ctx.shadowBlur=0; for(const d of drops)drawDrop(d); for(const e of enemies)drawEnemy(e);if(boss)drawBoss(boss); if(!(inv>0&&((inv*10)|0)%2))drawShip(player.x,player.y); for(const f of floats){ctx.globalAlpha=Math.max(0,f.life);ctx.fillStyle=f.c;ctx.font='bold 13px sans-serif';ctx.textAlign='center';ctx.fillText(f.t,f.x,f.y);}ctx.globalAlpha=1; ctx.restore(); // ??깂 ?ш킅(?붾㈃ ?꾩껜) if(bombFlash>0){ctx.globalAlpha=Math.min(0.6,bombFlash);ctx.fillStyle='#ffd166';ctx.fillRect(0,0,W,H);ctx.globalAlpha=1;} } function drawShip(x,y){ // 癒몄쫹 ?뚮옒?? if(muzzle>0){ctx.globalAlpha=muzzle*12;ctx.fillStyle='#bff7ff';ctx.beginPath();ctx.arc(x,y-18,5+muzzle*40,0,6.28);ctx.fill();ctx.globalAlpha=1;} // ?붿쭊 ?몃젅?? ctx.globalAlpha=.5;ctx.fillStyle='#5cc8ff';ctx.beginPath();ctx.moveTo(x-4,y+12);ctx.lineTo(x+4,y+12);ctx.lineTo(x,y+18+Math.random()*6);ctx.closePath();ctx.fill();ctx.globalAlpha=1; if(pw.shield>0){ctx.strokeStyle='#5cc8ff';ctx.globalAlpha=.6;ctx.lineWidth=2;if(!REDUCED){ctx.shadowBlur=10;ctx.shadowColor='#5cc8ff';}ctx.beginPath();ctx.arc(x,y,22,0,6.28);ctx.stroke();ctx.shadowBlur=0;ctx.globalAlpha=1;} if(!REDUCED){ctx.shadowBlur=10;ctx.shadowColor='#4a90ff';} ctx.fillStyle='#4a90ff';ctx.beginPath();ctx.moveTo(x,y-15);ctx.lineTo(x-12,y+12);ctx.lineTo(x,y+6);ctx.lineTo(x+12,y+12);ctx.closePath();ctx.fill();ctx.shadowBlur=0; ctx.fillStyle='#bfe6ff';ctx.beginPath();ctx.arc(x,y-2,3.5,0,6.28);ctx.fill(); ctx.fillStyle=pw.rapid>0?'#7df9ff':'#ffd166';ctx.fillRect(x-3,y+8,6,5);} function drawEnemy(e){const c=e.type==='grunt'?'#ff6b7d':e.type==='zig'?'#ff8f5e':e.type==='diver'?'#ffd166':'#d36bff'; if(!REDUCED){ctx.shadowBlur=8;ctx.shadowColor=c;} ctx.fillStyle=c; if(e.type==='diver'){ // ?붿궡珥??꾨옒濡??뚭꺽) ctx.beginPath();ctx.moveTo(e.x,e.y+e.r);ctx.lineTo(e.x-e.r*0.8,e.y-e.r*0.6);ctx.lineTo(e.x+e.r*0.8,e.y-e.r*0.6);ctx.closePath();ctx.fill(); }else{ ctx.beginPath();ctx.moveTo(e.x,e.y+e.r);ctx.lineTo(e.x-e.r,e.y-e.r*0.7);ctx.lineTo(e.x,e.y-e.r*0.3);ctx.lineTo(e.x+e.r,e.y-e.r*0.7);ctx.closePath();ctx.fill(); } ctx.shadowBlur=0; ctx.fillStyle='#fff8';ctx.beginPath();ctx.arc(e.x,e.y,3,0,6.28);ctx.fill();} function drawBoss(b){if(!REDUCED){ctx.shadowBlur=b.enraged?20:12;ctx.shadowColor=b.enraged?'#ff2a4a':'#b02a4a';} ctx.fillStyle=b.enraged?'#d0304f':'#b02a4a';ctx.beginPath();ctx.ellipse(b.x,b.y,b.r,b.r*0.7,0,0,6.28);ctx.fill();ctx.shadowBlur=0; ctx.fillStyle='#ff5a6e';for(let k=-1;k<=1;k++){ctx.beginPath();ctx.arc(b.x+k*22,b.y,5,0,6.28);ctx.fill();} const bw=b.r*2,bx=b.x-b.r,by=b.y-b.r*0.7-12;ctx.fillStyle='#000a';ctx.fillRect(bx,by,bw,5);ctx.fillStyle='#ff5a6e';ctx.fillRect(bx,by,bw*Math.max(0,b.hp/b.maxhp),5);} function drawDrop(d){const c=d.k==='rapid'?'#7df9ff':d.k==='triple'?'#ffd166':'#46e3a0'; ctx.fillStyle=c+'33';ctx.strokeStyle=c;ctx.lineWidth=2;ctx.beginPath();ctx.arc(d.x,d.y,d.r,0,6.28);ctx.fill();ctx.stroke(); ctx.fillStyle='#fff';ctx.font='11px serif';ctx.textAlign='center';ctx.textBaseline='middle';ctx.fillText(d.k==='rapid'?'??:d.k==='triple'?'?뵳':'?썳截?,d.x,d.y+1);} function setPointer(cx,cy){const r=cv.getBoundingClientRect();pointer.x=cx-r.left;pointer.y=cy-r.top;} cv.addEventListener('mousemove',e=>setPointer(e.clientX,e.clientY)); cv.addEventListener('touchmove',e=>{e.preventDefault();const t=e.touches[0];setPointer(t.clientX,t.clientY);},{passive:false}); cv.addEventListener('touchstart',e=>{e.preventDefault();const t=e.touches[0];setPointer(t.clientX,t.clientY);if(!touchSeen){touchSeen=true;document.getElementById('fire').style.display='block';}},{passive:false}); let touchSeen=false; function show(id){document.getElementById(id).style.display='flex';}function hide(id){document.getElementById(id).style.display='none';} function startGame(){initAudio();hide('start');hide('over');paused=false;running=true;reset();last=performance.now();} document.getElementById('play').onclick=startGame; document.getElementById('again').onclick=startGame; document.getElementById('resume').onclick=()=>{paused=false;hide('pause');last=performance.now();}; function togglePause(){if(!running)return;paused=!paused;if(paused)show('pause');else{hide('pause');last=performance.now();}} document.getElementById('pausebtn').onclick=togglePause; document.getElementById('mute').onclick=function(){muted=!muted;this.textContent=muted?'?뵁':'?뵄';}; window.addEventListener('keydown',e=>{if(e.key==='p'||e.key==='P')togglePause();else if(e.key==='b'||e.key==='B'||e.key===' '){useBomb();e.preventDefault();}}); const fireBtn=document.getElementById('fire'); fireBtn.addEventListener('click',e=>{e.preventDefault();useBomb();}); fireBtn.addEventListener('touchstart',e=>{e.preventDefault();useBomb();},{passive:false}); document.addEventListener('visibilitychange',()=>{if(document.hidden&&running&&!paused)togglePause();else last=performance.now();}); let last=performance.now(),acc=0;const STEP=1/60; function loop(now){requestAnimationFrame(loop);if(document.hidden){last=now;return;} let dt=(now-last)/1000;last=now;if(dt>0.1)dt=0.1;acc+=dt; let steps=0;while(acc>=STEP&&steps<3){if(running&&!paused)update(STEP);acc-=STEP;steps++;} if(acc>STEP)acc=0;render();} resize();reset();running=false;show('start');requestAnimationFrame(loop); /* v2: visual juice + bomb + diver + boss enrage + parallax + touch fire btn */ </script> </body> </html>