Skip to content

Amir-Yu/jsPaintClone

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

5 Commits
 
 
 
 
 
 
 
 

Repository files navigation

Assignment #4 – JavaScript: Paint 95

The following Assignment is based on the following subjects: o JavaScript: Events handling, DOM Manipulation

Submitting instructions: o You should submit this assignment in groups (specified on slack) Understanding the task

Our basic version of Paint 95 has a canvas (sized 500px * 500px), and the ability to draw with 5 different colors (of your choosing).

  1. Generate a canvas and a color pallet.
  2. When clicking on any point in the canvas, the color should change according to your selection (make sure you have a default color).
  3. Add at least 2 additional features of your own (you can use the suggested features in the geekout).

Notice: In this assignment, you must implement everything via JavaScript (no HTML code goes inside the tag.

Geek out Choose any (or all) of the features below:

  1. Make a dynamic canvas size (based on the user input).
  2. Create an eraser (can be right click)
  3. Create different sizes for the eraser.
  4. Create a pen size modifier, so that a single click can affect different sizes of the canvas.
  5. Create a “stamp” with different shapes, like a square, a circle and an ellipse.
  6. Add a “clear screen” button Unleash the ninja within
  7. Import an external color pallet, that will allow the user a full set of colors. Make sure you add a color picker.
  8. Create a save/load drawing option.
  9. Turn the image right/left/flip 180 degrees

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published