Why glb and hdr extension not sorted Sololearn?

Question

https://code.sololearn.com/WoMBdxof2sDi/?ref=app

Answer 1

I don't know what you are doing, but seems that links to s3dm.css and s3dm.js are invalid.

Also, I think you may need to declare <modelViewer> in global area, and wrap the <modelViewer> assignment line inside a window.load event.handler. Otherwise, <modelViewer> will not be referenced correctly, and won't be recoginzed by stop(), run() or wave() function.

var modelViewer;
window.onload = () =>
{
modelViewer = document.getElementById('model');
}
// rest of codes ...

Answer 2

I write this code in vs code
Browser run and result is very fine.

Answer 3

Yes, but things are different when a code is saved and run in SoloLearn. I think s3dm.css and s3dm.js is available in your machine (locally), but they are not available in SoloLearn.

Answer 4

I think that attributes:
src="RobotExpressive.glb"
skybox-image="stadium_01_4k.hdr"

must also be corrected with absolute paths ;)

however, I guess that 's3dm.js' is the js tab content (and shoud be wrapped in an onload event), and 's3dm.css' is the css tab...