MozillaReality / puzzle-rain

INACTIVE - A musical WebVR journey for the HTC Vive. Brought to you by Mozilla VR.
https://vr.mozilla.org/puzzle-rain/
MIT License
33 stars 11 forks source link

Splash screen: make responsive #14

Closed cvan closed 8 years ago

cvan commented 8 years ago

The splash screen seems to be designed for only large and tall screens:

image

image

Folks are certainly going to be landing on this page from mobile from Twitter. We should make sure the layout responds well to average sizes for mobile, tablet, and desktop.

arturitu commented 8 years ago

This page should be available only from Brandon's Chromium on a Windows machine. For mobile and user without this browser appears: http://unboring.net/tmp/the-composer/fallback.html

I use this logic to enter on fallback mode: if (navigator.getVRDisplays === undefined) { window.location.replace('fallback.html'); }

Any suggestion to improve it?

cvan commented 8 years ago

This page should be available only from Brandon's Chromium on a Windows machine.

What if I'm on Chrome for Android mobile with WebVR v1.0 support?

For mobile and user without this browser appears: http://unboring.net/tmp/the-composer/fallback.html

Right on! Looks good at mobile width 👍

arturitu commented 8 years ago

Make responsive on b69abf7