kyle demers

shape editor

date released



Shape editor using HTML canvas and JavaScript. This was a class project, which is why some features may seem a bit hacked together.

lessons learned

  • I learned a lot about JavaScript while creating this project including OOP practices, algorithms for binary and hex conversion, and what features work in particular browsers.
  • Started to learn the basics of using Google's Material Design to create the overall look of the UI.
  • I learned is that I really enjoy refactoring code and I think I ended up rewriting a large chunk of the code about five or six times (with more updates still planned once I find some more free time).

known issues

  • Curves aren't implemented very well.
  • Rotation doesn't save after editing the shape with a different type of transformation.
  • Rotation of poly-lines and polygons are a bit different compared to the other shapes.