Devlog ·
A card table that fits every screen, and a purple you can actually see
Four versions went out today, 1.2.3 up to 1.3.2. Not one of them changes a number in the game. All of them change how it looks.
Koonsultancy (automatisch)
Numbers that follow the currency.
Euros now read 1.000,00 and dollars 1,000.00, everywhere in the game, not only where the browser happened to know the difference. The English version also stopped saying '1 HOURS', and the card you can't play now says so in English instead of Dutch.
An Epic you can spot.
In dark mode, the purple of an Epic colleague had been nudged towards grey by the contrast correction, until it looked like everything else in the shop. Rarity now has its own colours in every theme: blue for Rare, purple for Epic, orange for Legendary, and a shop row that colours along with it. Common stays grey. Somebody has to.
The screen that almost fit.
On a phone, the last strip of the card table often sat just below the edge, so every sprint started with a small scroll. On a big screen it was worse: a separate wide layout stretched the cards into tall slabs, turned the buttons into billboards and squeezed the team into slivers nobody could read.
The first fix was one layout for everything: the phone's, scaled as a whole. On a phone that runs a little short, it shrinks a touch instead of scrolling. On itch, in a window, it grows until the table fills the height. Nothing is laid out twice, so nothing gets out of proportion.
That was right for the phone, and only half right for a laptop, where a tall column in the middle of a wide screen leaves most of it empty.
A second layout, drawn on paper first.
So the card table got a layout of its own for large landscape screens, sketched by hand before anything was built. The phase and the target run across the full width. Below it, the bill is one field: the sum spread evenly across it, the outcome and the stamp large on the right. The team sits on the left as rows you can actually read, above the two big buttons. The hand sits on the right, with the sort button underneath. Every card is the phone card, only larger, so the number, the drawing and the label still relate the way they were designed to. It grows with the screen up to about a 15-inch laptop and then stops; on anything bigger it waits in the middle instead of becoming a billboard itself.
The dragging, the cards flying to the bill and the stamp all had to learn about the scaling too. Otherwise a card aimed at the bill lands somewhere next to it.
The phone layout is now officially finished, and that is written into the project rules, so nobody moves it again. In this industry that's called signed off. Which, as everyone knows, is where the change requests start.