kovacsv / Online3DViewer

A solution to visualize and explore 3D models in your browser.
https://3dviewer.net
MIT License
2.56k stars 548 forks source link

VR Mode #4

Open luiselkano opened 7 years ago

luiselkano commented 7 years ago

Hi,

First of all, thank you for your project because it is what I need, and it would be perfect if the embeddable mode could enter into a mode compatible with google cardboard.

Three.js allows it, as you can see in https://threejs.org/examples/#webvr_cubes so I hope it would not be a huge task and I think it will give online3dviewer a great improvement

06nH commented 3 years ago

A few years later... I also would love to see a VR mode. With so many good and affordable headsets around these days it seems worth having an open platform that supports viewing any model in VR. To counter a 'walled' metaverse it might be worth considering the WebXR spec. Mozilla have done a demo here: https://mixedreality.mozilla.org/hello-webxr/. The spec is here: https://www.w3.org/TR/webxr/. I would love to help develop this, but I am not a coder. Perhaps there is another way I can contribute.

Marco-Pellegrino commented 2 years ago

@kovacsv VR should be an easy implementation? :)

digitalbirth commented 1 year ago

there is a library used to show gltf files that uses Augmented Reality (AR) instead of VR, might be worth looking at https://modelviewer.dev/

What AR modes are available?

supports three AR modes: WebXR and SceneViewer on Android and QuickLook on iOS. WebXR is our default mode on Android as it is faster (no redownload of model), has consistent rendering, and stays in the browser, retaining all of our advanced features like annotations and material editing. SceneViewer has most of the same limitations as QuickLook, being independent apps and only customizable through URL parameters. QuickLook only supports Apple's proprietary USDZ format, but can now auto-generate a USDZ on the fly, much simplifying your deployment and processing. It also allows material edits in 3D mode to propagate into QuickLook, which is not possible in SceneViewer due to redownloading from the original URL.
digitalbirth commented 1 year ago

This seems to be the three.js method for AR

example image gif

Code

tutorial part 1

tutorial part 2