/* ════════════════════════════════════════════════════════════════
Decaform — « La piste et le gazon » : les épreuves en extérieur à leur
place sur un stade vu du ciel. Sur la piste : 30 m, 100 m, 400 m,
3200 m. Sur le gazon : 6 × 200 m aller-retour, sauts sans élan,
agilités (Square, Move, Slalom) et parcours mixte s'il fait partie du
barème. Nom, jour et points viennent du catalogue (rien en dur).
Schéma, pas à l'échelle. Publie window.CadFieldMap.
════════════════════════════════════════════════════════════════ */
(function () {
function lang() { try { return (window.THWLang && window.THWLang.getLang && window.THWLang.getLang()) || 'fr'; } catch (e) { return 'fr'; } }
function tr(fr) {
var l = lang();
if (l === 'fr') return fr;
var d = window.THW_I18N_DICT && window.THW_I18N_DICT[l];
return (d && d[fr]) || fr;
}
var RM = (function () { try { return window.matchMedia('(prefers-reduced-motion: reduce)').matches; } catch (e) { return false; } })();
// Géométrie du stade (repère 960 × 600).
var G = { cx: 480, cy: 300, L: 400, r0: 132, w: 16, lanes: 6 };
function laneD(r) {
var x1 = G.cx - G.L / 2, x2 = G.cx + G.L / 2, yb = G.cy + r, yt = G.cy - r;
return 'M' + x1 + ',' + yb + ' L' + x2 + ',' + yb + ' A' + r + ',' + r + ' 0 0 0 ' + x2 + ',' + yt +
' L' + x1 + ',' + yt + ' A' + r + ',' + r + ' 0 0 0 ' + x1 + ',' + yb + ' Z';
}
function laneR(i) { return G.r0 + G.w * (i + 0.5); }
var X1 = G.cx - G.L / 2, X2 = G.cx + G.L / 2;
var PISTE = '#00c8e0', GAZON = '#a3e635', GOLD = '#e0b766';
// Placement de chaque épreuve. move : 'loop' | 'dash' | 'pingpong'.
var SPOTS = {
run_3200m: { zone: 'piste', short: '3200 m', d: laneD(laneR(0)), move: 'loop', speed: 230, laps: 8, lbl: [X1 + 30, G.cy - laneR(0) + 4] },
run_400m: { zone: 'piste', short: '400 m', d: laneD(laneR(2)), move: 'loop', speed: 260, lbl: [X1 + 110, G.cy - laneR(2) + 4] },
sprint_100m: { zone: 'piste', short: '100 m', d: 'M' + X1 + ',' + (G.cy + laneR(4)) + ' L' + X2 + ',' + (G.cy + laneR(4)), move: 'dash', run: 1500, rest: 1400, lbl: [X1 - 6, G.cy + laneR(4) + 4], anchor: 'end' },
sprint_30m: { zone: 'piste', short: '30 m', d: 'M' + X1 + ',' + (G.cy + laneR(5)) + ' L' + (X1 + G.L * 0.3) + ',' + (G.cy + laneR(5)), move: 'dash', run: 700, rest: 1700, lbl: [X1 - 6, G.cy + laneR(5) + 4], anchor: 'end' },
repeat_200m_x6: { zone: 'gazon', short: '6 × 200 m', d: 'M300,206 L640,206', move: 'pingpong', run: 2600, lbl: [300, 194] },
standing_long_jump: { zone: 'gazon', short: 'Saut sans élan', d: 'M196,262 Q226,226 262,262', move: 'pingpong', run: 900, lbl: [176, 246] },
standing_triple_jump: { zone: 'gazon', short: 'Triple saut', d: 'M196,344 Q212,326 228,344 Q244,326 260,344 Q278,322 298,344', move: 'pingpong', run: 1300, lbl: [176, 376] },
agility_square: { zone: 'gazon', short: 'Square', d: 'M342,300 L342,338 L378,338 L378,300 L342,300 L420,300 L420,262 L456,262 L456,300 L420,300', move: 'pingpong', run: 3200, lbl: [338, 364] },
agility_move: { zone: 'gazon', short: 'Move', d: 'M520,262 L600,262', move: 'pingpong', run: 1200, lbl: [520, 250] },
agility_slalom: { zone: 'gazon', short: 'Slalom', d: 'M500,328 L518,372 L536,328 L554,372 L572,328 L590,372 L608,328 L626,372 L644,328 L662,372 L680,328', move: 'pingpong', run: 3000, lbl: [500, 394] },
mixed_course: { zone: 'gazon', short: 'La Chimère', d: 'M690,270 L730,270 Q760,270 760,300 Q760,330 730,330 L690,330', move: 'pingpong', run: 2600, lbl: [688, 254] }
};
var ORDER = ['sprint_30m', 'sprint_100m', 'run_400m', 'run_3200m', 'repeat_200m_x6', 'standing_long_jump', 'standing_triple_jump', 'agility_square', 'agility_move', 'agility_slalom', 'mixed_course'];
// Décor propre à chaque épreuve du gazon (plots, planche d'appel, haies).
function Decor(props) {
var k = props.k, c = props.c;
var cone = function (x, y, i) { return ; };
if (k === 'repeat_200m_x6') return {cone(646, 206, 0)};
if (k === 'standing_long_jump') return {[0, 1, 2, 3, 4].map(function (i) { return ; })};
if (k === 'standing_triple_jump') return {[228, 260, 298].map(function (x, i) { return ; })};
if (k === 'agility_square') return {[[342, 300], [342, 338], [378, 338], [378, 300], [420, 262], [456, 262], [456, 300], [420, 300]].map(function (p, i) { return cone(p[0], p[1], i); })};
if (k === 'agility_move') return {[520, 547, 573, 600].map(function (x, i) { return cone(x, 262, i); })};
if (k === 'agility_slalom') return {[500, 518, 536, 554, 572, 590, 608, 626, 644, 662, 680].map(function (x, i) { return cone(x, i % 2 ? 372 : 328, i); })};
if (k === 'mixed_course') return {[[706, 330], [722, 330]].map(function (p, i) { return ; })};
return null;
}
function CadFieldMap(props) {
var cat = props.catalog || {};
var tests = cat.tests || [];
var days = cat.days || [];
var items = ORDER.map(function (slug) {
var t = tests.filter(function (x) { return x.slug === slug; })[0];
return t ? Object.assign({ t: t }, SPOTS[slug], { slug: slug }) : null;
}).filter(Boolean);
var ls = React.useState(lang()); var setL = ls[1];
React.useEffect(function () {
if (!window.THWLang || !window.THWLang.onChange) return undefined;
return window.THWLang.onChange(function (l) { setL(l); });
}, []);
var hs = React.useState(items.length ? items[0].slug : null), hot = hs[0], setHot = hs[1];
var paused = React.useRef(false);
var boxRef = React.useRef(null), pathRefs = React.useRef({}), dotRefs = React.useRef({}), lapRef = React.useRef(null);
// Coureurs et déplacements (rAF, en pause hors écran / onglet caché).
React.useEffect(function () {
var visible = true, raf = 0, t0 = performance.now();
function place(slug, pos) {
var p = pathRefs.current[slug], d = dotRefs.current[slug];
if (!p || !d) return;
var pt = p.getPointAtLength(pos);
d.setAttribute('cx', pt.x.toFixed(1)); d.setAttribute('cy', pt.y.toFixed(1));
}
function frame(now) {
raf = 0;
if (!visible) return;
var ms = RM ? 1800 : now - t0;
items.forEach(function (it) {
var p = pathRefs.current[it.slug]; if (!p) return;
var len = p.getTotalLength(), pos;
if (it.move === 'loop') {
var dist = ms / 1000 * it.speed;
pos = dist % len;
if (it.laps) {
var txt = (Math.floor(dist / len) % it.laps + 1) + ' / ' + it.laps;
if (lapRef.current && lapRef.current.textContent !== txt) lapRef.current.textContent = txt;
}
} else if (it.move === 'dash') {
var per = it.run + it.rest, u = (ms % per) / it.run;
pos = u >= 1 ? len : len * (1 - Math.pow(1 - u, 2.2));
} else {
var v = (ms % (it.run * 2)) / it.run;
pos = len * (v <= 1 ? v : 2 - v);
}
place(it.slug, pos);
});
if (!RM) raf = requestAnimationFrame(frame);
}
function kick() { if (!raf && visible) raf = requestAnimationFrame(frame); }
var io = 'IntersectionObserver' in window ? new IntersectionObserver(function (en) { visible = en[0].isIntersecting && !document.hidden; kick(); }) : null;
if (io && boxRef.current) io.observe(boxRef.current);
var onVis = function () { visible = !document.hidden; kick(); };
document.addEventListener('visibilitychange', onVis);
kick();
return function () { cancelAnimationFrame(raf); if (io) io.disconnect(); document.removeEventListener('visibilitychange', onVis); };
}, [items.length]);
// Visite guidée : une épreuve après l'autre, tant qu'on ne survole pas.
React.useEffect(function () {
if (RM || items.length < 2) return undefined;
var id = setInterval(function () {
if (paused.current || document.hidden) return;
setHot(function (h) { var i = items.map(function (x) { return x.slug; }).indexOf(h); return items[(i + 1) % items.length].slug; });
}, 3600);
return function () { clearInterval(id); };
}, [items.length]);
if (items.length < 2) return null;
var cur = items.filter(function (x) { return x.slug === hot; })[0] || items[0];
var curDay = days.filter(function (d) { return d.day === cur.t.day; })[0];
var proto = (cat.protocols && cat.protocols[cur.slug]) || {};
var curCol = cur.zone === 'piste' ? PISTE : GAZON;
var totalPts = items.reduce(function (s, x) { return s + (x.t.pts_max || 0); }, 0);
function pick(slug) { paused.current = true; setHot(slug); }
function listOf(zone) {
return items.filter(function (x) { return x.zone === zone; }).map(function (x) {
return (
);
});
}
return (
Dehors
La piste et le gazon
Les épreuves en extérieur, à leur place : les courses sur la piste, les sauts, l’agilité et les allers-retours sur le gazon — jamais sur le bitume. Survole ou touche une épreuve pour voir son jour et ses points.