.
|   .editorconfig
|   .gitignore
|   index.html
|   package-lock.json
|   package.json
|   README.md
|   style.css
|   tsconfig.json
|   webpack.config.js
|   
+---doc
|       Tubes1_IF3260_13521109_13521131_13521146.pdf
|       
+---src
|   |   index.ts
|   |   
|   +---enum
|   |       ShapeEnum.ts
|   |       
|   +---handler
|   |   |   DrawHandler.ts
|   |   |   ToolsHandler.ts
|   |   |   
|   |   \---ShapeHandler
|   |           LineHandler.ts
|   |           PolygonHandler.ts
|   |           RectangleHandler.ts
|   |           SquareHandler.ts
|   |           
|   +---io
|   |   |   FileHandler.ts
|   |   |   ShapeFactory.ts
|   |   |   
|   |   \---bind
|   |           BaseBind.ts
|   |           ShapeBind.ts
|   |           
|   +---math
|   |       Matrix.ts
|   |       Transform.ts
|   |       Vector2D.ts
|   |       VertexOperation.ts
|   |       
|   +---object
|   |   +---base
|   |   |       Color.ts
|   |   |       Coordinate.ts
|   |   |       Vertex.ts
|   |   |       
|   |   \---shape
|   |           Line.ts
|   |           Polygon.ts
|   |           Rectangle.ts
|   |           Shape.ts
|   |           Square.ts
|   |           
|   \---utils
|           algorithm.ts
|           program.ts
|           render-props.ts
|           resize.ts
|           shaders.ts
|           
\---test
        test_emyu.json
        test_membadut.json
        test_topi_kapal.json

1. Clone repository ini ke direktori lokal anda. Jalankan perintah di bawah berurutan.
2. `npm install`
3. `npm install -g live-server`
4. `npm run dev`
5. `live-server`
6. Atau anda dapat membuka index.html pada folder ini di browser anda