Hoe je retro games in je browser speelt

Moderne browsers hebben WebAssembly ingebouwd, een instructieset die bijna native snelheid bereikt. Dat is genoeg rekenkracht om consoles tot en met de Game Boy Advance en Sega Saturn comfortabel op een middenklasse laptop te emuleren, en zelfs een telefoon kan 8-bits en 16-bits systemen zonder moeite aan. Er is geen plugin om te installeren, geen Java, geen Flash — de browser is de runtime.

De twee engines die vandaag tellen zijn EmulatorJS (een fork van libretro cores ) en een handvol custom WebAssembly ports. De meeste browser-gebaseerde retro gamessites — inclusief deze — integreren één of beide in een dunne React of vanilla-JS shell, geven het een ROM -bestand en laten de gebruiker spelen.

Blader door de catalogus op platform (NES, SNES, Genesis, GBA, enz.) of op categorie (actie, RPG, puzzel, fighting). De meeste browser-bibliotheken bevatten 1.000-3.000 titels uit het cartridge-tijdperk; de onze heeft er 2.074 op dit moment. Zoek naar het platformbadge op elke kaart om compatibiliteit te bevestigen — alles gelabeld als NES/SNES/GB/GBA/MD/MS/PCE draait soepel op een telefoon, terwijl N64/PS1/Saturn een desktopbrowser nodig hebben om 60 FPS vast te houden.

Druk op de Play-knop op de spelpagina. Drie dingen gebeuren achter de schermen: de emulator core (een 1-3 MB WebAssembly-module) downloadt, de ROM downloadt uit een openbaar archief, en de audio context initialiseert. De totale koudstarttijd is meestal 5-15 seconden, afhankelijk van de ROM-grootte en je verbinding. Als de emulator opstart, worden speelopslag en schermafbeelding beschikbaar.

Standaard toetsenbordtoewijzingen:

• Pijltjestoetsen — D-pad / beweging
• Z — A-knop (actie / bevestigen)
• X — B-knop (annuleren / secundaire actie)
• A / S — X / Y op systemen met vier face buttons
• Enter — Start
• Shift — Select
• F2 — Speelopslag opslaan
• F4 — Speelopslag laden

Op mobiel verschijnen de on-screenbesturingselementen automatisch op het scherm. Voor de beste ervaring sluit je een USB of Bluetooth controller aan op je computer of telefoon — de meeste browsers stellen de Gamepad API beschikbaar en de emulator gebruikt deze automatisch zonder extra configuratie.

• Gebruik speelopslag veel — het kost niets, en het is de enige reden waarom browser-emulatie beter aanvoelt dan de originele hardware ooit deed.
• Als audio hakkel, verlaag je aantal tabbladen. WebAssembly concurreert om dezelfde audio worklet thread als andere tabbladen.
• Fullscreen (F11 op de meeste browsers) verwijdert de window chrome en geeft je de schoonste ervaring op een laptop.
• Voor de langste batterijduur op een laptop kies je voor 8-bits en 16-bits systemen — ze gebruiken minder dan 5% CPU in idle.