// clase2.jsx — "¿Qué es la automatización industrial y qué no es?"
// After clase-lib.jsx. Exports SCENES_C2 + meta to window.
// 3 ramas que se confunden
function S2_Ramas({ start, dur }) {
const t = useTime(); const s = start;
const cards = [
{ no: 1, Icon: IcoCPU, c: T.cyan, title: 'Automatización industrial', sub: 'Controla procesos físicos: temperatura, presión, nivel, caudal.', tag: 'ESTE CURSO', x: 175 },
{ no: 2, Icon: IcoRobot, c: T.mut, title: 'Robótica industrial', sub: 'Movimiento mecánico programado: brazos robóticos, AGVs.', x: 780 },
{ no: 3, Icon: IcoChip, c: T.mut, title: 'Electrónica embebida / IoT', sub: 'Microcontroladores: Arduino, Raspberry Pi, sensores conectados.', x: 1385 },
];
return (
No todo lo que parece automatización lo es.
{cards.map((c, i) => (
{c.tag && (() => { const p = pop(t, s + 3.0, 0.5, 0); return (
★ {c.tag}
); })()}
))}
Este curso se enfoca en el control de procesos — el corazón de la industria.
);
}
// 4 pilares
function Pillar2({ no, title, sub, Icon, iconColor, x, appear, t }) {
const { op, sc, ty } = pop(t, appear, 0.55, 22);
return (
0{no}
{title}
{sub}
);
}
function S2_Pilares({ start, dur }) {
const t = useTime(); const s = start;
const xs = [200, 590, 980, 1370];
const aps = [s + 2.6, s + 4.0, s + 5.4, s + 6.8];
const cy = 560;
return (
Los 4 pilares de la automatización.
{[0, 1, 2].map(i => {
const ax = xs[i] + 332, bx = xs[i + 1];
const show = t > aps[i + 1] - 0.2; const e = clamp((t - (aps[i + 1] - 0.2)) / 0.5, 0, 1);
return show ? (
) : null;
})}
Medir → Decidir → Actuar → Supervisar. Un ciclo que nunca se detiene.
);
}
// Grados de automatización
function S2_Grados({ start, dur }) {
const t = useTime(); const s = start;
const items = [
{ k: 'Parcial', d: 'Algunas tareas automáticas, otras manuales.', fill: 0.4 },
{ k: 'Total', d: 'El proceso completo opera sin intervención.', fill: 1.0 },
{ k: 'Flexible', d: 'Se reconfigura para distintos productos.', fill: 0.7 },
];
return (
Tres grados de automatización.
{items.map((it, i) => {
const p = pop(t, s + 2.6 + i * 0.6, 0.6, 24);
const fillE = clamp((t - (s + 3.0 + i * 0.6)) / 0.9, 0, 1) * it.fill;
return (
{it.k}
{it.d}
);
})}
);
}
// Mitos (strike mechanic)
function MitoLine({ text, verdict, start, t }) {
const lt = t - start;
if (lt < -0.02 || lt > 4.6) return null;
const inE = Easing.easeOutCubic(clamp(lt / 0.6, 0, 1));
const strike = clamp((lt - 1.8) / 0.6, 0, 1);
const vAppear = clamp((lt - 2.6) / 0.5, 0, 1);
const out = clamp((lt - 3.6) / 1.0, 0, 1);
const op = inE * (1 - out);
return (