Explore harmonic analysis.

These demos were created as lightweight P5 animations, authored by students Shailah Aggarson (UBC) and Nova Bauer (UVic), under the supervision of Professor M. Lamoureux (UCalgary). Each animation has its own HTML page and JavaScript file and is deployed on a Github Pages repository.

Each button opens a separate page containing a p5.js animation.

01

Recursive Sierpinski Fractal

A recursively drawn triangle fractal with synthesized sounds and an interactive recursion-level slider.

Open fractal animation

02

Recursive Box Fractal

A recursively drawn box fractal with synthesized sounds and an interactive recursion-level slider.

Open fractal animation

03

Koch Curve Fractal

A recursively-draw curve with synthesized sounds and an interactive recursion-level slider.

Open fractal animation

04

Mobius Transformation

Angle-preserving transformation of images using Mobius transformation on the complex plane.

Open Mobius animation

05

Sound Harmonics

Live analysis of musical notes using the Goertzel implementation of the Fourier transform.

Open frequency animation

06

Harmonic Cascade

Live analysis of musical tones using the Goertzel implementation, as a cascade of notes.

Open frequency cascade

07

Hofstadter Butterfly

A drawing tool for the Hofstadter Butterfly, representing energy levels for a Bloch electron.

Open Buttefly animation

08

Spherical Harmonics

A representation of the harmonic functions on a 2-sphere, with interaction.

Open spherical animation

09

Spherical Wave Motion

A visualization of a travelling wave on a sphere, with adjustable triangulation and harmonic resolution

Open wave animation

10

Spherical Triangulation

A visualization of refining triangulation of a sphere, with adjustable levels.

Open triangulation animation

11

Spherical Data

A visualization of data on a triangulated sphere, with adjustable levels.

Open sphere animation

Waves Animation

12

Animated Waves

A layered sine-wave animation that responds to the size of the browser window.

Open wave animation

Particles Animation

13

Particle Field

Moving particles that wrap around the canvas and react gently to the mouse.

Open particle animation

Orbits Animation

14

Orbital Motion

Circles moving in nested orbits using rotation, translation and trigonometry.

Open orbit animation