Interactive Fluid Typography Experience Idea

For my final project, I will create an interactive fluid typography experience built in p5.js. For my midterm I made a game, so for the final I want to move in a different direction away from rules and goals, and toward something more expressive and open-ended. The project will let users interact with text that behaves like a physical, fluid material, responding to their cursor and input in real time. Letters and words will be broken down into particles that scatter, stretch, and reform based on mouse movement and clicks. The user won’t be trying to win anything, they’ll explore what happens when language loses its fixed shape.

Tools & Approach

  • p5.js for rendering and interaction

  • Font path decomposition to turn letters into manipulable point clouds

  • A particle system with spring forces so letters distort and snap back

  • Smooth morphing between words or phrases over time

Why This Project

This is a natural evolution idea from my midterm project, I’ve explored interactivity through game mechanics, now I want to explore it through pure experience design. Typography as material.

Leave a Reply