index.html 1000 B

1234567891011121314151617181920212223242526272829303132
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="utf-8">
  5. <title>Workbench</title>
  6. <style>
  7. *{margin:0;padding:0;box-sizing:border-box;}
  8. #canvas{height:100vh;width:100vw;display:block;}
  9. .label{color: #ffffff;font-family:sans-serif;padding:2px;background:rgba(0,0,0,0.6);font-size:10px;}
  10. #specs{height:250px;width:250px;position:fixed;top:0;left:0;background:rgb(200,200,200);overflow:auto;}
  11. h3{text-align:center;}
  12. </style>
  13. <script type="importmap">
  14. {
  15. "imports": {
  16. "three": "/three.js",
  17. "orbitControls": "/orbit-controls.js",
  18. "2dRenderer": "/css-2d-renderer.js",
  19. "board": "/objects/board.js",
  20. "setup": "/objects/setup.js"
  21. }
  22. }
  23. </script>
  24. </head>
  25. <body>
  26. <canvas id="canvas"></canvas>
  27. <div id="specs">
  28. <h3>Specs</h3>
  29. </div>
  30. <script type="module" src="/workbench.js"></script>
  31. </body>
  32. </html>