本小册介绍 WebGL 以及 CSS 3D 属性的关键技术,每一个知识点基本上都有对应的演示 demo ,demo 不依赖框架,使用原生 JavaScript 实现,Demo 辅以理论的主要目的是为了让大家能够理解 WebGL API 的作用,以及坐标系变换背后的图形学算法,巩固读者的 3D 编程基础。
实现一个基于 WebGL 的 3D 应用或使用 CSS 实现一个复杂的 3D 特效对前端同学的要求相对高一些,除了熟练掌握 JavaScript、CSS 以外,还需要掌握图形学的相关内容、 着色器编程语言 GLSL
。而图形学涉及到的数学知识比较枯燥且难以理解,相信有一部分前端同学曾尝试去学习,但最终因其短期无法见成效遂望而却步。
相当多的聪明同学放弃学习基础知识转而采用框架。的确,框架为我们带来了很大的便利,比如稳定性、开发效率等,但如果基础不牢的话,注定也不会走太远:
学完本小册,你会真正理解这些属性背后所涉及的图形学原理,之后你就可以灵活使用这些 CSS 属性实现各种 3D 特效了。