Så får du en gammal handkontroll att fungera i webbläsaremulatorer

Att spela retrospel är härligt. Särskilt om du växte upp med Mega Drive, Super Nintendo och arkader från Capcom och Neo Geo.

Fram till ganska nyligen var det normala att installera en emulator på datorn, konsolen eller mobilen och börja spela. Det var inte svårt, men det krävde vanligtvis flera steg:

• Ladda ner emulatorn.
• Ladda ner ROMs.
• Ladda ner BIOS för vissa system (som PSX).
• Konfigurera emulatorn och handkontrollen.

Vem som helst med en dator och minsta intresse hade fått det att rulla på femton minuter, men människor är väldigt bekväma av sig.

Och därför blir en annan väg nu allt populärare:

Att spela emulatorer direkt i webbläsaren.

Här installerar du ingenting, utan:

1. Du går in på en webbplats som https://gam.onl/ med Chrome, Brave eller Firefox.
2. Du väljer spelet.
3. Och spelar direkt, utan att installera något.

Problemet uppstår när du använder gamla eller speciella handkontroller, som min kära Mad Catz FightPad specialutgåva Street Fighter IV för Xbox, som Windows visserligen upptäcker men inte webbläsaren.

Och ja, jag skulle kunna använda min Xbox-kontroll, som fungerar utan krångel, men när det gäller retro 2D-spel vill jag spela med bästa möjliga styrkors, och det är det som finns på den här kontrollen.

Lösningen var inte att byta handkontroll. Inte ens att använda en USB-adapter för att använda Xbox-kontroller på PS3 som jag redan har hemma.

Nej.

Bättre var att få webbläsaren, i mitt fall Chrome, att upptäcka handkontrollen korrekt.

Och för det fick jag Windows att visa Mad Catz som om den vore en Xbox 360/XInput-kontroll.

Jag förklarar hur.

Problemet: Windows upptäcker handkontrollen, men inte webbläsaren

Första steget var att kontrollera om Windows såg handkontrollen. För det måste man öppna det klassiska verktyget för spelkontroller: 

1. Tryck Win + R
2. Skriv   joy.cpl

Där dök handkontrollen upp som “Arcade Pad (Mad Catz FightPad)”.

Och när jag gick in i egenskaperna tändes knapparna när jag tryckte på dem.

Det bekräftade en viktig sak: handkontrollen fungerar och Windows tar emot dess knapptryckningar, vilket jag redan visste, eftersom jag spelar det ärofyllda KOF 2002 UM på Steam då och då.

Problemet kom efteråt. När jag öppnade en webbplats som https://hardwaretester.com/gamepadupptäcktes inte handkontrollen.:

Alltså: Windows såg Mad Catz, men Chrome gjorde det inte. Och om Chrome inte ser den kommer en webbemulator inte heller att se den.

Varför detta händer (för nördar)

Många emulatorer i webbläsaren använder Gamepad API i webbläsaren. Det API:t fungerar oftast mycket bra med moderna handkontroller, särskilt de som beter sig som en Xbox-kontroll.

Problemet är att vissa gamla Mad Catz FightPad hamnar i Windows som DirectInput/HID-enheter, inte som XInput.

• I praktiken betyder det:
• Windows: upptäcker handkontrollen
• joy.cpl: registrerar knappar
• Chrome/Edge: upptäcker den inte
• EmulatorJS (tekniken för att spela videospel i webbläsaren): upptäcker den inte

Därför är det meningslöst att lägga tid på att mappa om inne i webbemulatorn. Handkontrollen når inte ens webbläsaren.

Lösningen: x360ce v4

Lösningen blev att använda x360ce v4, ett verktyg som kan omvandla en DirectInput-kontroll till en virtuell Xbox 360-kontroll.

Processen ser ut så här:

Mad Catz FightPad > x360ce v4 > virtuell Xbox 360-kontroll > Chrome > EmulatorJS

Det viktiga är att använda x360ce v4, inte den gamla versionen som kopierades in i varje spelmapp. För en webbläsare behöver vi en konvertering på systemnivå, inte en patch för en specifik körbar fil.

Nu tar vi det steg för steg.

Steg 1: kontrollera att x360ce ser Mad Catz

När x360ce öppnas som administratör kan det först dyka upp något som:

• 0 Mapped Devices
• Direct Input – Offline

Det betyder att x360ce är öppet, men att ingen verklig handkontroll ännu är tilldelad.

Man måste gå till fliken Devices.

Där bör något liknande visas: Arcade Pad (Mad Catz FightPad).

I mitt fall visades den tillsammans med tangentbord och mus.

Handkontrollen hade en identifierare som liknade HIDVID_1BAD&PID_F02E.

Den detaljen bekräftar att x360ce faktiskt såg den fysiska enheten.

Steg 2: tilldela Mad Catz till Controller 1

Sedan måste man gå tillbaka till fliken Controller 1 och klicka på Add för att lägga till vår Arcade Pad (Mad Catz FightPad).

När den är korrekt tillagd ska den övre delen ändras från 0 Mapped Devices till 1 Mapped Device.

Sedan måste man markera Enable 1 Mapped Device.

Det steget är viktigt. Om det inte är aktiverat kan x360ce se handkontrollen, men inte göra något användbart med den.

Steg 3: kontrollera att x360ce läser knappar

I början, även om handkontrollen syntes i x360ce, tändes inte knapparna på huvudskärmen. Det kan förvirra, eftersom det ser ut som att den fortfarande inte fungerar.

Nyckeln var att gå in på den specifika enhetsfliken: Direct Input – CCEDA520.

