108 lines
4.8 KiB
Plaintext
108 lines
4.8 KiB
Plaintext
<!DOCTYPE html>
|
||
<html>
|
||
<meta Content-Type: application/javascript; charset=UTF-8>
|
||
<link rel="stylesheet" type="text/css" href="./css/style.css">
|
||
<body>
|
||
<div class="big_container">
|
||
<div class="menu_ico">
|
||
<div>
|
||
</div>
|
||
<div class="slidecontainer">
|
||
<div id="sheet1" class="sheet">
|
||
<small>Поворот сцены — мышь + зажата левая нопка</small>
|
||
<br>
|
||
<small>Перемещение сцены — мышь + левая кнопка + shift</small>
|
||
<br>
|
||
<small>Масштаб — прокрутка или зажатие колесика</small>
|
||
<br>
|
||
<br>
|
||
<div>Море</div>
|
||
<input id="range" type="range" min="1" max="50" value="1" class="slider">
|
||
</div>
|
||
<div id="sheet2" class="sheet hide">
|
||
<small>Клик выделяет кубик — точку границы коллизии</small>
|
||
<br>
|
||
<small>Мышь + зажатая левая кнопка — перемещение кубика</small>
|
||
<br>
|
||
<small>Кнопка "Проверить" активирует движение корабля</small>
|
||
<br>
|
||
<br>
|
||
<div>Море</div>
|
||
<input id="range" type="range" min="1" max="50" value="1" class="slider">
|
||
</div>
|
||
|
||
<div id="checkbox-container">
|
||
<div>
|
||
<input type="checkbox" id="map" name="map" />
|
||
<label for="map">Карта</label>
|
||
</div>
|
||
<div>
|
||
<input type="checkbox" id="collision_edit" name="collision_edit" />
|
||
<label for="collision_edit">Редактировать коллизию</label>
|
||
</div>
|
||
<div>
|
||
<input type="checkbox" id="collision_edit2" name="collision_edit" disabled = "true" checked />
|
||
<label for="collision_edit2">Обход по кривой Лагранжа</label>
|
||
<button id="lagr_test" disabled = "true">Проверить путь</button>
|
||
</div>
|
||
<div>
|
||
<input type="radio" id="border_left" name="border" value="left" />
|
||
<label for="border_left">Левая граница</label>
|
||
|
||
<input type="radio" id="border_right" name="border" value="right" checked/>
|
||
<label for="border_right">Правая граница</label>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="container">
|
||
<canvas id="c"></canvas>
|
||
<canvas id="canvas_temp"></canvas>
|
||
<canvas id="canvas_temp2"></canvas>
|
||
<div class="top-div"></div>
|
||
</div>
|
||
</div>
|
||
<script>
|
||
window.container = document.querySelector(".container");
|
||
window.canvas = document.querySelector('#c');
|
||
window.canvas2 = document.querySelector('#canvas_temp');
|
||
window.ctx2 = canvas2.getContext("2d");
|
||
canvas2.width = 750;
|
||
canvas2.height = 500;
|
||
|
||
window.canvas3 = document.querySelector('#canvas_temp2');
|
||
window.ctx3 = canvas3.getContext("2d");
|
||
canvas3.width = 750;
|
||
canvas3.height = 500;
|
||
// container.appendChild(canvas2);
|
||
window.loading_text = document.querySelector('.top-div');
|
||
|
||
const base_path = "<%=base_path%>";
|
||
</script>
|
||
<script src="./scripts/three.js"></script>
|
||
|
||
<script src="<%=base_path%>/socket.io/socket.io.js"></script>
|
||
<script src="./scripts/three.module.js"></script>
|
||
<script src="./scripts/OrbitControls.js"></script>
|
||
<script src="./scripts/GLTFLoader.js"></script>
|
||
<script src="./scripts/fflate.module.js"></script>
|
||
<script src="./scripts/NURBSUtils.js"></script>
|
||
<script src="./scripts/NURBSCurve.js"></script>
|
||
<script src="./scripts/FBXLoader.js"></script>
|
||
<script src="./assets/textures.js"></script>
|
||
<script src="./assets/models.js"></script>
|
||
<script src="./assets/models_man.js"></script>
|
||
<script src="./scripts/water.js"></script>
|
||
|
||
<script src='./shaders/shaders.js'>
|
||
|
||
</script>
|
||
|
||
<script type='module'>
|
||
import * as SkeletonUtils from './scripts/SkeletonUtils.js';
|
||
window.SkeletonUtils = SkeletonUtils;
|
||
</script>
|
||
|
||
<script src="./scripts/main.js"></script>
|
||
</body>
|
||
</html> |