8bitworkshop VR Arcade

Demo:

• Open the WebXR browser on your VR headset
• Go to https://sehugg.github.io/vrarcade (or use Oculus launch link)

To play a game, point at its screen and pull the trigger.

Control the game with the thumbstick and trigger on your motion controller.

The virtual stick and buttons look nice, but are not yet functional, so you can't play with hand-tracking yet.

Description

This project uses WebXR to create playable arcade cabinets in immersive augmented reality!

• Use your own ROM
• Customize your cabinet shape and artwork
• Place multiple cabinets wherever you want
• Click the screen to start the game!

Development

• clone or download the repo
• npm i
• For development: npm run dev
• For production: npm run build then to preview what was built npm run preview (contents are in dist/ folder)

Customization

To create your own games:

• Edit config.ts to add your own cabinet definitions.
• Modify CABINET_MAP to map identifiers to cabinet configs.
• Modify ARCADE_SCENE_CONFIG to place cabinets around the room.

ROMs

Look at public/games for ROM and video examples. Only the NES platform is supported right now.

Parametric model

This creates cabinets using JSON objects and a couple of JPG/PNG files. Look at CABINET_SOLARIAN and CABINET_CLIMBER for examples. Also look at public/cabinets for texture maps.

Using your own model (in .glb format)

Look at CABINET_MODEL_BASE for an example. (Model-based cabinets are not used in the current demo.)