webgl-debug | WebGL Debug Utils | Code Inspection library

Uniform Buffer Objects are just a different way to set uniforms. They don't help with instancing. They are just a way to "potentially" set uniforms faster than using gl.uniformXXX. For example if you have a shader that takes ambient, diffuse, specular, shininess as inputs you could make a uniform block that contains those 4 uniforms. You could then create one uniform buffer object for each material, all 4 of those settings, you can set different material with one WebGL function

It might be the missing doctype, which tells the browser what kind of document it's looking at. Add at the very beginning of the file.

First of all, its not really a matter of three.js, but there is still an important issue to address.

Whatever functions You have, either plain image positioning, or three.js placing the renderer in a div, It's easy to lose track of what is appended where.

It can happen when the html skeleton is being rather scarce, for most of the page is created in js. It's a bit unclear to anyone but the original developer, so he needs to keep track of what is going on. Imo this is a bit impractical.

I wouldn't create elements in the body in js, I'd rather append them to existing wrapper containers, so I could easily manage them with any css: