如何快速学习WebGL？

Question

如何快速学习WebGL？

webgl

58

我最近在学习WebGL，但我发现很难理解流水线。

是否有在线的入门级WebGL教程？
我应该学习GLSL吗？
使用WebGL绘制图形的代码太复杂了，有没有什么方法可以减少代码行数？

- WoooHaaaa

1

我会从这里开始（http://games.greggman.com/game/webgl-fundamentals/），然后查看下面的其他链接。 - gman

1

@gman，（games.greggman.com/game/webgl-fundamentals）是这里列出的最好的资源。 - Foreign Object

我推荐这个Skillshare教程：https://skl.sh/2shhq00 - Alexander Buzin

1

被接受的答案可能是一个糟糕的资源，现在已经下线了。我建议使用 https://webglfundamentals.org（请注意，由于问题已关闭，没有人可以添加更好的答案）。我可以编辑被接受的答案，但我不觉得改变它如此彻底是合适的。也许 @Abstract Algorithm 会考虑进行编辑，或者他们仍然认为即使在存档中它仍然是一个好的资源。 - gman

如果有人正在寻找视频教程，这里有一个在Udemy上的。 - graphics123

4个回答

9

这里有交互式教程： http://www.webglacademy.com
我认为它很酷，因为你可以更改代码，再次测试，而且是逐步的。

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

- Mike

7

这是我迄今为止发现的最好的教程！ http://my2iu.blogspot.in/2011/11/webgl-pre-tutorial-part-2-drawing-2d.html

- Bhavin Shah

3

第一部分的帖子也很棒。http://my2iu.blogspot.in/2011/11/webgl-pre-tutorial-part-1.html - mawaldne

2

可能，但我不知道。
是的；为了使用WebGL渲染任何东西，您都需要一个着色器。 GLSL是着色器语言，因此如果您想要渲染任何内容，您需要使用GLSL。
是的；使用像Three.js这样的库。

- icktoofay

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Dragan Okanovic · Accepted Answer

http://learningwebgl.com/blog/?p=11 (该链接已于2018年11月失效，备份链接：https://web.archive.org/web/20180615095219/http://learningwebgl.com/blog/?p=11)
是的，我可以推荐Light House 3D: http://www.lighthouse3d.com/tutorials/glsl-core-tutorial/
这并不复杂，只需专注于Learning webGL上的代码。我不建议在一开始就使用其他库/引擎。首先学习基础知识，后来再使用库来加速编码。

Learning webGL是一个很好的起点，可能是最好的。不要犹豫，尽可能多地阅读资源。Opera developer、 Mozilla Hacks、 Light House 3D、 Scratch a Pixel、 Aerotwist (http://www.aerotwist.com/tutorials/an-introduction-to-shaders-part-1/更多着色器)... 一开始很困难，但之后你将掌握管线和思考方式。这需要时间（1-2个月仅学习基础知识），但要坚持。

希望这可以帮到你。