// === Escena 05 — "La app de tu equipo. El portal de tus clientes." · audio real 117.32s === // LOCUCIÓN (cobra "¿y tu equipo?" de la 04 → dos caras): "Tu equipo no ve nada de esto, y no le hace // falta. A pie de obra nadie quiere buscar en una lista... quieren algo más sencillo. Sobre esa // BASE DE DATOS que acabas de montar, a ellos se les dibuja otra cara: una app hecha para su // trabajo. Y lo que tocan cae solo en tu Dinaup, sin que nadie copie nada. Imagínate un desguace — // Autodesguaces Alicante. Si tuvieras uno, querrías controlar el desmontaje: qué coche, qué piezas, // cuánto se tarda... en tiempo real. Sobre esa base de datos se le dibuja una app al mecánico. // [marca piezas → caen en tu base de datos] Una app así te da TRES cosas: [1] tan fácil que apenas // hay que enseñar — delegar es trivial; [2] difícil equivocarse; [3] ves la carga y el estado del // taller en vivo. [minigolf] La administración ya la tienes hecha: es tu base de datos en Dinaup. // Lo único que se dibuja encima es su cara de fuera." // Sync clavado a mp3 real 117.32s (whisper). FASE 1 rediseñada al guion nuevo: base de datos → tu // equipo no la ve → se le dibuja una app → cae solo en Dinaup. function Escena05({ t }){ const P = { // Fase 1 · Concepto: base de datos → tu equipo no la ve → se le dibuja una app → cae solo bdd: 0.3, // "Tu equipo no ve nada de esto" → base de datos noVe: 1.4, // (apoyo) no la ve sobreBase: 10.7, // "sobre esa base de datos" → sobre la base otraCara: 13.7, // "se les dibuja otra cara" → otra cara caeSolo: 19.2, // "cae solo en tu Dinaup" → cae solo concFade: 23.5, // (apoyo) fade del concepto concEnd: 24.8, // (apoyo) fin del concepto // Fase 2 · Desguace imagina: 25.0, // "Imagínate un desguace" → entra el desguace cliente: 28.0, // "Autodesguaces Alicante" → cliente querrias: 31.4, // "querrías controlar el desmontaje" → querrías cols: [33.5, 34.4, 35.8], // "qué coche toca" · "qué piezas se recuperan" · "cuánto se tarda" appDibuja: 40.8, // "se le dibuja una app al mecánico" → se dibuja la app coche: 44.1, // "le aparece el coche a desmontar" → coche marks: [47.7, 49.5, 50.8, 52.0], // "en buen estado" · "se desecha" · "Dos botones" · "cada marca cae" caeVivo: 50.8, // (apoyo) cae en vivo // Fase 3 · Tríada triad: [60.3, 69.4, 77.0], // "apenas hay que enseñar nada" · "difícil cometer un error" · "ves la carga de trabajo" taller: 78.3, // "el estado del taller en vivo" → taller desExit: 82.0, // "Otro ejemplo" → sale el desguace // Fase 4 · Minigolf golfEnter: 83.3, // "Un minigolf" → entra el minigolf scores: [91.9, 92.7, 93.6], // (apoyo) puntuaciones // Fase 5 · Cierre toSides: 97.5, // "la administración ya la tienes hecha" → a los lados both: 99.8, // (apoyo) las dos caras remate: 105.3, // "la app de tu equipo" → remate }; const DES_CENTER = 463, GOLF_CENTER = -462; const concOp = t < P.concFade ? clamp((t-0.3)/0.6, 0, 1) : clamp(1-(t-P.concFade)/(P.concEnd-P.concFade), 0, 1); // DESGUACE let dDx, dOp; if (t < P.imagina) { dOp = 0; dDx = DES_CENTER + 140; } else if (t < P.desExit) { const e = Easing.easeOutCubic(clamp((t-P.imagina)/0.8, 0, 1)); dOp = e; dDx = lerp(DES_CENTER+140, DES_CENTER, e); } else if (t < P.desExit+1.3) { const e = Easing.easeInCubic(clamp((t-P.desExit)/1.3, 0, 1)); dOp = 1-e; dDx = lerp(DES_CENTER, DES_CENTER-820, e); } else if (t < P.toSides) { dOp = 0; dDx = -560; } else { const e = Easing.easeOutCubic(clamp((t-P.toSides)/1.0, 0, 1)); dOp = e; dDx = lerp(-360, 0, e); } // MINIGOLF let gDx, gOp; if (t < P.golfEnter) { gOp = 0; gDx = 220; } else if (t < P.toSides) { const e = Easing.easeOutCubic(clamp((t-P.golfEnter)/0.9, 0, 1)); gOp = e; gDx = lerp(220, GOLF_CENTER, e); } else { const e = Easing.easeInOutCubic(clamp((t-P.toSides)/1.0, 0, 1)); gOp = 1; gDx = lerp(GOLF_CENTER, 0, e); } const phoneP = clamp((t-P.appDibuja)/0.6, 0, 1), phoneE = Easing.easeOutBack(phoneP); const cocheP = clamp((t-P.coche)/0.5, 0, 1); const colHi = (i)=> t >= P.cols[i] && t < P.cols[i]+1.1; const remateP = clamp((t-P.remate)/0.7, 0, 1); const bothOn = t >= P.both; // Beat "estado del taller en vivo" (benef 3) const tallerOn = t >= P.taller && t < P.desExit; const tallerPulse = (t >= P.taller && t < P.taller+3.0) ? Math.sin((t-P.taller)/3.0*Math.PI) : 0; const caeOn = t >= P.caeVivo && t < P.caeVivo+3.4; // Fase 1 · concepto (base de datos → tu equipo no la ve → se le dibuja una app → cae solo) const bddFaseE = Easing.easeOutBack(clamp((t-P.bdd)/0.6, 0, 1)); const bddAtenua = t >= P.noVe && t < P.sobreBase; const appCaraE = Easing.easeOutBack(clamp((t-P.otraCara)/0.6, 0, 1)); const caeSoloE = clamp((t-P.caeSolo)/0.5, 0, 1); const linkCaraP = clamp((t-P.otraCara)/0.7, 0, 1); const pulsoSube = (t >= P.caeSolo && t < P.caeSolo+1.6) ? clamp((t-P.caeSolo)/1.0, 0, 1) : -1; const PIEZAS = [ { n:'Faro delantero', est:'ok', mark:P.marks[0] }, { n:'Parachoques', est:'bad', mark:P.marks[1] }, { n:'Alternador', est:'ok', mark:P.marks[2] }, { n:'Puerta cond.', est:'ok', mark:P.marks[3] }, ]; const nMarcadas = PIEZAS.reduce((a,p)=> a + (t >= p.mark ? 1 : 0), 0); const MEC = { left:405, top:150, w:200, h:378 }; const BKL = { left:110, top:556, w:760, h:344 }; const mecRowY = (i)=> MEC.top + 4 + 84 + i*60 + 30; const mecTapX = MEC.left + MEC.w - 38; const JUG = [ {n:'Ana', g:3}, {n:'Luis', g:4}, {n:'Marta', g:2} ]; const GOLF = { left:1315, top:150, w:200, h:378 }; const BKR = { left:1050, top:556, w:760, h:344 }; const golfStepY = (i)=> GOLF.top + 4 + 88 + i*66 + 33; const golfTapX = GOLF.left + GOLF.w - 40; const golpesDe = (i)=>{ let g=0; if(t>=P.scores[0]) g=i===0?3:i===1?1:0; if(t>=P.scores[1]) g=i===0?3:i===1?4:1; if(t>=P.scores[2]) g=JUG[i].g; return g; }; const nPartidas = t >= P.scores[2] ? 3 : t >= P.scores[1] ? 2 : t >= P.scores[0] ? 1 : 0; const mecTaps = PIEZAS.map((p,i)=> ({ t:p.mark, x:mecTapX, y:mecRowY(i) })); const golfTaps = P.scores.map((s,i)=> ({ t:s, x:golfTapX, y:golfStepY(i) })); const estChip = (est)=> est==='ok' ? { c:'#059669', bg:'rgba(16,185,129,0.12)', bd:'rgba(16,185,129,0.45)', txt:'✓ recuperable' } : { c:'#DC2626', bg:'rgba(239,68,68,0.12)', bd:'rgba(239,68,68,0.45)', txt:'✗ desecho' }; const LIST_Y = 704; const pulseMec = (i)=>{ const p = clamp((t-PIEZAS[i].mark)/0.5, 0, 1); return (p>0 && p<1) ? p : -1; }; const pulseGolf = (i)=>{ const p = clamp((t-P.scores[i])/0.5, 0, 1); return (p>0 && p<1) ? p : -1; }; const BENEFS = [ { at:P.triad[0], ic:'👥', t1:'Delegar es trivial', t2:'apenas formación · un novato, al lío el día 1', c:'#0085FF' }, { at:P.triad[1], ic:'🛡️', t1:'Difícil equivocarse', t2:'no hay nada que teclear, solo se toca', c:'#8B5CF6' }, { at:P.triad[2], ic:'⚡', t1:'El taller en vivo', t2:'carga de trabajo y estado, en tiempo real', c:'#059669' }, ]; const DinaupWin = ({ box, company, initials, breadcrumb, titulo, children, focus, live })=> (
{children}
); return ( La app de tu equipo. El portal de tus clientes.}/> {/* ============ FASE 1 · CONCEPTO: base de datos → tu equipo no la ve → se le dibuja una app → cae solo ============ */} {concOp > 0.01 && (
{t>=P.otraCara && } {pulsoSube>=0 && } {/* Base de datos (lo que montaste en la 04) */}
🗄️
LO QUE MONTASTE · TU BASE DE DATOS
Piezas del desguace
{t>=P.sobreBase && tya es Dinaup}
{/* Badge: tu equipo no ve esto (hasta que aparece la base) */} {t >= P.noVe && t < P.sobreBase && (
👷 tu equipo no ve esto — ni le hace falta
)} {/* La app que se le dibuja encima (cara de fuera) */} {t >= P.otraCara && (
📱
SU CARA DE FUERA · SE DIBUJA
Una app hecha para su trabajo
Nada de listas ni buscadores: algo mucho más sencillo
{t >= P.caeSolo && (
↑ lo que tocan cae solo en tu Dinaup · sin copiar nada
)}
)}
)} {/* ============ Tríada de beneficios (durante el desguace) ============ */} {dOp > 0.5 && t >= P.triad[0]-0.3 && t < P.desExit && (
{BENEFS.map((b,i)=>{ const p = clamp((t-b.at)/0.5, 0, 1), e = Easing.easeOutBack(p); if (p<=0) return null; const hot = i===2 && tallerOn; return (
{b.ic}
{b.t1}
{b.t2}
); })}
)} {/* ============ Rótulos de zona (cierre, con ambos) ============ */} {remateP > 0 && bothOn && (
↑ SU CARA DE FUERA · SE DISEÑA
↓ TU BASE DE DATOS · YA ES DINAUP
)} {/* ============ COLUMNA DESGUACE ============ */} {dOp > 0.01 && (
{phoneP > 0.3 && } {PIEZAS.map((p,i)=>{ const pp = pulseMec(i); if(pp<0) return null; const x=lerp(MEC.left+MEC.w/2,BKL.left+BKL.w/2,pp), y=lerp(MEC.top+MEC.h,LIST_Y-16,pp); return ; })} {/* App del mecánico (aparece en "se le dibuja una app") */} {phoneP > 0.01 && (
APP · MECÁNICO
🔧Desmontaje
0?'rgba(0,133,255,0.4)':'rgba(255,255,255,0.12)', border:`1px solid ${cocheP>0?'#56A8FF':'rgba(255,255,255,0.2)'}`, borderRadius:7, padding:'5px 9px', transition:'background 300ms'}}>
VEHÍCULO
5843-KLM · Seat Ibiza
{PIEZAS.map((p,i)=>{ const marked = t >= p.mark; const chip = estChip(p.est); return (
{p.n}
{marked ? (
{chip.txt}
) : (
✓ Bien
✗ Desecho
)}
); })}
{nMarcadas}/4 · dos botones, sin teclear
)} {/* Su base de datos en Dinaup */}
{/* Estado del taller en vivo (benef 3) */} {tallerOn && (
ESTADO DEL TALLER · EN VIVO En curso 3Piezas hoy 47Pendientes 2
)}
Piezas · Desmontaje {caeOn && EN VIVO ·} {nMarcadas} registradas
{[['Pieza',0],['Vehículo',0],['Estado',1],['Tarda',2]].map(([h,ci])=>{h})}
{PIEZAS.map((p,i)=>{ const born = t >= p.mark + 0.5; if (!born) return null; const bp = clamp((t-(p.mark+0.5))/0.4, 0, 1), be = Easing.easeOutBack(bp); const chip = estChip(p.est); const fresh = t < p.mark + 1.3; return (
{p.n} Ibiza {chip.txt} {['14′','8′','11′','6′'][i]}
); })} {nMarcadas===0 &&
{phoneP>0.5 ? 'esperando lo que marca el mecánico…' : 'controla el desmontaje: qué coche, qué piezas, cuánto se tarda…'}
}
{phoneP > 0.5 && }
)} {/* ============ COLUMNA MINIGOLF ============ */} {gOp > 0.01 && (
{P.scores.map((s,i)=>{ const pp = pulseGolf(i); if(pp<0) return null; const x=lerp(GOLF.left+GOLF.w/2,BKR.left+BKR.w/2,pp), y=lerp(GOLF.top+GOLF.h,LIST_Y-16,pp); return ; })}
PORTAL · CLIENTE
⛳Mi tarjeta
HOYO 7 · GRUPO
Familia Ortega
{JUG.map((j,i)=>{ const g = golpesDe(i); const justUp = t >= P.scores[Math.min(i,2)] && t < P.scores[Math.min(i,2)]+0.4; return (
{j.n} − {g} +
); })}
anotan desde la pista
Partidas · Hoyo 7 {nPartidas} anotadas
{['Jugador','Grupo','Golpes','Hora'].map((h)=>{h})}
{JUG.map((j,i)=>{ const born = t >= P.scores[i] + 0.5; if (!born) return null; const bp = clamp((t-(P.scores[i]+0.5))/0.4, 0, 1), be = Easing.easeOutBack(bp); return (
{j.n} F. Ortega {j.g} 17:0{i}
); })} {nPartidas===0 &&
esperando lo que anotan los clientes…
}
)} ); } Object.assign(window, { Escena05 });