Recommended API and IDE to work with WebGL

Question

I'm about to use WebGl in a academic project to preview some 2d and 3d models in a given format.

While I'm reading some documentation, I would like to know, from your experience, what would be the best API to speedup development and abstract some low-level calls and also the best IDE to work with it.

Cross browser compatibility is not a major problem.

I've decided about WebGl because I would like to create a web interface for my project to help sharing my progress. Do you even recommend using WebGl for that?

Answer 1

At the end of the day, an IDE is only meant to help a little, you do the hard hauling, having said that, the best editor(s) I use for javascript are Sublime Text and Netbeans IDE

Then as it was already stated, Chrome DevTools is your best bet for debugging.

Answer 2

API

Three.js is really awesome to work with regarding developing WebGL apps. It makes creating what you want very easy (create a scene object, create some things you want to show, then add them to the scene and render. No need to mess around with GLSL and low level stuff right off the bat, although you could if you really wanted to).

IDE

Chrome's console and various tools are great for debugging in general. You can use whatever text editor / IDE for javascript that you want.