webgl~02~前置技能/知识建议

前言

在计算机领域，每时每刻都有新的算法、新的概念诞生，webgl也是如此，软硬件的更迭，浏览器架构的升级，每天都在进行着。

前置技能/知识为最低限度的需求，不必全都立刻精通，但至少需要有一定的了解才行。

不必过分焦虑，不必执拗于新潮，我们先从山底开始，穿好登山靴，备好登山杖。

webgl 是啥

大部分webgl的教程，会在一开始讲述，webgl 是什么，源自哪里。

想必大家肯定也有所了解，故不在此赘述，贴上MDN的解释，想更进一步了解的可以自行翻阅资料。

WebGL(Web Graphics Library) is a JavaScript API for rendering high-performance interactive 3D and 2D graphics within any compatible web browser without the use of plug-ins. WebGL does so by introducing an API that closely conforms to OpenGL ES 2.0 that can be used in HTML<canvas>elements. This conformance makes it possible for the API to take advantage of hardware graphics acceleration provided by the user's device.

html / js / dom / network

Required

webgl 虽然部分相对独立于web页面（shader），但其本质是服务于交互、展示、信息传递等，并且其操作大部分也依赖于js，故而，扎实的前端开发知识必不可少。

线性代数

Optional

虽然在后期会需要到大量的高等数学知识，但在入门阶段，重中之重，必须对线性代数有一定的理解，否则shader中各种矩阵变换运用，将会如同天书一般。

大家如果忘了，建议，重新拾起大学课本放在一边，或者打开网课放在一边。

当然，如果需求仅限于使用成熟框架，展示一些模型，做一些简单的场景，那也可以忽略这个知识点。

Blender or others

Optional

学习一些3d建模软件将会有助于理解一些渲染流程以及知识点，并且可以在与设计师沟通时针对性的对资源做出一些优化建议，避免出现资源无法使用或者展示错乱的情况。

如果你也有兴趣，建议可以学习一下Blender，其为开源软件，并且其生成文件在众多软件中对webgl比较友好。

当然，其他的类似于maya、3dmax、c4d等都是可以的。