Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Interactive Floating Typography (Separate p5 bindings)

Public visualization

Interactive Floating Typography (Separate p5 bindings)

0 stars0🌍 Public
KKristin Baumann
Last edited Feb 21, 2025
Created on May 2, 2024

Interactive Floating Typography scatters and animates the Greek letter Omega across a bright yellow canvas. Dragging the mouse creates new letters that move, rotate, and drift until they exit the screen. Built with the p5 library, the sketch binds drawing functions via `start.js`, manages letter objects with position, velocity, and rotation, and uses `f.random` to select fonts, sizes, and speeds. The visualization responds directly to mouse input, allowing continuous generation of typographic particles.

AI-generated description

Based on tutorial by Patt Vira: https://www.youtube.com/watch?v=-6v_AYyn49k

Here with refactored bindings to p5.

Comments

Sign in to join the discussion.

MIT Licensed