How can I learn WebGL quickly?

Question

I am learning WebGL these days, but I found it very difficult to understand the pipeline.

• Is there an online head> WebGL tutorial online?
• Should I learn GLSL?
• The code for drawing something using WebGL is too complicated, is there a way to reduce code lines?

Answer 1

• http://learningwebgl.com/blog/?p=11
• Yes, I could recommend Light House 3D: http://www.lighthouse3d.com/tutorials/glsl-core-tutorial/
• It's not that complicated, just focus on the code written in Learning webGL. I would not recommend working with any other library / engine from the very beginning. Learn the basics and use libraries later to speed up your coding.

WebGL training is a great place to start, probably the best. Feel free to read from as many resources as you can. Developer Opera, Mozilla Hacks, Light House 3D, Scratch a Pixel, Aerotwist ( http://www.aerotwist.com/tutorials/an-introduction-to-shaders-part-1/ more shaders) ... This is very difficult in beginning, but later you get an idea of ​​the pipeline and a way of thinking. It takes time (1-2 months to learn only the basics), but perseverance.

Hope this helps.

Answer 2

There are interactive tutorials here: http://www.webglacademy.com
I think this is cool, because you can change your code, check it again, and this is step by step.

You can also check webgl lessons at http://www.learningwebgl.com
Then, when I want to find some help about a specific API / GLSL command for webgl, I search for http://www.opengl.org/sdk/docs/manglsl/

Answer 3

This is the best tutorial I've found so far!

http://my2iu.blogspot.in/2011/11/webgl-pre-tutorial-part-2-drawing-2d.html

Answer 4

• Maybe, but I don’t know that.
• Yes; in order to do something using WebGL, you need a shader. GLSL is a shader language, so if you want to do something, you need to use GLSL.
• Yes; use a library like Three.js .