Waarom Whiteout?
Whiteout is geen tech demo: het is een volledig speelbare 3D zombie runner shooter die draait in elke moderne browser en als een Android-app klaar is om in een APK te bouwen. Je rent non-stop over een bevroren veld in een sneeuwstorm, een dode stad aan de horizon, terwijl de doden uit de mist tevoorschijn komen. Richt, schiet en overleef zoveel mogelijk meters als je kunt.
- Eerste persoon met vrije aim: hoofdschoten doden onmiddellijk, schoten op het lichaam hebben er twee nodig en schoten op de benen laten een zombie kruipen (afsnijding)
- 4 wapens: pistool, pomp shotgun, hefgeweer (doorborend) en een volautomatisch SMG
- 6 stapelbare roguelite perks, aangeboden elke paar honderd meter
- 6 niveaus van horror: het witte veld, de opgehangen, de gekruisigde, de grote, mutatie en de roedel
- Kogelcamera in ultra slow motion, plus een kill cam bij kill streaks
- Hekken die je automatisch oversteekt, struiken waar je hoort voordat je ziet, door de wind gewaaid gras shader
- Volledig gesynthetiseerde Web Audio: positionele kreten, voetstappen in de sneeuw, schoten en wind die tot stilte komt wanneer iets dichtbij komt
- Toetsenbord/muis en aanraakbediening, portret of landschap
- Engels en Spaans (automatisch gedetecteerd), grafische kwaliteit, volume, haptics en opgeslagen records
01. Hordes die nooit stoppen
Elke run legt een gloednieuwe route vast. De moeilijkheidsgraad stijgt met de afstand: meer zombies, snellere, lopers die recht op je af sprinten en steeds grotere roedels. Een bereikt je en de run is voorbij.
02. Kogelcamera bij hoofdschoten
Af en toe wordt een hoofdshot herhaald vanuit de kant van de kogel: de camera draait rond de kogel in ultra slow motion tot aan de impact. Kill streaks activeren een ingezoomde kill cam.
03. Wapens en perks
Wapens liggen in het veld onder een lichtstraal. Raak er een aan en de tijd vertraagt terwijl je beslist of je je wapen wilt ruilen. Elke paar honderd meter kies je een van de drie perks: Snelle Handen, Doorborende Kogels, Uitgebreide Mag, Haar Trigger, Vlotte Voet of Tweede Wind (duwt de volgende greep weg).
04. Zes niveaus van horror
Elk niveau voegt een nieuwe bedreiging toe: opgehangen lichamen die je grijpen als je eronder rent, gekruisigde zombies die schreeuwen als je passeert, de grote die een heel magazijn absorbeert, een mutant die in een zigzag rent en, tot slot, roedels honden.
05. Web en Android
Het Capacitor project is volledig ingesteld: pictogram, splash, fullscreen, portret of landschap, en het scherm blijft wakker. Eén commando bouwt de debug APK en, met je keystore, de ondertekende APK voor Google Play. Op het web wordt het ingezet als een statische site naar elke host.
100% procedureel: geen licentieproblemen
Zombies, honden, de baas, bomen, wapens, hekken, het bevroren gras en de stad zijn allemaal opgebouwd uit blokken in code. Geluid wordt in realtime gesynthetiseerd. Er zijn geen modellen, texturen of audiobestanden van derden om te licentiëren.
Schone, gemakkelijk te modificeren architectuur
- ~6.500 regels strikte TypeScript; three.js is de enige runtime afhankelijkheid
- Elke gameplay waarde bevindt zich in
config.ts: snelheden, golven, munitie, mist, niveaus
- Pure regels gescheiden van rendering in
logic.ts, met 56 eenheidstests (Vitest)
- Strings in
i18n.ts: een taal toevoegen betekent één woordenboek toevoegen
- README die opzet, bediening, projectindeling en de Android-build behandelt
Tech stack
- TypeScript · three.js (WebGL)
- Vite
- Capacitor (Android)
- Vitest
- Web Audio API
Vereisten
- Node.js 20+
- Een browser met WebGL (desktop of mobiel)
- Voor Android: JDK 21 en Android SDK 35 (of Android Studio)
−33%
