Skip to main content
🔗 Unlisted

Share visualization

Send this visualization to others.

Interactive Floating Typography

Unlisted visualization

Anyone with the link can view this unlisted visualization. Posting it publicly will make the link discoverable.

Viewing a saved revision (read-only)

a87d238baa6a4d0c9a348705d630824b

Interactive Floating Typography

0 stars1🔗 Unlisted
KKristin Baumann
Last edited May 2, 2024
Created on May 2, 2024
Forked from P5.js Starter

Floating letters drift and rotate across a bright yellow canvas, forming a dynamic typographic composition. Users launch new characters by dragging the mouse, with each letter moving at its own speed and angle until it exits the screen. Built with p5.js, the sketch uses the `setup`, `draw`, and `mouseDragged` functions, custom `Letter` objects, and `loadFont` to render text from multiple font sources. Letters are randomly assigned sizes, velocities, and rotation, creating a playful, ever-changing visual field.

AI-generated description

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