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…

Dhugal Robertson
- 41
- 2
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…

Cameron Crane
- 113
- 1
- 12
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.…

Gabrielle Branche
- 31
- 1
- 2
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…

bootaoru app
- 21
- 1
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…

Gerard Compion
- 21
- 4
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)

Brian Lorraine
- 81
- 3
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…

user16479873
- 21
- 2
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…

internetExplorerGang
- 121
- 1
- 5
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 '#

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