相比其他前端技术,WebGL最大的特点的就是学习曲线异常之陡,入门感觉比较难。另外在这方面的资料也非常少,一部分因为该技术出现的时间还比较晚,另外它和OpenGL这样成熟的技术类似,很多人熟悉了OpenGL之后并不再需要单独介绍WebGL。这里沉淀了目前LBS-WEB所积累下来的WebGL资源,供大家学习。
如何学习
这里给大家一些学习方法和经验:
找一本入门书籍开始阅读,作者最好是该行业从业多年或该领域的专家,其代码会比较规范,基础概念也会讲得很清楚。针对每个知识点做小demo进行学习,尝试修改参数并查看结果。了解一些图形渲染、GPU方面的知识,加深对WebGL渲染流水线的认知。什么时候都不该忽略性能,WebGL也如此,看一些性能相关的最佳实践,从源头避免写出性能很差的3D程序。在OpenGL ES、OpenGL方向扩展。如果你只是想利用WebGL技术快速做出一些效果,可以选择目前较为成熟的库,例如Three.js。
学习资源
Learning WebGL。一个专门介绍WebGL技术、进展的网站,里面提供了一系列的基础课程,这个课程就目前来说是比较经典的,推荐学习。了解基本的WebGL程序写法和风格。该网站的作者也是《WebGL: Up and Running》一书的作者。