yanjie/JE-Skin
9
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 2 Wiki Activity

Refine sample delivery force UI and mapping

Browse Source
This commit is contained in:
lenn
2026-06-09 18:26:14 +08:00
parent 821800beb1
commit 2828eaafb5
10 changed files with 29 additions and 226 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
src/lib/components/SpatialForcePanel.svelte
View File

@@ -20,6 +20,7 @@
return delta === -180 ? 180 : delta;
}
const displayAngleOffsetDeg = 90;
const jumpAngleThresholdDeg = 72;
let visualAngleDeg = 0;
@@ -95,7 +96,7 @@
spatialForce !== null &&
Number.isFinite(spatialForce.angleDeg) &&
(!requireMagnitude || (Number.isFinite(spatialForce.magnitude) && Math.abs(spatialForce.magnitude) >= 0.0001));
$: angleDeg = hasData ? normalizeAngle(spatialForce?.angleDeg ?? 0) : 0;
$: angleDeg = hasData ? normalizeAngle((spatialForce?.angleDeg ?? 0) + displayAngleOffsetDeg) : 0;
$: updateVisualAngle(angleDeg, hasData);
</script>
@@ -136,10 +137,10 @@
</div>
{/if}
<div class="compass-center"></div>
<span class="compass-label label-top">90</span>
<span class="compass-label label-right">0</span>
<span class="compass-label label-bottom">270</span>
<span class="compass-label label-left">180</span>
<span class="compass-label label-top">0</span>
<span class="compass-label label-right">270</span>
<span class="compass-label label-bottom">180</span>
<span class="compass-label label-left">90</span>
</div>
</div>