mirror of
https://github.com/CNCKitchen/stlTexturizer.git
synced 2026-04-07 22:11:32 +00:00
Refactor code structure for improved readability and maintainability
This commit is contained in:
+15
-7
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user