Error: WebGL not supported on localhost

[ajhalls]

Running Firefox 45.02 and downloaded the newest Babylon.js and the Samples last night. After unzipping into local folder, I get "Error: WebGL not supported" when doing any of the demos. It works great on the actual website, but not on localhost from the files on Github.

I then tried uploading it to a web server, and get the following errors when trying to access the demo Samples-master/Demos/AdvancedShadows/index.html:

"NetworkError: 404 Not Found - https://cdn.xxx.com/Babylon.js-master/Samples-master/css/index.css"
"NetworkError: 404 Not Found - https://cdn.xxx.com/Babylon.js-master/Assets/CamTouchOff.png"
"NetworkError: 404 Not Found - https://cdn.xxx.com/Babylon.js-master/Assets/CamVirtualJoy.png"
"NetworkError: 404 Not Found - https://cdn.xxx.com/Assets/CamGamepadJoy.png"
"NetworkError: 404 Not Found - https://cdn.xxx.com/Babylon.js-master/Assets/CamDeviceOff.png"
"NetworkError: 404 Not Found - https://cdn.xxx.com/Babylon.js-master/Assets/camera.png"
"NetworkError: 404 Not Found - https://cdn.xxx.com/Babylon.js-master/Assets/CamAnaGly.png"

In particular the index.css file seems to be missing from any meaningful directory as line 18 of the index.html has this line:

 

    <link href="../../css/index.css" rel="stylesheet" />

That doesn't point anywhere as the only index.css files are in subdirectories of the Samples-master directory such as the CYOS directory.

I am just experimenting with Babylon.js as a replacement to Three.js and am dissappointed that you can't seem to unzip and use anything. Here is what my directory structure looks like and you can see all the PNG files listed in the errors above are indeed missing for some reason.

[GameMonetize]

Hello this is a security restriction of Borwsers. You will have to host your files in a local web server like apache or IIS

[ajhalls]

Yes, I thought the same thing which is why I copied it to a server. 404 errors are not security errors, they would seem to be either due to a sloppy commit that excluded needed resource files, or poor documentation of where to download the files.

"NetworkError: 404 Not Found - https://cdn.xxx.com/Babylon.js-master/Samples-master/css/index.css"
"NetworkError: 404 Not Found - https://cdn.xxx.com/Babylon.js-master/Assets/CamTouchOff.png"
"NetworkError: 404 Not Found - https://cdn.xxx.com/Babylon.js-master/Assets/CamVirtualJoy.png"
"NetworkError: 404 Not Found - https://cdn.xxx.com/Assets/CamGamepadJoy.png"
"NetworkError: 404 Not Found - https://cdn.xxx.com/Babylon.js-master/Assets/CamDeviceOff.png"
"NetworkError: 404 Not Found - https://cdn.xxx.com/Babylon.js-master/Assets/camera.png"
"NetworkError: 404 Not Found - https://cdn.xxx.com/Babylon.js-master/Assets/CamAnaGly.png"

I downloaded the Babylon-master, Samples-master, Extensions-master, and UserFunctions-master, and yet doing a search through all those folders for "index.css" shows them in a few folders, but not where the demo files use it.

In fact you can see it has an index.css under Demos\Sponza, so you would think you could run that demo, but no, it is looking for an index.css under "BabylonJS/Samples-master/css/index.css"

You can see there is no `css` directory on the github page: https://github.com/BabylonJS/Samples though there is an `scss` directory. That doesn't help at all though when the demo files, such as this one: https://github.com/BabylonJS/Samples/blob/master/Demos/Actions/index.html

on line 18 refer to  ` <link href="../../css/index.css" rel="stylesheet" /> `

For fun I copied it again to a different web server, and running the Sponza demo, yes I get the 404 on the css file, but I still get ` Error: WebGL not supported `.

This is discouraging for several reasons, first is why am I getting all these security errors? ThreeJS runs just fine on localhost. Sure I could solve this for myself, but what about my customers? Again, I have copied it to an external apache webserver and am still getting WebGL errors in Firefox, but not in IE or Chrome. Missing files in the commit / documentation errors are the types of issues I would expect to have to work through with an immature application, not one with the following that BabylonJS seems to have - which leaves me confused as to whether I am making a mistake somewhere by skipping a step, or if these really are legitimate issues.

I am sure I could go the the main site and crawl the site and download all the files manually, but that seems silly when I would expect what I need to be in the Github repository.

UPDATE: for some reason WebGL on firefox stopped working in the past couple days. I had to upgrade my video drivers to get it working again. That solves the security error, but doesn't address missing files in the downloads.

[GameMonetize]

I uploaded the missing files..Let me know if I missed some

[ajhalls]

Awesome, thank you so much, everything seems to be working now.