Computer Graphics with p5.js

Computer Graphic algorithm experiments using p5.js.

Algorithms

• DDA Line Drawing
• Bresenham Line Drawing
• Bresenham Circle Drawing
• Midpoint Circle Drawing
• Cohen Sutherland Line Clipping
• Region Filling
• Transformation
  • Translation
  • Rotation
  • Scaling
  • Reflection

Add a new algorithm:

1. Create a new file in the algorithms folder.
2. Write a function for the algorithm with display: Display as a parameter.
3. Use display.setPixel(x, y) to set a pixel on the canvas.
4. Call the function in the draw function in src/main.ts.

How to run

Installed necessary packages:

yarn

To run the development build:

yarn dev

To run the production build:

yarn build

To preview the production build:

yarn preview