chemicalcrux
/
macrovision


			
				
					
						
						
							
							<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="utf-8">
  <title>Macrovision</title>
  <link rel="stylesheet" href="reset.css">
  <link rel="stylesheet" href="macrovision.css">
  <script src="math.min.js"></script>
  <script src="presets/buildings.js"></script>
  <script src="presets/landmarks.js"></script>
  <script src="presets/characters.js"></script>
  <script src="presets/objects.js"></script>
  <script src="presets/naturals.js"></script>
  <script src="presets/vehicles.js"></script>
  <script src="presets/scenes.js"></script>
  <script src="macrovision.js"></script>
  <meta name="theme-color" content="#000000" />
  <meta name="description" content="How big are they anyway?" />
  <meta property="og:title" content="Macrovision" />
  <meta property="og:description" content="How big are they anyway?" />
  <meta property="og:image" content="https://crux.sexy/images/macrovision.png" />
  <link rel="icon" href="https://crux.sexy/images/macrovision.ico">
</head>

<body class="toggle-bottom-name toggle-entity-name">
  <div id="menubar">
    <span class="menubar-group">
      <button id="menu-clear">Clear</button>
    </span>
    <span class="menubar-group">
      <button id="menu-order-height">Order by height</button>
    </span>
    <span class="menubar-group">
      <button id="menu-export">Export</button>
      <button id="menu-save">Save</button>
      <button id="menu-load">Load</button>
    </span>
    <span class="menubar-group" id="spawners">

    </span>
  </div>
  <div id="main-area">
    <div id="options">
      <div class="options-header">World options</div>
      <span id="options-world">
        <div class="options-label">
          World height
        </div>
        <div class="options-row">
          <input class="options-field-numeric" type="number" id="options-height-value" min="1" value="10">
          <select class="options-field-unit" id="options-height-unit">
            <option>millimeters</option>
            <option>centimeters</option>
            <option selected=true>meters</option>
            <option>kilometers</option>
            <option>inches</option>
            <option>feet</option>
            <option>yards</option>
            <option>stories</option>
            <option>miles</option>
            <option>parsecs</option>
          </select>
        </div>
        <div class="options-row">
          <button class="options-button" id="options-world-fit">Fit to entities</button>
        </div>
        <div class="options-row">
          <label class="switch">
            <input type="checkbox" id="options-world-autofit">
            <span class="switch-label">Auto-size world</span>
          </label>          
        </div>
        <div class="options-label">
          Auto-sizing mode
        </div>
        <div class="options-row">
          <select class="menu-item" id="options-world-autofit-mode">
            <option value="max">Max</option>
            <option value="arithmetic mean">Arithmetic mean</option>
            <option value="geometric mean">Geometric mean</option>
          </select>
        </div>
      </span>
      <div class="options-header">Entity options</div>
      <div class="options-label">
        Active view
      </div>
      <select class="menu-item" id="entity-view"></select>
      <div class="options-block" id="options-entity-defaults">
      </div>
      <span id="options-entity">
      </span>
      <div class="options-header">View options</div>
      <span id="options-view">
      </span>
    </div>
    <div id="world">
      <div id="entities">

      </div>
      <canvas id="display">
      </canvas>
    </div>
  </div>

</body>

</html>