Not loading models #3162

patriciapreda · 2022-01-30T12:14:51Z

patriciapreda
Jan 30, 2022

Hello, I am facing quite a strange issue. I am trying to upload a model from my computer using 'model-viewer' but it only shows the progress bar and then white like nothing was loaded. When I try the exact same code but I change the src to 'https://modelviewer.dev/shared-assets/models/NeilArmstrong.glb' everything works and the model loads.

What I have tried to do:

Download the model Neil Armstrong and upload it from my computer (to check if my model might be wrong) but still doesn't work
Upload my model onto a website I host and tried to src as: https://website/model.glb and still no luck
I have also tried 'Download scene' and if I delete the poster part from code it shows the progress bar and then white

Here is the code I am using (taken from https://developers.google.com/ar/develop/webxr/model-viewer):

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <script type="module" src="https://unpkg.com/@google/model-viewer/dist/model-viewer.min.js"></script>
  <title>Document</title>

  <style>
    .box {display: flex;}
    model-viewer {width: 800px; height: 600px; margin: 0, auto;}
  </style>
</head>

<body>
  <div class="box">
    <div><p>TEXT</p></div>
    <!--<div><model-viewer src="assets/images/sm.glb"></model-viewer>-->
    <model-viewer src="https://modelviewer.dev/shared-assets/models/Astronaut.glb"
              alt="A 3D model of an astronaut"
              ar
              auto-rotate
              camera-controls></model-viewer>
    </div>
  </div>
</body>
</html>

samaneh-kazemi · 2022-01-31T17:48:24Z

samaneh-kazemi
Jan 31, 2022
Maintainer

Hi @patriciapreda , thanks for reaching out. Do you mind sharing a link to your code(rather than raw code) so we can try it on our end? You can try using glitch.

3 replies

patriciapreda Jan 31, 2022
Author

Hello, here you can find the
preview: https://handy-wide-pillow.glitch.me
and the code: https://glitch.com/edit/#!/handy-wide-pillow

Thank you!

elalish Feb 3, 2022

@patriciapreda I just tried your Glitch link and it all seems to be working now?

patriciapreda Feb 3, 2022
Author

Yes, it does, my model might have been too big so I have resized it using gltf pipeline. Thank you!

samaneh-kazemi · 2022-01-31T18:22:23Z

samaneh-kazemi
Jan 31, 2022
Maintainer

Can you please share your model here as well? Also, have you tried loading your model in editor? The link you shared earlier is not private so I can't open it: https://website/model.glb

0 replies

OmerFainshtein · 2022-12-13T19:44:33Z

OmerFainshtein
Dec 13, 2022

hey,
i have the same problem.
How can I reach you for some questions?

0 replies

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Uh oh!

Not loading models #3162

Uh oh!

{{title}}

Uh oh!

Uh oh!

{{editor}}'s edit

{{editor}}'s edit

Uh oh!

Replies: 3 comments 3 replies

Uh oh!

{{title}}

Uh oh!

Uh oh!

{{title}}

Uh oh!

Uh oh!

{{title}}

Uh oh!

Uh oh!

{{title}}

Uh oh!

Uh oh!

{{title}}

Uh oh!

Uh oh!

{{editor}}'s edit

{{editor}}'s edit

Uh oh!

Uh oh!

{{title}}

Uh oh!

Select a reply

Uh oh!

Not loading models #3162

Uh oh!

Uh oh!

patriciapreda Jan 30, 2022

Replies: 3 comments · 3 replies

Uh oh!

samaneh-kazemi Jan 31, 2022 Maintainer

Uh oh!

patriciapreda Jan 31, 2022 Author

Uh oh!

elalish Feb 3, 2022

Uh oh!

patriciapreda Feb 3, 2022 Author

Uh oh!

Uh oh!

samaneh-kazemi Jan 31, 2022 Maintainer

Uh oh!

OmerFainshtein Dec 13, 2022

patriciapreda
Jan 30, 2022

Replies: 3 comments 3 replies

samaneh-kazemi
Jan 31, 2022
Maintainer

patriciapreda Jan 31, 2022
Author

patriciapreda Feb 3, 2022
Author

samaneh-kazemi
Jan 31, 2022
Maintainer

OmerFainshtein
Dec 13, 2022