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

Built With

Share this project:

Updates