Questions tagged [model-viewer]

88 questions
4
votes
3 answers

Increase width and height on html viewer model

Currently when I upload the code below into an HTML component on my site the content is constrained to a small box, however there is far more space in the html component to fit the content. Can someone please let me know what and where to write the…
3
votes
1 answer

How to change the default value of "non-interaction" events in Google Analytics

I'm using Google's Model Viewer in my project, and unfortunately, it is treating certain events as non-interaction: false when they should be non-interaction: true. In my case, these are the events that fire when the model loads, when it detects a…
3
votes
1 answer

Three.js - get current skeleton bones position during animation

I have a Three.js project with an animation going on and I would like to find the skeleton bones position at different times. If I go for example to: https://modelviewer.dev/examples/animation/index.html and find the Three.js scene: const…
Amit
  • 5,924
  • 7
  • 46
  • 94
3
votes
4 answers

When I add my own 3D models to the tag in html for scene viewer the models do not load

I am trying to add my own 3D GLB models to the google scene viewer generic code. However when I replace the link to the chair model with a downloaded GLB model the model does not show up on the webpage. I have used my own models that I downloaded.…
2
votes
0 answers

Problem that gltf data output by three.js Exporter cannot be used in model-viewer AR

I want to read the gltf data output by the Three.js Exporter in the…
2
votes
0 answers

In ReactJS, using Google Model Viewer does not work in deployed website

I wanted to implement AR that can be used properly in both AOS and iOS in the project. So I tried various methods, and among them, Google's Model Viewer was judged to support the largest range of browsers and OSs. Therefore, I implemented a project…
Jun
  • 451
  • 4
  • 16
2
votes
0 answers

Google model-viewer.js - 404 Not Found [object%20Object]

I am trying to embed a .GLB 3d model file into my website using Google model-viewer.js library but I keep getting the following JS error in the console with no model loaded: model-viewer.js:43597 Error: fetch for…
DaveB
  • 2,953
  • 7
  • 38
  • 60
2
votes
1 answer

Change the texture of an existing model in google model-viewer using an image file

I am a student with an upcoming project using Google's model-viewer to render a poster using AR on a user's wall. I have a simple, textureless, one-sided plane that I made using the three.js online editor, which lives in my project's directory. I am…
2
votes
2 answers

How to give model-viewer loader color as red

Using model-viewer (https://modelviewer.dev/examples/loading/index.html#glbModel) I want to give loading color of my model-viewer as red but I did not find anything related to that in the documentation. Here is codepen link:…
EaBengaluru
  • 131
  • 2
  • 17
  • 59
2
votes
1 answer

Model Viewer library does not load the 3d model

I am trying to load a 3d model into my website using the modelviewer library. However, the file it not loading and I am getting the below (see image). FYI if it could be causing some issues - I am using github pages, but hosting a custom domain that…
ibib
  • 109
  • 5
2
votes
0 answers

Model Viewer - GLB - retrieving data from object

I have some GLB files that I can easily render in the browser and make it interactive (I can rotate it basically)
2
votes
0 answers

Flutter 2: webview_flutter & model_viewer

I'm trying to implement google's model_viewer into my app. Following the Demo Project, i'm not able to get it to work: doing: flutter run: gives following…
2
votes
1 answer

Remove blending effect from 3D models in AR Viewer on iOS devices

I have been using Model Viewer to add WebAR onto my website, On Android the models looks good and functions properly using ARCore, but on iOS, when using ARKit, the model is blending into atmosphere which is not what I need, How can I disable it…
2
votes
0 answers

Google model-viewer + Rails 6 + Webpacker

I'm trying to get to work with Rails 6 and Webpacker but it's throwing some errors: model-viewer-legacy.js:272 Uncaught TypeError: Cannot assign to read only property 'exports' of object '#' at model-viewer-legacy.js:272 …
Julien
  • 2,217
  • 2
  • 28
  • 49
2
votes
1 answer

WebAR using model viewer does not work on Android

I am trying to build a demo of model-viewer using a simple box object. It works fine on iOS/Safari, but I am unable to get this to work on Android. On Android, it will not activate the camera, just shows the model in blank space, the model can be…
David Karasek
  • 348
  • 3
  • 16
1
2 3 4 5 6