STL-Bitz-Box/viewer.html at main · vectorcmdr/STL-Bitz-Box · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
<!DOCTYPE html>
<html>

  <head>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <title>STL Viewer</title>
    <link rel="shortcut icon" type="image/x-icon" href="img/favicon.png">
    <link rel="stylesheet" type="text/css" href="css/viewer.css">
  </head>

  <body>

    <script type="importmap">
    	{
    		"imports": {
    			"three":      "./js/three.module.js",
          "stlloader":  "./js/stlloader.module.js",
          "orbit":      "./js/orbitcontrols.module.js",
          "stats":      "./js/stats.module.js",
          "viewhelper": "./js/viewhelper.module.js"
    		}
    	}
    </script>

    <script type="module" src="./js/stlviewer.js"></script>

    <div id="threejscanvas" class="model-canvas">

      <div id="modeltitle" class="model-title"></div>

      <div>
        <input type="checkbox" id="my-toggle" class="material-checkbox" onclick="matToggle()">
        <label for="my-toggle" class="material-label">Shaded Material</label>
      </div>

      <div id="logo" class="logo">
        🗃️ STL Bitz Box<br>
        <a href="https://github.com/vectorcmdr">by vector_cmdr</a>
      </div>

    </div>

  </body>

</html>