Online3DViewer icon indicating copy to clipboard operation
Online3DViewer copied to clipboard

VR Mode

Open luiselkano opened this issue 8 years ago • 4 comments

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

luiselkano avatar Mar 15 '17 12:03 luiselkano

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.

06nH avatar Nov 16 '21 08:11 06nH

@kovacsv VR should be an easy implementation? :)

Marco-Pellegrino avatar Jan 24 '22 17:01 Marco-Pellegrino

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 avatar Apr 05 '23 03:04 digitalbirth

This seems to be the three.js method for AR

example image gif

Code

tutorial part 1

tutorial part 2

digitalbirth avatar Apr 05 '23 11:04 digitalbirth