56

这些天我在学习WebGL，但我发现管道真的很难理解。

  1. 网上有什么先见之明的WebGL 教程吗？
  2. 我应该学习 GLSL 吗？
  3. 用 WebGL 绘制东西的代码太复杂了，有什么办法可以减少代码行数？
4

4 回答 4

40
  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. 没那么复杂，只关注Learning 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 个月），但要坚持不懈。

希望这可以帮助。

于 2013-05-06T10:30:55.940 回答
9

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

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

于 2013-07-12T10:06:16.603 回答
7

这是迄今为止我发现的最好的教程！

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

于 2013-06-04T05:32:18.970 回答
2
  1. 可能吧，但我不知道。
  2. 是的; 为了用 WebGL 渲染任何东西，你需要一个着色器。GLSL 是着色器的语言，所以如果你想渲染任何东西，你需要使用 GLSL。
  3. 是的; 使用Three.js 之类的库。
于 2013-05-06T02:55:50.140 回答