Jump to content

HTML games with VR and 360° support, possible?


BdR
 Share

Recommended Posts

I recently got one of those VR headsets where you put in your phone for the display. It's like cardboard only slightly better, with a more sturdy plastic phone holder and a head strap. It's pretty cheap but works surprisingly well with the default YouTube app and some 360 videos.

052716_cheap_vr_headset_slide_2_fs.max-7

It is possible to create vr apps and demos using HTML5/JavaScript, for example: Google VR has a JavaScript library that can display 360 images, Glam.js demos.

So I was wondering if it's possible to create HTML5 vr games? Would be pretty cool for escape the room games, where you can look around in 360 degrees.

Although technically I guess it's possible, I don't think there's a real market for such games. Seeing as HTML is mostly used for small webportal games, people with Oculus/HTCVive probably won't bother with HTML5, and people with a cardboard headset don't have powerful enough phones. Any thoughts?

Link to comment
Share on other sites

I was planning to do a VR project for fun in the not too distant future,  but my current project keeps dragging on :/

Anyhow,  yes, there are possibilities.  You could take a look at playcanvas, i recall seeing something ...

Demo:

https://playcanv.as/p/09VLfTTn/

Their blog post of last year: 

https://blog.playcanvas.com/easy-cardboard-vr-in-webgl/

A youtube of their editor:

 

 

There's also the opp to do some augmented reality,  using a phone's camera and super imposing html5 2d.

 

 

Link to comment
Share on other sites

  • 3 years later...

Quick update on the subject :

Yes you can create VR and AR (Augmented reality) on the browser thanks to the webXR standard. Frameworks like Aframe or Babylonjs directly support it. 

If you are more of a unity export guy, Mozilla had a exporter but De-Panther and Rufus31415 improved it a lot!

For more help from the webxr community, you can have a look at the discord : https://discord.gg/Pf6XnhvkZv (I am slt#2291 on discord)

Happy creating!

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...
 Share

  • Recently Browsing   0 members

    • No registered users viewing this page.
×
×
  • Create New...