less copy protection, more size visualization
No puede seleccionar más de 25 temas Los temas deben comenzar con una letra o número, pueden incluir guiones ('-') y pueden tener hasta 35 caracteres de largo.
 
 
 

80 líneas
2.5 KiB

  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="utf-8">
  5. <title>Macrovision</title>
  6. <link rel="stylesheet" href="reset.css">
  7. <link rel="stylesheet" href="macrovision.css">
  8. <script src="math.min.js"></script>
  9. <script src="presets/characters.js"></script>
  10. <script src="presets/buildings.js"></script>
  11. <script src="presets/vehicles.js"></script>
  12. <script src="macrovision.js"></script>
  13. <meta name="theme-color" content="#000000" />
  14. <meta name="description" content="How big are they anyway?" />
  15. <meta property="og:title" content="Macrovision" />
  16. <meta property="og:description" content="How big are they anyway?" />
  17. <meta property="og:image" content="https://crux.sexy/images/macrovision.png" />
  18. <link rel="icon" href="https://crux.sexy/images/macrovision.ico">
  19. </head>
  20. <body class="toggle-bottom-name toggle-entity-name">
  21. <div id="menubar">
  22. <span class="menubar-group">
  23. <button id="menu-clear">Clear</button>
  24. </span>
  25. <span class="menubar-group">
  26. <button id="menu-order-height">Order by height</button>
  27. </span>
  28. <span class="menubar-group" id="spawners">
  29. </span>
  30. </div>
  31. <div id="main-area">
  32. <div id="options">
  33. <div class="options-header">World options</div>
  34. <span id="options-world">
  35. <div class="options-label">
  36. World height
  37. </div>
  38. <div class="options-row">
  39. <input class="options-field-numeric" type="number" id="options-height-value" min="1" value="10">
  40. <select class="options-field-unit" id="options-height-unit">
  41. <option>meters</option>
  42. <option>kilometers</option>
  43. <option>feet</option>
  44. <option>miles</option>
  45. </select>
  46. </div>
  47. <div class="options-row">
  48. <button class="options-button" id="options-world-fit">Fit to entities</button>
  49. </div>
  50. <div class="options-row">
  51. <label class="switch">
  52. <input type="checkbox" id="options-world-autofit">
  53. <span class="switch-label">Auto-size world</span>
  54. </label>
  55. </div>
  56. </span>
  57. <div class="options-header">Entity options</div>
  58. <select class="menu-item" id="entity-view"></select>
  59. <span id="options-entity">
  60. </span>
  61. <div class="options-header">View options</div>
  62. <span id="options-view">
  63. </span>
  64. </div>
  65. <div id="world">
  66. <div id="entities">
  67. </div>
  68. <canvas id="display">
  69. </canvas>
  70. </div>
  71. </div>
  72. </body>
  73. </html>