// ============================================================ // WASIED · Course player + Quiz // ============================================================ function AppCoursePlayer({ slug }) { const sample = DATA.formations.sampleCourse; const quiz = DATA.formations.sampleQuiz; const [activeModule, setActiveModule] = React.useState(sample.modules[2]); const [playing, setPlaying] = React.useState(false); const [position, setPosition] = React.useState(7 * 60 + 23); // 7:23 const [showQuiz, setShowQuiz] = React.useState(false); const [quizAnswer, setQuizAnswer] = React.useState(null); const [quizSubmitted, setQuizSubmitted] = React.useState(false); // Fake playback progression React.useEffect(() => { if (!playing) return; const id = setInterval(() => setPosition(p => Math.min(p + 1, 18 * 60 + 42)), 1000); return () => clearInterval(id); }, [playing]); const fmt = (s) => `${String(Math.floor(s / 60)).padStart(2, '0')}:${String(s % 60).padStart(2, '0')}`; const totalSeconds = 18 * 60 + 42; const pct = (position / totalSeconds) * 100; return ( Pack Expert}>
{/* Player column */}
{/* Video */} {showQuiz ? { setShowQuiz(false); setQuizAnswer(null); setQuizSubmitted(false); }}/> : (
{/* Mock video frame */}
-- swep_base.lua
SWEP.PrintName = "Lance-grappin"
SWEP.Author = "Spacev"
SWEP.Spawnable = true
function SWEP:PrimaryAttack()
{' '}self:SetNextPrimaryFire(CurTime() + 0.5)
{' '}if SERVER then
{' '}self.Owner:FireBullets({'{'}...{'}'})
{' '}end
end
{/* Play overlay */}
{/* Controls bar */}
{fmt(position)} / 18:42
1× 1080p
{[ { name: 'Intro', pct: 0 }, { name: 'Structure', pct: 15 }, { name: 'Hooks', pct: 38 }, { name: 'Network', pct: 65 }, { name: 'Conclusion', pct: 88 }, ].map((c, i) => ( = c.pct ? 1 : 0.5, padding: '2px 7px', background: pct >= c.pct ? 'rgba(255,255,255,0.15)' : 'transparent', borderRadius: 999, fontFamily: 'var(--font-mono)' }}> {c.name} ))}
)} {/* Below player */}
{sample.chapter} Module {activeModule.num}

{activeModule.title}

{['Notes', 'Ressources', 'Discussion'].map((t, i) => ( ))}

Dans ce module, on attaque enfin le SWEP : la base de toute arme, outil ou interaction dans Garry's Mod. On va couvrir les trois points essentiels.

1. La structure obligatoire

Tout SWEP commence par déclarer un tableau global SWEP. Les champs minimaux sont PrintName, Spawnable et au moins un hook d'action.

2. Les hooks essentiels

PrimaryAttack est appelé côté serveur dès que le joueur clique. C'est là qu'on consomme une munition, on joue un son, on tire un bullet. Think tourne en continu - à éviter pour du code lourd.

3. Synchroniser client / serveur

Le piège classique : exécuter du code visuel côté serveur (rendu, son local) ou des changements de state côté client (fait crash). Toujours wrapper avec if SERVER then ou if CLIENT then.

{/* Sidebar - curriculum */}
); } // ---------- Quiz player ---------- function QuizPlayer({ quiz, answer, setAnswer, submitted, setSubmitted, onClose }) { const correct = answer === quiz.correct; return (
Quiz 04.04 · hooks et networking

{quiz.q}

{quiz.options.map(o => { const selected = answer === o.id; const isCorrect = o.id === quiz.correct; const showState = submitted && (selected || isCorrect); return ( ); })}
{submitted ? (
{correct ? 'Bonne réponse' : 'Réponse incorrecte'}

{quiz.explanation}

{!correct && }
) : (
)}
); } Object.assign(window, { AppCoursePlayer, QuizPlayer });