Wave title sequence

WaveMesh is a reusable 3D background rather than a fixed title animation. Combined with overlay text and a timeline, it becomes an atmospheric opening sequence suitable for technology, conferences, explainers, and presentations.

import { timeline } from "veena/core";
import { WaveMesh } from "veena/composite";
import { Label } from "veena/text";

const terrain = this.add(
  WaveMesh()
    .size(32, 18)
    .amplitude(1.3)
    .samples(81, 45)
    .palette({
      near: "#f0a9ff",
      far: "#2637d4",
      peak: "#fff5ff",
      fill: "#5a27d6",
    })
    .farFade(0.68)
    .glowVariation(0.28),
  { at: [0, -2.35, -5] },
);

const title = this.add(
  Label("Deterministic ideas, beautifully in motion")
    .height(0.52)
    .depthMode("overlay"),
);

this.play(timeline((local) => {
  local.animate(terrain).duration(10).ease("linear").to({ phase: 2 });
  local.animate(title).duration(0.8).appear();
}));

Oversize and reposition the mesh so its side and front edges stay beyond the camera frustum. The grid density, amplitude, surface fill, nodes, sparkles, palette, depth fade, glow, and periodic wave profile are configurable.

See examples/openings/wave-mesh-background.ts for the full scene.