setPhase('tutorial')}
onNext={() => onComplete(Math.max(0, score), endStatus, true)}
onSkip={() => onComplete(Math.max(0, score), endStatus, true, 'hub')} />
)}
{toastNode}
);
}
/* ========================================================
ROBOBASKETBALL
======================================================== */
function GameBasketball({ game, onComplete }) {
const [phase, setPhase] = useS5('tutorial');
const [score, setScore] = useS5(0);
const [oppScore, setOppScore] = useS5(0);
const [breakdown, setBreakdown] = useS5([]);
const [endStatus, setEndStatus] = useS5(null);
const [hasBall, setHasBall] = useS5(0);
const oppRef = useR5({ x: 470, y: 200, vx:0, vy:0, hasBall:0, target:null });
const ballsRef = useR5([]);
const flightRef = useR5([]);
const finishRef = useR5(false);
const [, force] = useS5(0);
const W = 600, H = 380;
const RED_LINE = W/2;
const { robotRef, setInput, step: physStep, inputRef } = useRobot({ x: 130, y: H/2, speed: 2.6 });
const BASKETS = {
leftMain: { x: 30, y: H/2 - 50, w: 24, h: 50, side:'mine', kind:'main', val: 3 },
leftSide: { x: 30, y: H/2 + 60, w: 24, h: 30, side:'mine', kind:'side', val: 1 },
rightMain: { x: W-54, y: H/2 - 50, w: 24, h: 50, side:'opp', kind:'main', val: 3 },
rightSide: { x: W-54, y: H/2 + 60, w: 24, h: 30, side:'opp', kind:'side', val: 1 },
};
const start = () => {
const positions = [];
for (let s = 0; s < 2; s++) {
const baseX = s === 0 ? 130 : 470;
const offsets = [
{x: 0, y: -60}, {x: -60, y: 0}, {x: 60, y: 0}, {x: 0, y: 60}
].sort(() => Math.random()-0.5).slice(0,4);
offsets.forEach(o => positions.push({ x: baseX + o.x, y: H/2 + o.y, side: s===0?'mine':'opp', held: false }));
}
ballsRef.current = positions;
flightRef.current = [];
robotRef.current.x = 130; robotRef.current.y = H/2;
oppRef.current = { x: 470, y: H/2, vx:0, vy:0, hasBall:0, target:null };
setScore(0); setOppScore(0); setBreakdown([]);
setHasBall(0);
finishRef.current = false;
resetTime();
setPhase('playing');
};
const [time, resetTime] = useTimer(game.duration, phase === 'playing', () => endMatch('timeout'));
useKeyboard((v) => { inputRef.current = v; });
const [showToast, toastNode] = useToast();
const shoot = (basketKey) => {
if (phase !== 'playing') return;
if (hasBall < 1) { showToast(t('toast.no_ball')); return; }
const r = robotRef.current;
const b = BASKETS[basketKey];
const tx = b.x + b.w/2, ty = b.y + b.h/2;
const dx = tx - r.x, dy = ty - r.y;
const d = Math.hypot(dx, dy);
const accuracy = Math.max(0.4, 1 - d / 600);
const success = Math.random() < accuracy;
flightRef.current.push({
x: r.x, y: r.y,
vx: dx / 30, vy: dy / 30,
target: basketKey, scored: success, owner: 'mine', t: 0,
});
setHasBall(b => b - 1);
};
const onA = () => shoot('rightMain');
const onB = () => shoot('rightSide');
useE5(() => {
if (phase !== 'playing') return;
let raf;
const tick = () => {
// Player physics — bounded to my half
physStep({ minX: 20, maxX: RED_LINE - 18, minY: 20, maxY: H-20 });
const r = robotRef.current;
const o = oppRef.current;
// Pickup balls in my half
ballsRef.current.forEach(b => {
if (!b.held && b.side === 'mine' && Math.hypot(b.x - r.x, b.y - r.y) < 24) {
setHasBall(prev => {
if (prev < 2) { b.held = 'me'; return prev + 1; }
return prev;
});
}
});
// Opponent AI
if (!o.target) {
const targets = ballsRef.current.filter(b => !b.held && b.side === 'opp');
if (targets.length) o.target = targets[Math.floor(Math.random()*targets.length)];
}
if (o.target) {
const tx = o.target.x, ty = o.target.y;
o.vx += ((tx - o.x) * 0.04 - o.vx) * 0.2;
o.vy += ((ty - o.y) * 0.04 - o.vy) * 0.2;
o.x += o.vx; o.y += o.vy;
o.x = Math.max(RED_LINE + 18, Math.min(W-20, o.x));
if (Math.hypot(o.x - tx, o.y - ty) < 22) {
o.target.held = 'opp'; o.hasBall += 1; o.target = null;
}
}
if (o.hasBall > 0 && Math.random() < 0.012) {
const b = Math.random() < 0.5 ? BASKETS.leftMain : BASKETS.leftSide;
const dx = b.x - o.x, dy = b.y - o.y;
const d = Math.hypot(dx,dy);
const acc = Math.max(0.3, 1 - d/700);
flightRef.current.push({
x: o.x, y: o.y,
vx: dx/40, vy: dy/40,
target: b === BASKETS.leftMain ? 'leftMain' : 'leftSide',
scored: Math.random() < acc,
owner: 'opp', t: 0,
});
o.hasBall -= 1;
}
flightRef.current = flightRef.current.filter(f => {
f.x += f.vx; f.y += f.vy; f.t++;
const b = BASKETS[f.target];
const dx = b.x + b.w/2 - f.x, dy = b.y + b.h/2 - f.y;
if (Math.hypot(dx,dy) < 14) {
if (f.scored) {
if (f.owner === 'mine') {
setScore(s => s + b.val);
setBreakdown(br => [...br, { k: t('breakdown.' + b.kind + '_basket'), v: b.val }]);
showToast(`+${b.val}`);
} else {
setOppScore(s => s + b.val);
}
}
return false;
}
return f.t < 60;
});
force(t => t+1);
raf = requestAnimationFrame(tick);
};
raf = requestAnimationFrame(tick);
return () => cancelAnimationFrame(raf);
}, [phase]);
const endMatch = (s) => {
if (finishRef.current) return;
finishRef.current = true;
if (score > oppScore) {
setBreakdown(b => [...b, { k: t('breakdown.win_bonus'), v: 5 }]);
setScore(sc => sc + 5);
}
setEndStatus(s);
setTimeout(() => setPhase('result'), 400);
};
const r = robotRef.current, o = oppRef.current;
return (
<>
{phase === 'tutorial' && onComplete(0, 'skipped', false)} />}
{phase === 'result' && (
setPhase('tutorial')}
onNext={() => onComplete(Math.max(0, score), endStatus, true)}
onSkip={() => onComplete(Math.max(0, score), endStatus, true, 'hub')} />
)}
{toastNode}
);
}
window.GameFlag = GameFlag;
window.GameSorting = GameSorting;
window.GameBasketball = GameBasketball;