DrawTone
- 4 Devlogs
- 21 Total hours
Drawtone turns the words you type into dynamic generative artwork, with every word becoming a colorful square. Built from scratch with HTML, CSS, and JavaScript while exploring smarter ways to arrange the artwork.
#DEVLOG 4
FInally finished drawtone completed it fixed the bugs and just enjoyed th matserpiece!
#DEVLOG 3
So I basically added a lot of feature for this devlog and tbh they were pretty hard to add I was considering even using tailwind css but then moved to normal css The logo is quite pretty and also the styling and the javascript has been improved a lot!
Changes added:-
- Added a navbar
- added a soothing music and it is so good pls turn it on!
- Made the ui impressive
Bugs:- - The artwork now displays in the center but as a wise man once said if u find a bug make it a feature!
#DEVLOG 2
SO I made a lot of changes the project now looks a lot more alive.
Changes added:
- Complete UI Overhaul
- smart packaging system
- algorithm to decide number of rows and columns
- A logo for the project
#DEVLOG 1
SO basically I was quite inspired by this project “Typetone” this project is quite based on that instead of music this project creates abstract art. I have seen multiple videos where people make beautiful art out of random coloured square shapes. The setup is basic Vanilla css, html, and js
Changes Added:-
- Makes the squares according to you words typed.
- Has dynamic grid system(I accidently typed Math.ceiling instead of math.ceil)
Bugs:- - The sizing is currently not exactly square fixing that!
