You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
|
|
|
|
# Drawing App
|
|
|
|
|
|
|
|
|
|
**Tier:** 2-Intermediate
|
|
|
|
|
|
|
|
|
|
Create digital artwork on a canvas on the web to share online and also export as images.
|
|
|
|
|
|
|
|
|
|
## User Stories
|
|
|
|
|
|
|
|
|
|
- [ ] User can draw in a `canvas` using the mouse
|
|
|
|
|
- [ ] User can change the color
|
|
|
|
|
- [ ] User can change the size of the tool
|
|
|
|
|
- [ ] User can press a button to clear the `canvas`
|
|
|
|
|
|
|
|
|
|
## Bonus features
|
|
|
|
|
|
|
|
|
|
- [ ] User can save the artwork as an image (`.png`, `.jpg`, etc format)
|
|
|
|
|
- [ ] User can draw different shapes (`rectangle`, `circle`, `star`, etc)
|
|
|
|
|
- [ ] User can share the artwork on social media
|
|
|
|
|
|
|
|
|
|
## Useful links and resources
|
|
|
|
|
|
|
|
|
|
- [Learn how to create a Drawing Application using p5js](https://www.florin-pop.com/blog/2019/04/drawing-app-built-with-p5js/)
|
|
|
|
|
|
|
|
|
|
## Example projects
|
|
|
|
|
|
|
|
|
|
- [Drawing App by Florin Pop](https://codepen.io/FlorinPop17/full/VNYyZQ)
|
|
|
|
|
- [Drawing App by t0mm4rx](https://codepen.io/t0mm4rx/full/dLowvZ)
|
