Stack Overflow
Stack Overflow

Questions tagged [model-viewer]

88 questions
0
votes
0 answers

How to restrict the range of motion for 3D models in flutter

I am using model_viewer_plus to render some 3D models on my Flutter app. I want to restrict the range of motion (rotation) for the users to be only in x axis, so basically can only rotate right and left instead of all angles. Here is my code for…
taha khamis
  • 401
  • 4
  • 22
0
votes
1 answer

Take a screenshot of modelviewer .glb file

I'm trying to take a screenshot of a .glb file displayed by model-viewer. But I can't arrive to a solution. I've read somewhere that the key is to convert the modelviewer to a blob object and then download an image.
Juan Esteban Labayen
  • 31
  • 4
0
votes
0 answers

Can github pages render model-viewer as per the official instructions?

I'm not quite sure what's going on here. I'm a student and I signed up for Github pages to develop a website that displays models of my rock collection. My github is here: https://github.com/hovaniceday/attemptsatrocks Please excuse all of my silly…
snackattack
  • 1
0
votes
0 answers

change the texture of materials individually by clicking on each one

I'm trying to change the texture of each of the materials in a gltf model when clicking on them, so far you can only change the materials but with random colors, but what I would like is that instead of colors they were jpg images or png I also add…
gil garcia
  • 1
  • 1
0
votes
0 answers

Gltf pipeline is not compressing my file and doesn't show any errors

I received a couple of .glb files from a friend, that I integrated in my website using . The website is now running very slow, and I think the .glb files maybe cause some of the issues since they are 220mb and 50mb. When I am…
Jeppe Ø
  • 1
  • 1
0
votes
0 answers

Why doesn't the size of the component inside of a Next.js fill the div?

I'm using model-viewer inside of a Next.js app. Here is what my react component looks like. The component defaults to 300px and will not fill the div. I have a feeling this has something to do with the render lifecycle of React? import {useRef,…
mattwallace
  • 4,132
  • 6
  • 43
  • 77
0
votes
0 answers

Is there a way to identify the if the mobile is compatible with Augmented Reality and if its not show a notification?

I'm trying to notified the user if the mobile that he is using is compatible with augmented reality. I would like to identified if the mobile is compatible and then if its not show a simple notification like: "your mobile is not compatible with AR".…
Marcelo Silver
  • 1
  • 1
0
votes
1 answer

Modelviewer as npm import

I am trying Modelviewer, no issues when using in html: What I want is to…
Nicoli
  • 643
  • 1
  • 7
  • 23
0
votes
0 answers

model-viewer repetitions doesn't work on mobile during AR session

Whe using google model-viewer animation repetitions count is ignored on phone during AR session. However its works on desktop chrome when using webxr emulator modelViewer.play({ repetitions: 1 });
Oleg Sv
  • 43
  • 1
  • 9
0
votes
0 answers

How we can show shadow for 3D model in Model viewer using flutter

I have a flutter application to display .glb files and able to load model along with environments. But not able to cast shadows for .glb model. Here is my snippet code ModelViewer( backgroundColor: Colors.transparent, shadowSoftness: 1, …
narayana neduri
  • 13
  • 4
0
votes
0 answers

Property 'detail' does not exist on type 'ProgressEvent' Typescript

I have a project in Angular and integrate the 3d model viewer from modelviewer.dev I´m tying to capture a custom event developed from them, and this is the code: modelViewerload.addEventListener('progress', (ev) => { const totalProgress1 =…
sistemas13
  • 27
  • 5
0
votes
0 answers

Why doesn't reading static .glb files work in my case in ASP.NET Core 6?

I am trying to use Google's to display 3D model. However, I can't pass the src tag in html. My .cshtml for this website is . I am getting an error Failed to load resource:…
Igor Smorąg
  • 62
  • 7
0
votes
1 answer

How to enable keyboard control for Google's Model Viewer by default?

For accessibility I'm attempting to allow arrow keys to control the camera orbit of my model viewer the moment the poster is dismissed. So far it seems that I'm able to control the camera with the arrow keys, but only if I interact with the…
Cameron Crane
  • 113
  • 1
  • 12
0
votes
0 answers

Tab-index not working for annotations in Google's Model Viewer

I'm currently using hotspot annotations in my web component project using Google's Model Viewer. My html is structured as follows: #shadow-root
Cameron Crane
  • 113
  • 1
  • 12
0
votes
0 answers

how to show 3 button in AR mode and manage model opacity and show/hide model using model-viewer

I use google model-viewer to show model and also i want to show 3 button in AR mode,but i didn't see any html element in AR mode and also how to manage model-viewer model opacity and how to hide or show model using model-viewer in AR mode please…
Shihab Shaikh
  • 1
  • 1
1 2 3
4
5 6