前言
都说时间转眼即逝,距离最后一篇博文已经几个月了,我们总是在叹息时间飞逝,最后回眸的时候,却又觉得生活少了些什么。
作为一名后端开发人员,学习WebGL之路是快乐并痛苦着的,坦诚的讲,我觉得一般的后端开发人员空间思维都没有专业前端同学的好,特别是视觉感。不管怎样,作为2017对自己的第一份礼物,还是希望自己用心把这件事做好,既然学了,那就好好待人家吧。
说起学习WebGL,还是缘于公司的情况。笔者所在公司是开发微信相关业务的,包括微信上的一些互动品类的活动和游戏。为了增加研发人员彼此的学习和交流,每周一次的分享会是值得期待的。在2016年,越来越多的小伙伴意识到了前端革新的重要性,互动对前端技术的要求越来越高,很多前端小伙伴也开始关注移动端3D相关的技术。一个公司,学习的氛围很重要,特别是像笔者在公司也是老程序猿一枚了,觉得也是有义务把这氛围烧得更旺一些。挑选学习WebGL是因为它是移动端3D技术的一个基础,而且比较难啃,我听过不少小伙伴讲过如Three.js之类的高级3D框架,但如果不了WebGL,很多东西都是一知半解。为了解除心中的迷惑,于是乎,决定边学习,边把一些心得记录在此,或许,能够给有缘人些许帮助。
说明
本篇是WebGL相关文章的一个导航,笔记将会不定期的更新,如果你也刚开始学习,欢迎一起探讨学习。其实,学习WebGL的目地不一定说是要做游戏什么的,也可以当成是学习计算机图形学的一个过程,换种思路思考问题,享受学习的过程,何乐而不为!
没有什么比自己动手实践更重要的了,本教程随着一个个示例不断深入学习WebGL的相关知识点,以最直白简单的方式把我所知道的知识表述出来,力争做最容易理解的WebGL入门教程。
目录
不定期更新中……
基础篇章:
WebGL简介
第一个程序 ——画一个点
使用缓冲区对象画多个点
多边形绘制原理
基本图形变换(平移、旋转和缩放)
基础矩阵变换
片元着色器简介