我如何快速学习WebGL?

时间:2013-05-06 02:52:21

标签: webgl

这些天我正在学习WebGL,但我发现很难理解管道。

  1. 网上是否有首先 WebGL教程?
  2. 我应该学习GLSL吗?
  3. 使用WebGL绘制内容的代码太复杂了,有没有办法减少代码行?

4 个答案:

答案 0 :(得分:38)

  1. http://learningwebgl.com/blog/?p=11(截至2018年11月的死链接,备份:https://web.archive.org/web/20180615095219/http://learningwebgl.com/blog/?p=11
  2. 是的,我可以推荐Light House 3D:http://www.lighthouse3d.com/tutorials/glsl-core-tutorial/
  3. 它并不复杂,只关注学习webGL上的代码。我不建议在开始时使用其他一些库/引擎。学习基础知识,然后使用库来加速编码。
  4. 学习webGL是一个很好的起点,可能是最好的。不要犹豫,尽可能多地阅读资源。 Opera开发人员,Mozilla Hacks,Light House 3D,Scratch a Pixel,Aerotwist(http://www.aerotwist.com/tutorials/an-introduction-to-shaders-part-1/更多着色器)......一开始非常困难,但稍后您将掌握管道和思维方式。需要花费时间(仅学习基础知识需要1-2个月),但要坚持不懈。

    希望这有帮助。

答案 1 :(得分:9)

这里有互动教程:http://www.webglacademy.com
我认为这很酷,因为你可以改变你的代码,再次测试它,并且它是一步一步的。

您还可以查看http://www.learningwebgl.com上的webgl课程 然后,当我想搜索关于特定webgl API / GLSL命令的一些帮助时,我搜索http://www.opengl.org/sdk/docs/manglsl/

答案 2 :(得分:5)

这是我到目前为止找到的最好的教程!

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

答案 3 :(得分:2)

  1. 可能,但我不知道。
  2. 是;为了使用WebGL渲染任何内容,您需要一个着色器。 GLSL是着色器的语言,因此如果要渲染任何内容,则需要使用GLSL。
  3. 是;使用像Three.js这样的库。