Inspiration
As digital artists and web developers, we were inspired by the lack of accessible, browser-based drawing tools that combine professional functionality with playful interaction. We wanted to create something that bridges the gap between complex design software and simple doodle apps - a space where anyone can express creativity without barriers. The idea sparked from observing how people naturally gravitate toward collaborative creative experiences, even in digital spaces.
What it does
DrawTogether is a fully-featured web-based drawing game that transforms your browser into an artistic playground. Users can:
Personalize their experience by customizing their artist name Access professional drawing tools including brushes, pencils, markers, and erasers Control precision with adjustable brush sizes (1-50px) and opacity levels (10-100%) Express creativity with 12 preset colors plus unlimited custom color selection Create with confidence using undo/redo functionality with 20-level history Save their masterpieces as high-quality PNG files Enjoy responsive design that works seamlessly across desktop and mobile devices
The interface features a dynamic, animated gradient background that creates an immersive artistic environment while keeping the white canvas perfectly clean for drawing.
How we built it
We built it using Html, CSS and Javascript without using any kind of API
Challenges we ran into
Canvas Performance Optimization - Initial implementations caused lag with rapid brush strokes. We solved this by implementing requestAnimationFrame batching and optimized rendering cycles.
Accomplishments that we're proud of
We are overall proud of what we able to create without the help and use of APIs
What we learned
We learn more about the basis of Html, CSS and Javascript that we mostly skip but as everyone knows strong foundation makes a building strong!!
What's next for Drawtogether
We might integrate API such as TouchAPI to make it mobile friendly
Log in or sign up for Devpost to join the conversation.