Skip to content
These are some experiments to prove the ideas to make console games on web browsers.
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
WebVROnFxOS
css
images
js
lib
models/monster
stylesheets
LICENSE
README.md
gamepad.html
params.json
physicsThreeDemo.html
physicsWorkerThreeDemo.html
simpleWorker.html
sponza.html
sponzaM.html
webar.html
webvr.html
workerGL.html

README.md

Gamepad on Web browser

Reference

W3C, http://www.w3.org/TR/gamepad/

MDN, https://developer.mozilla.org/en-US/docs/Web/API/Gamepad

Gecko

Gamepad WebIDL, https://dxr.mozilla.org/mozilla-central/source/dom/webidl/Gamepad.webidl

Gamepad source code, https://dxr.mozilla.org/mozilla-central/source/dom/gamepad/GamepadService.cpp#546

Install Xbox controller driver of Mac

https://github.com/d235j/360Controller/releases

HTML5 Gamepad Tester

http://html5gamepad.com

VR on Web browser

MozVR, http://mozvr.com/

WebVR lands in Firefox Nightly, http://mozvr.com/posts/webvr-lands-in-nightly/

Downloads

Nightly Firefox

https://nightly.mozilla.org

WebVR Add-on

http://mozvr.com/downloads/

Disable E10s

Firefox Nightly includes core WebVR functionality, but it is disabled by default. The WebVR Add-On enables WebVR and disables multiprocess browsing (E10S), a new feature which is currently incompatible with WebVR. Once you have installed Firefox Nightly, open it, install the Add-On, and then follow the prompt to restart the browser. Once you've configured your displays (see below) you will be ready to start experiencing the VR web!

Enable vr

Enter about:config on your url bar and set dom.vr.enabled to true

For mobile users, Firefox for Android now also supports WebVR in Nightly builds.

Gecko

Navigator getVRDevices, https://dxr.mozilla.org/mozilla-central/source/dom/webidl/Navigator.webidl#337

WebGL on Worker

OffscreenCanvas, https://developer.mozilla.org/en-US/docs/Web/API/OffscreenCanvas

Downloads

Nightly Firefox

https://nightly.mozilla.org

Disable E10s

Enable offscreencanvas

Enter about:config on your url bar and set gfx.offscreencanvas.enabled to true

AR on Web browser

This is inspired by Jerome Etienne's slides, and it is based on three.js and js-aruco

How to use

Print this marker

alt text

at a white paper.

This demo will catch the marker and show a monster on it.

You can’t perform that action at this time.