Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Aprende Typography and Text as Art | Advanced Generative Techniques
Generative Art with JavaScript and P5.js

bookTypography and Text as Art

index.html

index.html

copy

Typography is a powerful element in generative art, allowing you to blend language and form in expressive ways. In P5.js, you can use the text() function to display text on the canvas at any position. The textFont() function lets you select which font to use for your text, while textSize() controls the size. By combining these with transformations such as rotate(), and by varying position, color, or even the content, you can create dynamic, visually rich compositions where words and letters become integral parts of the artwork. Experimenting with different typefaces, adjusting their properties, and layering text elements can result in abstract visuals or reinforce a conceptual message. Generative typography often involves randomness or algorithmic placement, so each run produces a unique arrangement of text that blurs the line between language and visual design.

question mark

Which function in P5.js is used to display text on the canvas?

Select the correct answer

¿Todo estuvo claro?

¿Cómo podemos mejorarlo?

¡Gracias por tus comentarios!

Sección 4. Capítulo 3

Pregunte a AI

expand

Pregunte a AI

ChatGPT

Pregunte lo que quiera o pruebe una de las preguntas sugeridas para comenzar nuestra charla

Suggested prompts:

Can you show me an example of generative typography in P5.js?

How can I use custom fonts in my P5.js sketches?

What are some creative ways to animate text in generative art?

bookTypography and Text as Art

Desliza para mostrar el menú

index.html

index.html

copy

Typography is a powerful element in generative art, allowing you to blend language and form in expressive ways. In P5.js, you can use the text() function to display text on the canvas at any position. The textFont() function lets you select which font to use for your text, while textSize() controls the size. By combining these with transformations such as rotate(), and by varying position, color, or even the content, you can create dynamic, visually rich compositions where words and letters become integral parts of the artwork. Experimenting with different typefaces, adjusting their properties, and layering text elements can result in abstract visuals or reinforce a conceptual message. Generative typography often involves randomness or algorithmic placement, so each run produces a unique arrangement of text that blurs the line between language and visual design.

question mark

Which function in P5.js is used to display text on the canvas?

Select the correct answer

¿Todo estuvo claro?

¿Cómo podemos mejorarlo?

¡Gracias por tus comentarios!

Sección 4. Capítulo 3
some-alt