LePhenix47 / Paintbrush_Younes-Lahouiti

This is a simple paintbrush application built using HTML, SASS, and TypeScript. It provides a canvas where users can draw using their mouse. The app allows for easy customization and provides a responsive interface

https://lephenix47.github.io/Paintbrush_Younes-Lahouiti/

1 stars 0 forks source link

[TO-DO] Tasks remaining #1

Open LePhenix47 opened 1 year ago

LePhenix47 commented 1 year ago

To-do

[x] Add a preview to the shape we're going to draw
[x] Change the mouse events on the event listeners + additional changes for the event type: mousemove to pointermove mousedown to pointerdown mouseup to pointerup
[x] Add filters for the canvas and for the shapes
[x] Fix the scroll snapping effect
[ ] Fix bugs in the project

LePhenix47 commented 1 year ago

Useful sources:

HTML5 Canvas CRASH COURSE for Beginners by Franks Laboratory: https://www.youtube.com/watch?v=Yvz_axxWG4Y

Learn Pointer Events In 15 Minutes by Web Dev Simplified: https://www.youtube.com/watch?v=MhUCYR9Tb9c

Leam CSS Scroll Snap ln 6 Minutes by Web Dev Simplified: https://youtu.be/ytl6TrroGis