Description:
When loading Aframe and using
When testing, ensure that your images are not cached, otherwise the blue disappears quicker that you can see it.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Goes Blue</title>
<script src="https://cdn.jsdelivr.net/gh/aframevr/aframe@00d0a6502df911702bfeab8d7a23b6b848ba4eb9/dist/aframe-master.min.js"></script>
</head>
<body>
<a-scene vr-mode-ui="enabled:false;" embedded>
<a-assets>
<!-- add some assets here atleast 3 -->
</a-assets>
<a-sky src="#37ff7a9e-25cb-11e8-a7c4-060e3a5e0910"></a-sky>
<a-entity look-controls="pointerLockEnabled:false;reverseMouseDrag: true" camera="" wasd-controls=""></a-entity>
</a-scene>
</body>
</html>
That's the new loading screen. You're using master, which is slated to become the 0.9.0 release.
See https://aframe.io/docs/master/components/loading-screen.html
Lol, webgl had a bug that was causing blue screen to due buffer overflow, and I was thinking that this may be the cause.
Classic case of "Not a bug, its a feature"
So now that I know this is the loading screen, there actually is a bug that the screen size does not respect the embedded component sizing.
I create a scene in a popup, but the entire screen gets colored blue.
Is there a way to deactivate the loading screen?
is there a way to provide custom html for the loading screen?
See an example of one of my sites that has a custom loader, so you can see what I mean
hotelpiethein