/* visuals7.jsx — Diode: the one-way valve.
A check-valve / flap in a pipe that only lets water flow one direction.
Forward = open & flowing; reverse = flap slams shut, no flow.
Plus a matching circuit scene with a diode symbol + LED. */
/* ─── DiodeWaterScene ────────────────────────────────────────────────────
Barrel → pipe with a hinged flap (check valve) → outlet.
`forward` true → flap pushed open, water flows.
`forward` false → pressure holds flap shut, no flow.
───────────────────────────────────────────────────────────────────────── */
function DiodeWaterScene({ voltage = 6, forward = true, height = 360, showLabels = true }) {
const W = 820, H = 460;
const open = forward && voltage > 0.3;
const I = open ? voltage / 3 : 0;
const period = flowPeriod(Math.max(0.05, I));
const fill = fillRatio(voltage);
const barrelCx = 110, barrelTop = 70, barrelBot = 360;
const rimRx = 62, midRx = 80;
const pipeY = 270;
const pipeStart = barrelCx + 60;
const pipeEnd = W - 80;
const baseH = 32;
// valve seat near middle
const valveX = (pipeStart + pipeEnd) / 2;
const seatTopY = pipeY - baseH;
const seatBotY = pipeY + baseH;
// flap hinges at top of pipe; swings down-right when open, vertical (shut) when closed
const hingeX = valveX - 4, hingeY = seatTopY + 2;
const flapLen = baseH * 2 - 4;
const openAngle = open ? 58 : 0; // degrees from vertical
// direction arrows showing intended flow
const dirX = forward ? 1 : -1;
return (
);
}
/* ─── DiodeCircuitScene ──────────────────────────────────────────────────
Battery → diode (triangle+bar) → resistor → LED → back.
forward = diode passes, LED lights. reverse = diode blocks, dark.
───────────────────────────────────────────────────────────────────────── */
function DiodeCircuitScene({ voltage = 6, forward = true, height = 360, showLabels = true }) {
const W = 820, H = 460;
const conducts = forward && voltage > 0.7;
const I = conducts ? (voltage - 0.7) / 3 : 0;
const period = flowPeriod(Math.max(0.05, I));
const flowing = I > 0.05;
const L = 130, R = 690, T = 130, B = 360;
const batCx = L, batCy = (T + B) / 2, batHalfH = 32;
const diodeCx = 330, diodeCy = T;
const resCx = 520, resCy = T;
const bulbCx = R, bulbCy = (T + B) / 2, bulbR = 30;
const wirePath = `
M ${L} ${batCy - batHalfH}
L ${L} ${T}
L ${diodeCx - 34} ${T}
M ${diodeCx + 34} ${T}
L ${resCx - 45} ${T}
M ${resCx + 45} ${T}
L ${R} ${T}
L ${R} ${bulbCy - bulbR}
M ${R} ${bulbCy + bulbR}
L ${R} ${B}
L ${L} ${B}
L ${L} ${batCy + batHalfH}
`;
const loopPath = `
M ${L} ${batCy - batHalfH}
L ${L} ${T} L ${R} ${T} L ${R} ${B} L ${L} ${B}
L ${L} ${batCy + batHalfH} L ${L} ${batCy - batHalfH} Z`;
const power = voltage * I;
const glow = Math.max(0, Math.min(1, power / 14));
// Diode triangle points the direction it allows current (anode→cathode).
// forward: points right (toward bulb). reverse: we still draw it pointing
// right but the battery is "pushing" against it.
const triDir = 1;
return (
);
}
Object.assign(window, { DiodeWaterScene, DiodeCircuitScene });