My 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. The text is then converted into dots and the basic shapes circle, rectangle and triangle can then be placed on these. With active dragging, the user can move the letters apart and break them into pieces, which then opens up a whole new horizon and a wide variety of graphic compositions can be created.
YEAR
06 | 2025
ROLE
Student
Teacher Ted Davis
SERVICES
Generative Graphic Tool
Programming
p5.js
About the project
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! This is an open source project, you are the owner of the output and can use it freely for your design projects, whether private or commercial.
Smooth Scroll
This will hide itself!
This will hide itself!
Graphic Tool
OVERVIEW
My 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. The text is then converted into dots and the basic shapes circle, rectangle and triangle can then be placed on these. With active dragging, the user can move the letters apart and break them into pieces, which then opens up a whole new horizon and a wide variety of graphic compositions can be created.
YEAR
06 | 2025
ROLE
Student
Teacher Ted Davis
SERVICES
Generative Graphic Tool
Programming
p5.js
About the project
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! This is an open source project, you are the owner of the output and can use it freely for your design projects, whether private or commercial.
Smooth Scroll
This will hide itself!
This will hide itself!
Graphic Tool
OVERVIEW
My 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. The text is then converted into dots and the basic shapes circle, rectangle and triangle can then be placed on these. With active dragging, the user can move the letters apart and break them into pieces, which then opens up a whole new horizon and a wide variety of graphic compositions can be created.
YEAR
06 | 2025
ROLE
Student
Teacher Ted Davis
SERVICES
Generative Graphic Tool
Programming
p5.js
About the project
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! This is an open source project, you are the owner of the output and can use it freely for your design projects, whether private or commercial.
Smooth Scroll
This will hide itself!
This will hide itself!