68 lines
2.7 KiB
HTML
68 lines
2.7 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="ru">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<title>3D Конструктор Шкафа</title>
|
||
<!-- Путь к CSS оставляем относительным -->
|
||
<link rel="stylesheet" href="css/style.css">
|
||
</head>
|
||
<body>
|
||
|
||
<!-- UI панель без изменений -->
|
||
<div id="ui-panel">
|
||
<div class="control-group">
|
||
<h3>Габариты (мм)</h3>
|
||
<div class="control-row">
|
||
<label for="width-slider">Ширина</label>
|
||
<input type="range" id="width-slider" min="600" max="2400" value="1200" step="10">
|
||
<span id="width-value">1200</span>
|
||
</div>
|
||
<div class="control-row">
|
||
<label for="height-slider">Высота</label>
|
||
<input type="range" id="height-slider" min="800" max="2700" value="2000" step="10">
|
||
<span id="height-value">2000</span>
|
||
</div>
|
||
<div class="control-row">
|
||
<label for="depth-slider">Глубина</label>
|
||
<input type="range" id="depth-slider" min="300" max="800" value="500" step="10">
|
||
<span id="depth-value">500</span>
|
||
</div>
|
||
</div>
|
||
<div class="control-group">
|
||
<h4>Наполнение (ячейки)</h4>
|
||
<div class="control-row">
|
||
<label for="columns-input">Колонки</label>
|
||
<input type="number" id="columns-input" min="1" max="10" value="3">
|
||
</div>
|
||
<div class="control-row">
|
||
<label for="rows-input">Ряды</label>
|
||
<input type="number" id="rows-input" min="1" max="10" value="4">
|
||
</div>
|
||
</div>
|
||
<div class="control-group">
|
||
<h4>Материал корпуса</h4>
|
||
<div id="material-selector"></div>
|
||
</div>
|
||
<div id="price-container">
|
||
<div class="price-label">Итоговая стоимость</div>
|
||
<div class="price-value" id="price-display">0 ₽</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!--
|
||
### ИЗМЕНЕНИЕ: Возвращаем importmap с абсолютными ссылками на внешний CDN ###
|
||
-->
|
||
<script type="importmap">
|
||
{
|
||
"imports": {
|
||
"three": "https://unpkg.com/three@0.165.0/build/three.module.js",
|
||
"three/addons/": "https://unpkg.com/three@0.165.0/examples/jsm/"
|
||
}
|
||
}
|
||
</script>
|
||
|
||
<!-- Путь к main.js оставляем относительным -->
|
||
<script type="module" src="js/main.js"></script>
|
||
</body>
|
||
</html> |