REM-Client 1fca54f4: the sky between the systems, HUD system targets and jump fixes, nav map galaxy view and zones

Freelancer.exe, common.dll, remui/hud.rml and navmap.rml of REM-Client main 1fca54f4 (built on Linux with
tools/rem/build_linux.py; the other files of the package are unchanged since a1ca764a): the interstellar
sky (stars as points of light, the sector's nebulae), the system target's arrow at the screen's edge and
every system in the drive's reach as a contact, the own system as a jump target from far out, jump holes
moving with the floating origin, WorldPos from the first net state on, the nav map's galaxy view and its
zones at their true positions.

Co-Authored-By: Claude Fable 5.2 <noreply@anthropic.com>
This commit is contained in:
2026-11-13 15:48:27 +01:00
co-authored by Claude Fable 5.2
parent 218917a6c1
commit 1a1ed0d832
5 changed files with 195 additions and 30 deletions
+24
View File
@@ -134,6 +134,26 @@
.w.jump { color: #8fb8d8; }
.w.jump .f { margin-left: 8dp; font-size: 13dp; color: #9fb4c8; }
.w.jump.on { color: #f2b45c; border-left-color: #f2b45c; }
.w.jump.goal { color: #5cc8f0; border-left-color: #5cc8f0; }
.w.jump.wpelse { color: #8197ad; border-left-color: #8197ad; }
.w.jump.wpelse.reach { color: #f2b13c; border-left-color: #f2b13c; }
/* REM: the system picked as the target - a frame in space in its direction (as the target bracket) */
#sysmark { position: absolute; display: none; width: 0; height: 0; }
#sysmark.on { display: block; }
#sysmark .bk { position: absolute; width: 14dp; height: 14dp; border-color: #5cc8f0; }
#sysmark .tl { left: -26dp; top: -26dp; border-left: 2dp; border-top: 2dp; }
#sysmark .tr { left: 12dp; top: -26dp; border-right: 2dp; border-top: 2dp; }
#sysmark .bl { left: -26dp; top: 12dp; border-left: 2dp; border-bottom: 2dp; }
#sysmark .br { left: 12dp; top: 12dp; border-right: 2dp; border-bottom: 2dp; }
#sysmark .dot { position: absolute; left: -4dp; top: -4dp; width: 8dp; height: 8dp; border-radius: 4dp; background-color: #f2c94c; }
#sysmark .t { position: absolute; left: 32dp; top: -20dp; white-space: nowrap; font-family: "Saira SemiCondensed"; font-size: 15dp; color: #dbf3ff; font-effect: shadow(1dp 1dp #03070d); }
#sysmark .t .d { display: block; font-size: 12dp; color: #5cc8f0; }
/* REM: ... out of the picture: an arrow at the screen's edge towards it */
#sysarrow { position: absolute; display: none; width: 0; height: 0; }
#sysarrow.on { display: block; }
#sysarrow .a { position: absolute; left: -14dp; top: -14dp; width: 28dp; height: 28dp; line-height: 28dp; text-align: center; font-size: 24dp; color: #5cc8f0; font-effect: shadow(1dp 1dp #03070d); transform-origin: 50% 50%; }
#sysarrow .t { position: absolute; width: 120dp; text-align: center; white-space: nowrap; font-family: "Saira SemiCondensed"; font-size: 15dp; color: #dbf3ff; font-effect: shadow(1dp 1dp #03070d); }
#sysarrow .t .d { display: block; font-size: 12dp; color: #5cc8f0; }
.cloakbar.jumpbar { background-color: #f2b45c22; }
.cloakbar.jumpbar .fill { background-color: #f2b45c; }
.fp.special { left: 50%; margin-left: -300dp; width: 600dp; bottom: 250dp; decorator: none; pointer-events: none; text-align: center;
@@ -191,6 +211,8 @@
</style>
</head>
<body class="hud" data-model="hud" data-class-editing="editing" data-style-opacity="opacity">
<div id="sysmark"><div class="bk tl"></div><div class="bk tr"></div><div class="bk bl"></div><div class="bk br"></div><div class="dot"></div><div class="t">{{ sysmark_name }}<span class="d">{{ sysmark_dist }}</span></div></div>
<div id="sysarrow"><div class="a" id="sysarrow_tip">&#9650;</div><div class="t" id="sysarrow_text">{{ sysmark_name }}<span class="d">{{ sysmark_dist }}</span></div></div>
<!-- maneuvers -->
<div class="grp g0" data-grp="0" data-style-transform="grp[0].tf" data-class-gone="!grp[0].shown && !editing" data-class-faded="!grp[0].shown && editing">
<div class="tag" data-if="editing" style="left: 50%; margin-left: 310dp; top: 40dp;"><span class="eye" data-action="eye" data-arg="0">{{ grp[0].shown ? 'Hide' : 'Show' }}</span>Maneuvers</div>
@@ -328,6 +350,8 @@
<div class="cloakbar" data-if="has_cloak && cloak_bar"><div class="fill" data-style-width="cloak_width"></div></div>
<div class="w jump" data-if="jump_shown" data-class-on="jump_busy" data-action="jump"><span class="k"></span><span class="n">Jump Drive</span><span class="f">{{ jump_fuel }}</span><span class="a">{{ jump_text }}</span></div>
<div class="cloakbar jumpbar" data-if="jump_shown && jump_bar"><div class="fill" data-style-width="jump_width"></div></div>
<div class="w jump goal" data-if="jump_shown && jump_goal != ''"><span class="k"></span><span class="n">{{ jump_goal }}</span><span class="a">{{ jump_dist }}</span></div>
<div class="w jump wpelse" data-if="jump_shown && wp_else" data-class-reach="wp_else_reach" data-action="wpjump"><span class="k"></span><span class="n">{{ wp_else_text }}</span><span class="a">{{ wp_else_dist }}</span></div>
</div></div>
</div>
</div>