Refactor code structure for improved readability and maintainability

This commit is contained in:
CNCKitchen
2026-03-18 09:31:21 +01:00
parent 2c3db843a9
commit f88504696d
18 changed files with 193 additions and 303 deletions
+15 -7
View File
@@ -88,13 +88,13 @@
<div class="form-row">
<label for="mapping-mode">Mode</label>
<select id="mapping-mode">
<option value="5" selected>Triplanar</option>
<option value="6">Cubic (Box)</option>
<option value="3">Cylindrical</option>
<option value="4">Spherical</option>
<option value="0">Planar XY</option>
<option value="1">Planar XZ</option>
<option value="2">Planar YZ</option>
<option value="3">Cylindrical</option>
<option value="4">Spherical</option>
<option value="5">Triplanar</option>
<option value="6" selected>Cubic (Box)</option>
</select>
</div>
</section>
@@ -134,6 +134,11 @@
<input type="range" id="offset-v" min="-1" max="1" step="0.01" value="0" />
<input type="number" class="val" id="offset-v-val" value="0" min="-1" max="1" step="0.01" />
</div>
<div class="form-row slider-row">
<label for="rotation">Rotation</label>
<input type="range" id="rotation" min="0" max="360" step="1" value="0" />
<input type="number" class="val" id="rotation-val" value="0" min="0" max="360" step="1" />
</div>
</section>
<!-- Displacement -->
@@ -141,8 +146,8 @@
<h2>Displacement</h2>
<div class="form-row slider-row">
<label for="amplitude">Amplitude</label>
<input type="range" id="amplitude" min="-1" max="1" step="0.01" value="0.5" />
<input type="number" class="val" id="amplitude-val" value="0.5" min="-1" max="1" step="0.01" />
<input type="range" id="amplitude" min="-2" max="2" step="0.01" value="0.5" />
<input type="number" class="val" id="amplitude-val" value="0.5" min="-100" max="100" step="0.01" />
</div>
</section>
@@ -253,7 +258,10 @@
Smaller edge length = finer displacement detail. Output is then decimated to the triangle limit.
</p>
<div id="export-progress" class="export-progress hidden">
<div id="export-progress-bar" class="export-progress-bar"></div>
<div class="export-progress-track">
<div id="export-progress-bar" class="export-progress-bar"></div>
<span id="export-progress-pct" class="export-progress-pct"></span>
</div>
<span id="export-progress-label">Processing…</span>
</div>
<button id="export-btn" class="export-btn" disabled>Export STL</button>