less copy protection, more size visualization
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 

61 lines
1.8 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="macrovision.js"></script>
  12. <meta name="theme-color" content="#000000" />
  13. <meta name="description" content="How big are they anyway?" />
  14. <meta property="og:title" content="Macrovision" />
  15. <meta property="og:description" content="How big are they anyway?" />
  16. <meta property="og:image" content="https://crux.sexy/images/macrovision.png" />
  17. <link rel="icon" href="https://crux.sexy/images/macrovision.ico">
  18. </head>
  19. <body>
  20. <div id="menubar">
  21. </div>
  22. <div id="main-area">
  23. <div id="options">
  24. <div class="options-header">World options</div>
  25. <span id="options-world">
  26. <div class="options-label">
  27. World height
  28. </div>
  29. <div class="options-row">
  30. <input class="options-field-numeric" type="number" id="options-height-value" min="1" value="10">
  31. <select class="options-field-unit" id="options-height-unit">
  32. <option>meters</option>
  33. <option>kilometers</option>
  34. <option>feet</option>
  35. <option>miles</option>
  36. </select>
  37. </div>
  38. </span>
  39. <div class="options-header">Entity options</div>
  40. <select class="menu-item" id="entity-view"></select>
  41. <span id="options-entity">
  42. </span>
  43. <div class="options-header">View options</div>
  44. <span id="options-view">
  45. </span>
  46. </div>
  47. <div id="world">
  48. <div id="entities">
  49. </div>
  50. <canvas id="display">
  51. </canvas>
  52. </div>
  53. </div>
  54. </body>
  55. </html>