index.html

<!Doctype html>
<html>
  <head>
    <meta charset="UTF-8">
    <title> 3D Model Builder </title>
    <link rel="stylesheet" href="style.css">
  </head>
  <body>
    <canvas id="renderCanvas"></canvas>
    <button id="drawMode" onclick="enterDrawMode()" >Draw</button>
    <button id="extrudeMode" onclick="extrudeShape()" >Extrude</button>
    <button id="moveMode" onclick="enterMoveMode()">Move</button>
    <button id="vertexEditMode" onclick="enterVertexEditMode()">Vertex Edit</button>
    <div id="instructions">Click Draw to draw points on the ground plane.</div>
    <script src="https://cdn.babylonjs.com/babylon.js"></script>
    <script src="https://cdn.babylonjs.com/babylon.max.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/@babylonjs/materials"></script>
    <script src="https://cdn.jsdelivr.net/npm/earcut@2.2.2/dist/earcut.min.js"></script>


    <script src="app.js"></script>
  </body>
</html>