2013-05-06 113 views
46

我现在正在学习WebGL,但是我发现真的很难理解管道。如何学习WebGL的快速方法?

  1. 是否有任何头先 WebGL教程在线?
  2. 我应该学习GLSL吗?
  3. 用WebGL绘制东西的代码太复杂了,有什么办法可以减少代码行吗?
+1

我从这里开始(HTTP://游戏.greggman.com/game/webgl-fundamentals /)然后查看下面的一些其他链接 – gman 2013-05-06 16:41:29

+1

@gman,(games.greggman.com/game/webgl-fundamentals)是迄今为止列出的最好的资源。 – 2014-08-13 18:50:41

回答

35
  1. http://learningwebgl.com/blog/?p=11
  2. 是的,我可以推荐灯塔3D:http://www.lighthouse3d.com/tutorials/glsl-core-tutorial/
  3. 这不是那么复杂,只注重书面上的WebGL学习的代码。我不建议在开始时使用其他库/引擎。学习基础知识,稍后使用库来加速编码。

学习webGL是开始的好地方,可能是最好的。不要犹豫,尽可能多地阅读资源。 Opera开发人员,Mozilla Hacks,Light House 3D,Scratch a Pixel,Aerotwist(http://www.aerotwist.com/tutorials/an-introduction-to-shaders-part-1/更多着色器)...开始时非常困难,但后来您将掌握管道和思维方式。这需要时间(1-2个月只学习基础知识),但要持久。

希望这会有所帮助。

+0

我讨厌learningwegbl.com网站,因为作者的英文能力如此之差以至于某些段落完全不可理解。 – doABarrelRoll721 2016-01-05 10:51:27

+4

@ doABarrelRoll721 learningwebgl.com * extent * ;-) – 2016-03-25 17:33:37

+4

@ doABarrelRoll721如果您认为自己的英文不好,也许可以帮助他们修改帖子!这将是真棒 – M98 2016-07-14 06:46:57

2
  1. 可能,但我不知道它。
  2. 是;为了使用WebGL渲染任何东西,您需要着色器。 GLSL是着色器的语言,所以如果你想渲染任何东西,你需要使用GLSL。
  3. 是;使用类似Three.js的图书馆。