mirror of
https://github.com/overte-org/overte.git
synced 2025-04-25 13:33:30 +02:00
149 lines
7.7 KiB
HTML
149 lines
7.7 KiB
HTML
<!--
|
|
// gridControls.html
|
|
//
|
|
// Created by Ryan Huffman on November 6th, 2014
|
|
// Copyright 2014 High Fidelity, Inc.
|
|
// Copyright 2022-2024 Overte e.V.
|
|
//
|
|
// Distributed under the Apache License, Version 2.0.
|
|
// See the accompanying file LICENSE or http://www.apache.org/licenses/LICENSE-2.0.html
|
|
-->
|
|
<html>
|
|
<head>
|
|
<link rel="stylesheet" type="text/css" href="css/edit-style.css">
|
|
<link rel="stylesheet" type="text/css" href="css/colpick.css">
|
|
<script src="js/jquery-2.1.4.min.js"></script>
|
|
<script src="js/colpick.js"></script>
|
|
<script type="text/javascript" src="qrc:///qtwebchannel/qwebchannel.js"></script>
|
|
<script type="text/javascript" src="js/eventBridgeLoader.js"></script>
|
|
<script type="text/javascript" src="js/spinButtons.js"></script>
|
|
<script type="text/javascript" src="js/utils.js"></script>
|
|
<script type="text/javascript" src="js/gridControls.js"></script>
|
|
</head>
|
|
<body onload='loaded();'>
|
|
<div id="mode-section" class="section">
|
|
<div class="property container">
|
|
<div id="creationModeLabel">
|
|
CREATION MODE
|
|
</div>
|
|
<div class="property container">
|
|
<input name="create-app-mode" type="button" class="entity-list-menutitle" id="create-app-mode" value="Create app mode▾" />
|
|
</div>
|
|
</div>
|
|
<div class="tools-select-menu" id="edit-mode-menu" >
|
|
<button class="menu-button" id="edit-mode-object" >
|
|
<div class = "menu-item">
|
|
<div class = "menu-item-caption">Object mode</div>
|
|
<div class = "menu-item-shortcut"></div>
|
|
</div>
|
|
</button>
|
|
<button class="menu-button" id="edit-mode-voxel" >
|
|
<div class = "menu-item">
|
|
<div class = "menu-item-caption">Voxel edit mode</div>
|
|
<div class = "menu-item-shortcut"></div>
|
|
</div>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
<div id="voxels-section" class="section">
|
|
<h2>Voxel edit settings</h2>
|
|
<div class="property container">
|
|
<label for="voxel-edit-mode">Voxel edit mode </label>
|
|
<div class="property container">
|
|
<input name="voxel-edit-mode" type="button" class="entity-list-menutitle" id="voxel-edit-mode" value="Voxel edit mode▾" />
|
|
</div>
|
|
<label for="voxel-sphere-size"> Sphere/cube size <span class="unit">m</span></label>
|
|
<div class="number">
|
|
<input type="number" id="voxel-sphere-size" min="0.01" step="0.2" />
|
|
</div>
|
|
</div>
|
|
<div class="tools-select-menu" id="voxel-edit-mode-menu" >
|
|
<button class="menu-button" id="voxel-edit-mode-single" >
|
|
<div class = "menu-item">
|
|
<div class = "menu-item-caption">Single voxels</div>
|
|
<div class = "menu-item-shortcut"></div>
|
|
</div>
|
|
</button>
|
|
<button class="menu-button" id="voxel-edit-mode-sphere" >
|
|
<div class = "menu-item">
|
|
<div class = "menu-item-caption">Spheres</div>
|
|
<div class = "menu-item-shortcut"></div>
|
|
</div>
|
|
</button>
|
|
<button class="menu-button" id="voxel-edit-mode-cube" >
|
|
<div class = "menu-item">
|
|
<div class = "menu-item-caption">Cubes</div>
|
|
<div class = "menu-item-shortcut"></div>
|
|
</div>
|
|
</button>
|
|
</div>
|
|
<div class="property container">
|
|
<label for="voxel-remove">Remove voxels</label>
|
|
<div style="width: 100%;">
|
|
<input type='checkbox' id="voxel-remove" style="width: 100%;">
|
|
<label for="voxel-remove"> </label>
|
|
</div>
|
|
<div class="property container">
|
|
<input name="voxel-help-button" type="button" class="entity-list-menutitle" id="voxel-help-button" value="Voxel edit help▾" />
|
|
</div>
|
|
</div>
|
|
<div class="tools-help-popup" id="voxel-help-popup" >
|
|
To edit voxels, "<b>Voxel Edit Mode</b>" needs to be selected.<br><br>
|
|
<b>Desktop:</b><br>
|
|
Click the left mouse button to add a voxel. Click the middle mouse button to remove a voxel. Hold the mouse button and move the mouse to add or remove voxels in a single plane. The plane is determined by the direction in which you are looking when first voxel is added or removed (for example, look downwards to draw in horizontal plane).<br><br>
|
|
<b>VR:</b><br>
|
|
Press the trigger to add a voxel. Press the trigger while holding the grip to remove a voxel. Hold the trigger and move the controller to add or remove voxels in a single plane. The plane is determined by the direction in which the controller's ray points when the first voxel is added or removed (for example point downwards to draw in the horizontal plane). Hold both grips and move your hands together or apart to change the size of the edit sphere.
|
|
</div>
|
|
</div>
|
|
<div class="simpleSeparator"></div>
|
|
<div id="grid-section" class="section">
|
|
<h2>Grid settings</h2>
|
|
<div class="property container">
|
|
<label for="horiz-grid-visible">Visible</label>
|
|
<div style="width: 100%">
|
|
<input type='checkbox' id="horiz-grid-visible" style="width: 100%">
|
|
<label for="horiz-grid-visible"> </label>
|
|
</div>
|
|
</div>
|
|
<div class="property container">
|
|
<label for="snap-to-grid">Snap entities to grid</label>
|
|
<div style="width: 100%">
|
|
<input type="checkbox" id="snap-to-grid">
|
|
<label for="snap-to-grid"> </label>
|
|
</div>
|
|
</div>
|
|
<div class="property container">
|
|
<label for="major-spacing">Major grid size <span class="unit">m</span></label>
|
|
<div class="number">
|
|
<input type="number" id="major-spacing" min="1" step="1" />
|
|
</div>
|
|
</div>
|
|
<div class="property container">
|
|
<label for="minor-spacing">Minor grid size <span class="unit">m</span></label>
|
|
<div class="number">
|
|
<input type="number" id="minor-spacing" min="0.2" step="0.2" />
|
|
</div>
|
|
</div>
|
|
<div class="property container">
|
|
<label for="horiz-y">Position (Y axis) <span class="unit">m</span></label>
|
|
<div style="width: 100%">
|
|
<input type="number" id="horiz-y" step="0.1" />
|
|
</div>
|
|
</div>
|
|
<div class="property container">
|
|
<label>Grid line color</label>
|
|
<div style="width: 100%">
|
|
<div id="grid-color" class="color-picker"></div>
|
|
</div>
|
|
</div>
|
|
<div class="property container">
|
|
<label>Move Grid</label>
|
|
<div style="width: 100%">
|
|
<input type="button" id="move-to-selection" value="Align To Selection">
|
|
<input type="button" id="move-to-avatar" value="Align To Avatar">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div id="menuBackgroundOverlay" ></div>
|
|
</body>
|
|
</html>
|