Back to Specimen

Animation

Carrier Wave

Oscillating wave patterns representing communication and signal transmission.

WebGL

Canvas

Generative

Overview

Carrier Wave creates rhythmic wave patterns that evoke radio transmission and communication signals, representing the exchange of ideas between parties. Originally designed as the ambient background for the Dialogue experience.

Live Demo

Loading animation...
Variant:

Variants

Each animation supports three distinct variants (A, B, C) that alter visual parameters like wave frequency, amplitude, and interference patterns. Use the variant selector above to explore each variation.

Technical Details

  • Renderer: Canvas 2D with wave function mathematics
  • Theme-aware: Adapts to light/dark mode via CSS custom properties
  • Performance: Lazy-loaded, respects prefers-reduced-motion

© 2026 All rights reserved.