forked from mirror/ObjToSchematic
50 lines
1.9 KiB
HTML
50 lines
1.9 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset="utf8">
|
|
<title>ObjToSchematic</title>
|
|
<link rel="stylesheet" href="./styles.css">
|
|
|
|
<!-- Bootstrap CSS -->
|
|
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet"
|
|
integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
|
|
</head>
|
|
|
|
<body id="bootstrap-overrides">
|
|
|
|
<div class="container bg-dark">
|
|
<div class="row mb-2 mt-2">
|
|
<!-- LEFT -->
|
|
<div class="col">
|
|
<div class="input-group">
|
|
<input type="file" class="form-control" id="objFile" aria-describedby="inputGroupFileAddon04" aria-label="Upload">
|
|
<button id="objBtn" class="btn btn-primary" type="button" id="inputGroupFileAddon04">Load</button>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- MIDDLE -->
|
|
<div class="col">
|
|
<div class="input-group">
|
|
<label class="input-group-text" for="inputGroupFileAddon03">Voxel size</label>
|
|
<input type="number" min="0.1" step="0.1" value="0.1" class="form-control" id="voxelInput" aria-describedby="inputGroupFileAddon03" aria-label="Voxel size" disabled>
|
|
<button id="voxelBtn" class="btn btn-primary" type="button" disabled>Voxelise</button>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- RIGHT -->
|
|
<div class="col">
|
|
<div class="d-grid gap-2">
|
|
<button id="exportBtn" class="btn btn-danger" type="button" disabled>Export schematic</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- CANVAS -->
|
|
<canvas id="c"></canvas>
|
|
</body>
|
|
|
|
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js"
|
|
integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" crossorigin="anonymous"></script>
|
|
<script type="module" src="./src/client.js"></script>
|
|
</html> |