/* ---- the frame ---- The arena is 16:9 and the window is whatever the window is, so the world is letterboxed into the largest 16:9 rectangle that fits and the rest is black. That is done by the GL viewport rather than by CSS — one call, nothing to keep in sync, and the black is simply canvas nobody drew on. What CSS has to do is make sure the black really is black and that the canvas is exactly the window: a transparent or mis-sized canvas puts the page's own background in the bars, and the bars are part of the picture. */ #arenaedge{ /* A hairline where the world ends, so the bars read as outside it rather than as the picture being cut off. Positioned from script, because only the frame loop knows where the viewport landed. */ position:fixed;pointer-events:none;z-index:1; border:1px solid rgba(233,240,255,.085); }
seeding
This world needs WebGL2, which this browser isn’t providing.
Try a recent Chrome, Edge, Firefox or Safari with hardware acceleration enabled.