gulesh / canvas-drawer

Implements a simple drawing api

canvas-drawer

Implements a simple drawing api

TODO: Add a representative image for your project here

How to build

Windows

Open git bash to the directory containing this repository.

canvas-drawer $ mkdir build
canvas-drawer $ cd build
canvas-drawer/build $ cmake -G "Visual Studio 16 2019" ..
canvas-drawer/build $ start Draw-2D.sln

Your solution file should contain two projects: pixmap_art and pixmap_test. To run from the git bash command shell,

canvas-drawer/build $ ../bin/Debug/draw_test
canvas-drawer/build $ ../bin/Debug/draw_art

macOS

Open terminal to the directory containing this repository.

canvas-drawer $ mkdir build
canvas-drawer $ cd build
canvas-drawer/build $ cmake ..
canvas-drawer/build $ make

To run each program from build, you would type

canvas-drawer/build $ ../bin/draw_test
canvas-drawer/build $ ../bin/draw_art

Supported primitives

1. Lines
2. Triangles
3. Circle
4. Rectangles
5. Star
6. Curve (these are modification for circle like roses)
7. Point

Filters Implemented

1. drwaing different shapes like rectangle, circle, star, and flowers
2. draw lines with width
3. Point Primitive
4. Support Filled and outlined Shapes

Future implementation

1. Support different blend modes, such as add, difference, and multiply
2. make it easy for users to specify gradients
3. Support alpha blending

Results

TODO: Show artworks using your class

1. Lines draw (Simple)

2. Lines with Interpolation

3. Lines with Width

3. Triangles with interpolation

4.Triangle Outlined

5. Rectangle Filled

6. Rectangle Outlined

7. Circle Filled

8. Circle Outlined

9. Star Filled

10. Star UnFilled

11. curves filled

12. Curve Outlined

13. Point Primitive

##Unique Images

1. I first drew Interpolated vertical lines. Then, on top of that, I drew a circle in the middle , on top of circle I drew a outlined star, and outlined it with rectangles of varying widths.

2.For this one, I created four isosceles tringles with their tip sharing one point. Then I randomly created many copies of the same image.

3. Finally, For this last image, I created both horizontal and vertical interpolated lines. On top of this background I drew a curve in the middle of a square. Then I created multiple copies of the same image.