Click Me!
Circular Paragraph
Lorem ipsum dolor
sit amet, adipiscing
elit, sed do tempor ut
labore et dolore magna aliqua.
Triangular Paragraph
Lorem
ipsum dolor sit
amet, adipiscing elit,
sed do tempor ut labore et dolore
magna aliqua.
Square Paragraph
Lorem ipsum
dolor sit amet,
adipiscing elit,
sed do tempor
ut labore et
dolore magna
aliqua.
Paragraph
General Concept
Developing , , and line splitting algorithms that shape any given paragraph by adjusting the rag.
No word-break, word-spacing, etc... my goal is to keep the text as intact as possible during the shaping process.
These current algorithms are a work in progress. If you'd like to see how they work or make suggestions for improvement you can check out the code here
Character Dimensions
abcdefghijklmnopqrstuvwxyz1234567890.,!?
344px x 24px, Average: 14.33px, w/h: 0.36
Because the width and height of alpha-numeric characters vary from character to character, The font's average width to height ratio is calcuated for the given set of characters.
It would be more accurate to calculate the ratio based on character frequency on the english language or even the input string, however, for simplicity sake I'm using a simple average.