google / model-viewer

Easily display interactive 3D models on the web and in AR!
https://modelviewer.dev
Apache License 2.0
6.88k stars 816 forks source link

Is there a Google Animals like model selection bottom slide available? #1257

Closed calin-ciobanu closed 3 years ago

calin-ciobanu commented 4 years ago

I see this new functionality when viewing animals from Google Search: tempFileForShare_20200609-0942412

Is this / will be available in the scene-viewer / model viewer? I see no reference yet looking at: https://developers.google.com/ar/develop/java/scene-viewer#3d-or-ar

methot-ilya-3ds commented 4 years ago

I've made something similar to the image that you are showing.

In my example I had the Google Model viewer on a separate page. I then included that page as an iframe and by using CSS design you can overlay buttons on top of the iframe.

The buttons can either change the object source of the widget, or, in my case I just created seperate webpages for each object and changed the individual iframe when someone clicked the buttons.

elalish commented 4 years ago

I have no idea if/when SceneViewer plans to make their carousel a public API - @tpsiaki? However, it is easy to construct one for model-viewer, as you can simply put extra HTML elements as children of the model-viewer element and use them to change the src. Using webXR for AR instead of SceneViewer (soon our default) allows any HTML customization to flow naturally into AR mode as well. I built of a demo of this which will be going live on our docs pages as soon as we ship v1.0, which should be imminent.

hybridherbst commented 4 years ago

@elalish just to get that right, WebXR will not work for the foreseeable future on iOS until Apple finally decides to jump on the train?

elalish commented 4 years ago

@soraryu Indeed, and please feel free to tell apple how important webXR is to you! I've also seen things like this that look interesting.

elalish commented 4 years ago

You can now see my carousel demo on our dev pages, which will also be visible in AR on an ARCore capable Android device with the latest Chrome.

hybridherbst commented 4 years ago

Nice demo! Thank you very much! Is scaling support for WebXR somewhere on the roadmap to 1.0?

elalish commented 4 years ago

@hybridherbst It has it already! I put scale="fixed" since these are shopping models, but maybe I should remove it. Or at least note it.

elalish commented 4 years ago

And 1.0 was just released!

calin-ciobanu commented 4 years ago

thanks everyone and :tada: for the v1.0

lupohirp commented 4 years ago

@elalish i have a question/ though. I'm developing a react js app, and your library works great. Howerer, as you can said previuosly, WebXR are not supported by Apple ( damn......). BUT, maybe we can use this? Maybe we can integrate in our project and give the support for the missing APIs from the polyfills instead of the browser, like it happens with angular and the missing information on IE. In theory, Safari will have the webxr APIs and your plugin will work with WebXR. I must try later in the evening....what do you think?

hybridherbst commented 4 years ago

@lupohirp Polyfills still require a supporting underlying API. The problem is that Apple supports neither WebVR nor WebAR nor anything else what would give access to AR features to the browser at this point. They are offloading all the XR work to their QuickLook viewer (a native app). (elalish correct me if I'm wrong please)

lupohirp commented 4 years ago

What ??? The don't have even the underlyng api's? Why People buy this s*****t i will never understand. I thought that they had implemented but never exposed.....rhanks anyway

elalish commented 4 years ago

Possible hope for the future? https://bugs.webkit.org/show_bug.cgi?id=208988