Text dispersion

2022

Text dispersion is the result of me feeling nostalgic about Processing, the idea to work with character manipulation, and the desire to share my sketches and make people play with them. That's how I came to P5JS and learnt to use it by making this project. I used the awesome Tweakpane library to create the UI.

Code is messy, some parameters can make your browser and CPU go 'heeeeee', but it's still quite usable, and I'm happy with the variety of results you can get. 'Width' and 'Height' parameters define the size of the output image (which can be saved by clicking on the 'Save' button). You can also export presets, and import them, as well as images (as sources of displacement), by dragging them on the window.

Try it out!

$This is how the UI looks like. Here the drawing has custom colors. [Try it yourself!](https://dev.tflcl.xyz/text-dispertion/){target='_blank'}$

This is how the UI looks like. Here the drawing has custom colors. Try it yourself!

The sentence could translate to 'I will no longer spend my time running away learning things that interest me'.

Cloudy textures (perlin noise based dispersion)

Image based dispersion

The spiral wasn't expected, it was a happy bug

With a very low line space value, the overall tends to appear more vertical

We can do funny stuff with non letter characters

Small texts are kinda cute as well. Could make some fun postal cards. This one says 'Hi, how are you?' infinitely

Another example of endless variation