Webs que sesienten vivas.

// El lucero: la estrella del isotipo, sobre las dos montañas.
// Brilla fuerte en la portada, se achica cuando bajás
// y se apaga con el día.
export function lucero(e: Escena): PosLucero | null {
  const { cx, t, s, p, k, X, Y } = e;

  // cuánto se ve: se apaga al amanecer
  // y queda más tenue después de la portada
  const apaga = 1 - ease((s - .8) / .16);
  const tenue = lerp(1, .36, ease((p - .04) / .12));
  const v = apaga * tenue;
  if (v <= 0) return null;

  // dónde está: en 120,28 del isotipo, con un latido
  const x = X(120), y = Y(28) + e.myo * .2;
  const late = 1 + .06 * Math.sin(t * 2.1);
  const r = 13 * k * lerp(1, .42, ease(p / .16)) * late;

  // 1. el halo dorado
  const halo = cx.createRadialGradient(x, y, 0, x, y, r * 3.8);
  halo.addColorStop(0, `rgba(246,214,140,${.6 * v})`);
  halo.addColorStop(1, 'rgba(246,214,140,0)');
  cx.fillStyle = halo;
  cx.fillRect(x - r * 4, y - r * 4, r * 8, r * 8);

  // 2. el destello en cruz
  cx.save();
  cx.globalAlpha = .5 * v;
  cx.fillStyle = 'rgba(255,240,200,.9)';
  cx.fillRect(x - r * 2.6, y - .6, r * 5.2, 1.2);
  cx.fillRect(x - .6, y - r * 2.6, 1.2, r * 5.2);
  cx.restore();

  // 3. la estrella de cuatro puntas, que se mece
  cx.save();
  cx.translate(x, y);
  cx.rotate(.05 * Math.sin(t * .8));
  chispa(cx, 0, 0, r);
  const luz = cx.createRadialGradient(0, 0, 0, 0, 0, r);
  luz.addColorStop(0, `rgba(255,246,220,${v})`);
  luz.addColorStop(1, `rgba(232,186,92,${v})`);
  cx.fillStyle = luz;
  cx.fill();
  cx.restore();

  return { x, y, r, v };
}