Spaces:
Running
Running
feat: display FOV and distance in preview panel
Browse files- app.py +3 -1
- index.html +12 -0
app.py
CHANGED
|
@@ -443,7 +443,9 @@ def generate_3d(
|
|
| 443 |
_finish_progress()
|
| 444 |
return {
|
| 445 |
"render_paths": render_files,
|
| 446 |
-
"state_path": os.path.abspath(state_path)
|
|
|
|
|
|
|
| 447 |
}
|
| 448 |
|
| 449 |
@app.api()
|
|
|
|
| 443 |
_finish_progress()
|
| 444 |
return {
|
| 445 |
"render_paths": render_files,
|
| 446 |
+
"state_path": os.path.abspath(state_path),
|
| 447 |
+
"camera_angle_x": camera_params['camera_angle_x'],
|
| 448 |
+
"distance": camera_params['distance'],
|
| 449 |
}
|
| 450 |
|
| 451 |
@app.api()
|
index.html
CHANGED
|
@@ -706,6 +706,10 @@
|
|
| 706 |
<div style="font-family: monospace; font-weight: 700; color: var(--primary); font-size: 0.8rem;">
|
| 707 |
VIEW_ANGLE: <span id="angle-display">00</span>°
|
| 708 |
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
| 709 |
</div>
|
| 710 |
</div>
|
| 711 |
</div>
|
|
@@ -962,6 +966,14 @@
|
|
| 962 |
|
| 963 |
stopProgressListener();
|
| 964 |
populateFrames(generationResult.render_paths);
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 965 |
setStep(2);
|
| 966 |
hideLoading();
|
| 967 |
showToast("Generation complete!");
|
|
|
|
| 706 |
<div style="font-family: monospace; font-weight: 700; color: var(--primary); font-size: 0.8rem;">
|
| 707 |
VIEW_ANGLE: <span id="angle-display">00</span>°
|
| 708 |
</div>
|
| 709 |
+
<div id="camera-info" style="font-family: monospace; font-size: 0.75rem; color: var(--text-dim); display: none; border-left: 1px solid var(--border); padding-left: 1rem;">
|
| 710 |
+
<span>FOV: <span id="fov-display" style="color: var(--accent);">--</span> rad</span>
|
| 711 |
+
<span style="margin-left: 0.75rem;">Dist: <span id="dist-display" style="color: var(--accent);">--</span></span>
|
| 712 |
+
</div>
|
| 713 |
</div>
|
| 714 |
</div>
|
| 715 |
</div>
|
|
|
|
| 966 |
|
| 967 |
stopProgressListener();
|
| 968 |
populateFrames(generationResult.render_paths);
|
| 969 |
+
|
| 970 |
+
// Display camera info
|
| 971 |
+
if (generationResult.camera_angle_x != null) {
|
| 972 |
+
document.getElementById('fov-display').textContent = generationResult.camera_angle_x.toFixed(3);
|
| 973 |
+
document.getElementById('dist-display').textContent = generationResult.distance.toFixed(3);
|
| 974 |
+
document.getElementById('camera-info').style.display = 'inline';
|
| 975 |
+
}
|
| 976 |
+
|
| 977 |
setStep(2);
|
| 978 |
hideLoading();
|
| 979 |
showToast("Generation complete!");
|