Graphic Tool
OVERVIEW

The Tool is called ClassMates and is a type manipulation tool that tends to get very abstract very quickly. The basis is your text input which you feed into the tool. With active dragging on, the user can move the letters apart, which then opens up a whole new horizon of graphic compositions. Play with the mini canvas at the top left, create compositions, change the colors, sizes and positions of the basic shapes, these are then projected onto the type. You can also edit the size and color of the grid in the background. Have fun!

YEAR

2025

ROLE

Student
Teacher Ted Davis

SERVICES

Generative Graphic Tool
Programming
p5.js

About the project

Use it online to explore your interests!
Project listed on my github
It is developed for desktop format. It is programmed with p5.js.

This is an open-source project. You own the output. Use it freely for your design projects, whether it is private or commercial. Have fun !

Smooth Scroll
This will hide itself!
Graphic Tool
OVERVIEW

The Tool is called ClassMates and is a type manipulation tool that tends to get very abstract very quickly. The basis is your text input which you feed into the tool. With active dragging on, the user can move the letters apart, which then opens up a whole new horizon of graphic compositions. Play with the mini canvas at the top left, create compositions, change the colors, sizes and positions of the basic shapes, these are then projected onto the type. You can also edit the size and color of the grid in the background. Have fun!

YEAR

2025

ROLE

Student
Teacher Ted Davis

SERVICES

Generative Graphic Tool
Programming
p5.js

About the project

Use it online to explore your interests!
Project listed on my github
It is developed for desktop format. It is programmed with p5.js.

This is an open-source project. You own the output. Use it freely for your design projects, whether it is private or commercial. Have fun !

Smooth Scroll
This will hide itself!
Graphic Tool
OVERVIEW

The Tool is called ClassMates and is a type manipulation tool that tends to get very abstract very quickly. The basis is your text input which you feed into the tool. With active dragging on, the user can move the letters apart, which then opens up a whole new horizon of graphic compositions. Play with the mini canvas at the top left, create compositions, change the colors, sizes and positions of the basic shapes, these are then projected onto the type. You can also edit the size and color of the grid in the background. Have fun!

YEAR

2025

ROLE

Student
Teacher Ted Davis

SERVICES

Generative Graphic Tool
Programming
p5.js

About the project

Use it online to explore your interests!
Project listed on my github
It is developed for desktop format. It is programmed with p5.js.

This is an open-source project. You own the output. Use it freely for your design projects, whether it is private or commercial. Have fun !

Smooth Scroll
This will hide itself!