Exile Armory: sfeer is ook een feature

door Jeroen Stengs, Front-end developer

Elke Path of Exile-speler kent het probleem: je builds leven verspreid over tools, spreadsheets en screenshots. Voor mijn eigen personages wilde ik één plek — een archief. De makkelijke versie was een tabel met stats geweest. Functioneel, snel gebouwd, en compleet zielloos.

Maar Path of Exile 2 is geen spreadsheet. Het is een donkere, geschilderde wereld vol doem en drama. Een archief van je personages hoort daar bij te passen.

Art direction eerst, code daarna

Voor ik één component bouwde, heb ik een moodboard gemaakt: oude kronieken, museumcatalogi, de typografie van klassieke boekdrukkunst. Daaruit kwam de richting — "The chronicled exploits of Jeroen's exiles. Every build, every affix — chronicled by hand."

Die ene zin werd het toetsingskader voor elke beslissing. Serif-letters met wijde letterspatiëring? Past bij een kroniek. Felle neonkleuren en glasmorfisme? Past niet, weg ermee. Als je de toon eenmaal scherp hebt, worden designkeuzes ineens makkelijk.

Typografie doet het zware werk

Het grootste deel van de sfeer komt niet van illustraties maar van tekst. Goud-op-donker, royale witruimte, kleine ornamenten tussen secties, kapitalen met brede tracking voor de navigatie. Typografie is het goedkoopste en krachtigste sfeermiddel dat er bestaat — het weegt nul kilobytes aan afbeeldingen.

Daarbovenop kwam een dun laagje beweging: zwevende stofdeeltjes, vogels die traag door de lucht glijden, een landschap dat nét ademt. Subtiel genoeg dat je het pas opmerkt als je stilzit.

De grens: sfeer mag nooit vertragen

Donkere full-screen artwork en deeltjeseffecten zijn een recept voor een trage site als je niet oplet. Dus: afbeeldingen agressief gecomprimeerd, deeltjes op canvas in plaats van honderden DOM-elementen, en animaties die pauzeren zodra je prefers-reduced-motion aan hebt staan.

Sfeer is een feature — maar performance is een randvoorwaarde. In die volgorde.

Waarom eigen projecten ertoe doen

Niemand betaalde me voor Exile Armory. Juist daarom kon ik er dingen leren die in klantwerk zelden passen: extreme art direction, een compleet eigen typografisch systeem, deeltjeseffecten. En het gekke is: precies die experimenten maken het klantwerk daarna beter.

Bouw dus af en toe iets voor jezelf. Het hoeft niet nuttig te zijn. Het moet alleen af.

Meer artikelen

The Purple Folder: een paarse map digitaal maken zonder de ziel te verliezen

Hoe vertaal je een beduimelde familiemap vol recepten naar het web? Over skeuomorf design, plakband en de charme van imperfectie.

Lees verder

Een game bouwen zonder engine: de lessen van Space Wars

Geen Unity, geen Phaser — alleen het canvas-element en TypeScript. Wat ik leerde van het bouwen van een complete arcade-shooter vanaf nul.

Lees verder

Klaar om iets moois te bouwen?

Vertel me over je project — van een eerste idee tot een compleet plan. Ik denk graag met je mee.