Där kan man kontrollera om x360ce verkligen tar emot knapparna från Mad Catz.

När det är bekräftat att appen läser värden när man trycker på knapparna kan handkontrollen mappas med knappen Remap All eller, bättre för den här handkontrollen utan analoga joysticks, genom att tilldela knapparna manuellt i rullgardinsmenyerna.

Steg 4: mappa FightPad

Det är lite pilligt, eftersom du måste välja med musen den knapp du vill mappa, lämna den tom och trycka på motsvarande knapp på handkontrollen. Kort sagt, en fråga om ett par försök.

Mad Catz FightPad är främst vettig för fightingspel och 2D-emulering, så den rekommenderade layouten är att behålla de sex frontknapparna som på en arcade/fightpad.

Mad Catz FightPad	Virtuell Xbox
Styrkors	D-Pad
Övre vänster knapp	X
Övre mittenknapp	Y
Övre höger knapp	RB
Nedre vänster knapp	A
Nedre mittenknapp	B
Nedre höger knapp	RT
Select / Back	Start
Start	Back

Visuellt, för fightingspel, skulle det se ut så här:

• Övre raden: X Y RB (eller LB, efter preferens)
• Nedre raden: A B RT (eller RB, efter preferens)

I x360ce dök D-Pad för mig upp som:

• POV 1 Up
• POV 1 Left
• POV 1 Right
• POV 1 Down

Det är normalt. På den här handkontrollen upptäcks styrkorset som POV.

Okej, när man är klar och mappningen är korrekt kan x360ce visa något som Map %: 93.

Det är inte 100 % eftersom analoga spakar, vibration eller knappar som FightPad inte har inte används. För 2D-emulering och fightingspel är det viktiga att styrkors, huvudknappar, Start och Back är korrekt tilldelade.

Steg 5: spara konfigurationen

När mappningen är korrekt måste man trycka på Save All.

Men det finns en viktig detalj: högst upp kan det valda spelet visas som x360ce.exe – X360 Controller Emulator.

Det betyder att konfigurationen är kopplad till själva x360ce.

Det kan fungera i webbläsaren, men om det inte gör det är det bra att lägga till Chrome som “spel”.

För att göra det måste du trycka på Add Game…

Och lägga till Chrome från dess sökväg. Öppna den här katalogen: C:Program FilesGoogleChromeApplication och välj chrome.exe.

Sedan väljer man webbläsaren i rullgardinsmenyn “Game” och trycker igen på Save All.

Steg 6: lämna x360ce öppet

Den här punkten är lätt att glömma. För att spela måste x360ce vara öppet eller minimerat. Stäng det inte.

Den rekommenderade ordningen för att allt ska fungera när du vill spela med den här kontrollen eller en liknande i webbläsaren är:

1. Anslut Mad Catz FightPad.
2. Öppna x360ce.
3. Kontrollera att den visas som 1 Mapped Device.
4. Kontrollera att mappningen fortfarande är laddad.
5. Tryck på Save All om något har ändrats.
6. Minimera x360ce.
7. Öppna Chrome eller Edge.
8. Gå in i webbemulatorn.

Om allt är rätt, när du går in igen på https://hardwaretester.com/gamepad och trycker på valfri knapp på handkontrollen, bör webbläsaren inte längre visa “None detected”, utan en kontroll av typen Xbox 360 eller XInput bör visas.

Steg 7 (valfritt, men möjligt): när HidHide ska användas

I den här processen är det inte lämpligt att aktivera “Hide” från början.

HidHide är bara meningsfullt om systemet till slut visar två handkontroller:

1. Arcade Pad (Mad Catz FightPad)
2. Xbox 360 Controller virtual

I så fall kan vissa emulatorer välja fel handkontroll.

Lösningen vore att dölja den verkliga Mad Catz och bara låta den virtuella Xbox-kontrollen vara synlig.

Men om webbläsaren inte direkt upptäcker Mad Catz, som i mitt fall, behöver man inte röra HidHide i början, eftersom man först måste få x360ce att konvertera handkontrollen korrekt.

Diagnossammanfattning

Här är en sammanfattande tabell med möjliga tillstånd:

Test	Resultat	Vad det betyder
joy.cpl	Handkontrollen visas	Windows upptäcker den
Egenskaper för joy.cpl	Knapparna tänds	Handkontrollen fungerar
Hardwaretester	None detected	Chrome ser den inte
x360ce > Devices	Mad Catz visas	x360ce kan hitta den
x360ce > Controller 1	1 Mapped Device	Handkontrollen är tilldelad
x360ce > Map %	93%	Mappningen är nästan komplett
Hardwaretester efter x360ce	Den ska visas som Xbox	Slutmål

Slutsats

Gamla handkontroller som denna Mad Catz FightPad behöver inte bytas ut eller pensioneras. Särskilt inte när det i dag inte finns några “normala” handkontroller med bättre styrkors.

Problemet med dessa pads är att många webbläsare inte fungerar bra med vissa gamla DirectInput/HID-kontroller.

Lösningen är att få Windows att visa den som en virtuell Xbox 360-kontroll med x360ce v4.

Om Windows upptäcker knapparna i joy.cpl finns det goda chanser att du kan få den att fungera. Nyckelpunkten är att webbläsaren ser den konverterade kontrollen som XInput, inte som “Arcade Pad”, och det är vad vi har gjort steg för steg i artikeln.

Så, nu vet du hur du kan börja kasta hadoukens i Chrome utan att hoppa tre gånger vid varje försök.