The track plans are the map screen's drawing again
With the models resolving properly there is nothing left to infer, so the inference goes. Out: the gate tracing, the route/field test, the collapse of each wall bar to a centreline, the dropping of "isolated" placements. Every one of those existed to make sense of a track that appeared to be one model repeated, and it is not. What is left is what the map screen does. Every placement, its model's GaugeImage looked up by name, laid down rotated and positioned, at the LOD the engine would pick for that scale, in the palette the display is configured with, on the display's own black. So the walls are grey because index 51 is grey and the score zones are amber because sc50 and sc500a are drawn in 56 - nothing on the page is a styling choice. Also right way round now: +X runs right and +Z up, matching the engine and the map viewer. The nine console pictures are still here, below each drawing where they exist, captioned as mirrored - they are illustrations rather than screenshots, and the page no longer quietly adopts their handedness for everything else.
This commit is contained in:
+14
-6
@@ -106,17 +106,25 @@ h1 em { font-style: normal; color: var(--sys); }
|
||||
|
||||
.plan {
|
||||
margin: 0 0 1rem; display: flex; flex-direction: column;
|
||||
align-items: center; gap: .5rem;
|
||||
align-items: center; gap: .45rem;
|
||||
}
|
||||
.plan--console { margin-top: -.4rem; opacity: .85; }
|
||||
.plan__src {
|
||||
font: 500 var(--step--1)/1 var(--mono); letter-spacing: .1em;
|
||||
font: 500 var(--step--1)/1.3 var(--mono); letter-spacing: .08em;
|
||||
text-transform: uppercase; color: var(--ink-low); text-align: center;
|
||||
}
|
||||
|
||||
/* The map screen's own drawing: a real image in the game's palette on the
|
||||
display's own black, so it reads the same in either theme. */
|
||||
.plan__img {
|
||||
/* The mask is drawn with contain, so clamping the box letterboxes the
|
||||
art rather than stretching it - a portrait console map stays legible
|
||||
beside a squat arena. */
|
||||
display: block; width: 100%; max-width: 15rem; max-height: 22rem;
|
||||
display: block; width: 100%; max-width: 15rem; max-height: 24rem;
|
||||
height: auto; object-fit: contain; background: #000;
|
||||
border: 1px solid var(--rule); image-rendering: pixelated;
|
||||
}
|
||||
|
||||
/* The console's picture is line art, so it is tinted like type instead. */
|
||||
.plan__mask {
|
||||
display: block; width: 100%; max-width: 11rem; max-height: 18rem;
|
||||
aspect-ratio: var(--ar);
|
||||
background-color: var(--ink-mid);
|
||||
-webkit-mask-image: var(--art); mask-image: var(--art);
|
||||
|
||||
Reference in New Issue
Block a user