淘宝Web3D使用与游戏三个穿插

其实3D和2D不是图形引擎决定的，而是数学家决定的。 如果我们要画这样一个曲面，我们会怎么画呢？

首先，有一个公式来描述这个表面。 这个公式根据输入的参数X和Y计算出Z的坐标值，假设Z越大颜色越红，Z越小颜色越绿。 这就是它的绘制方式。 如果X,Y,Z乘以一个神奇的东西叫矩阵（矩阵是数学家发明的），这是一个3×3的旋转矩阵，把每个点相乘，然后把结果画在屏幕上。 这样的。

是不是都傻眼了~

关于如何用2d绘制3D表面，后面会详细讲解。 有段时间自己写了一个CSS3D库，就是用数学库做出很酷的效果。

使用 WebGL

2016年双十一我们做了一个小游戏，你玩过吗？

本游戏采用2D绘制，也就是利用数学库实现3D效果。 为什么要使用 2d 呢？ 我们淘宝市场部的同学说我们要做3D，因为我们做了一个3D的，但是这个东西你最后给我4。 大家都知道4不支持WebGL，当时开发时间很紧，只能用2d的方案。