A simple browser based drawing application that replicates the features of classic MS Paint.
P5.js is the popular Javascript library for creating artistic & creative applications. This drawing application makes use of this library to it's fullest. You can draw artwork using various options provided & save your work as well. In addition to P5.js & P5dom, vanilla Javascript has played a major role in development of this application. This application utilises the modulation & object orientation techniques to ease the development process and any future updates.
Getting started with this project is as easy as it gets. There are a couple of options available as stated below :-
- First and the easiest way is to use this link where I've deployed the whole project.
- The second way consists of cloning the repository into your system & running the project on your local machine. For a step-by-step guide to this second method, kindly follow the steps given below :
- Clone the given repository into your local system.
- Open that repository in your preferred IDE.
- Run index.html file
- And...Voila ! Now you can access the drawing application in your personal browser
- P5.js
- P5.dom JS
- Javascript
- CSS
- HTML
- Netlify
- Mirror drawing tool
- Image stamping tool
- Ellipse drawing tool
- Eraser tool
- Rectangle tool
- Strokes tool
- Spray can tool
- Post editable shapes using vectors
- Fill bucket tool
- Background image tool
- Text input tool
- Confetti tool