2D Canvas Engine in Typescript

OOP practice in Typescript

Features:

• Key detection: Key Down, Key Up, Key Press
• Key handling synchronized to refresh rate
• Shape origin point adjustable (top left, top center, top right, left, center, right, bottom left, bottom center, bottom right)
• Automatic canvas re-render, adjustable framerate
• Fill color supports Hex, RGB, RGBA

Development:

• yarn dev or npm run dev spins up webpack dev server which compiles Typescript and watches files for further changes

TODO:

• Fix performance drop
• Add more shapes