最近老是抖音老是刷到一个小孩子玩数字华容道特别厉害，我感觉挺有趣的，就做了一个数字华容道，上班摸鱼可以玩，哈哈哈哈哈。

交通模拟器

汽车的行驶以及等红绿灯的场景进行模拟，使用了pixi和webgl去实现的。
webgl主要是用在pixi中spite的着色器的编写。

本章的图片和之前两张的图替换一下，第一张是底层的图片，第二张图是进行混合模式的，这是png图片，空白的地方全是透明的。

接着上一章讲解，如果本章有些知识点和公式看不懂可以看一下第一章的讲解。

变暗、变亮的实现

这两个方案实现起来很简单，就是去两张图的rgb的最小值或最大值，直接上shader代码：

一、混合模式

在ps中有很多的混合模式，如：正片叠底、滤色、变暗、变亮等等。下图为ps的算法公式图：

结构体

结构体struct是用来存放一组不同类型的数据。

1. 声明结构体类型
2. 定义变量名

变量的内存地址

每一个变量都有一个内存位置，每一个内存位置都定义了可使用连字号（&）运算符访问的地址，它表示了在内存中的一个地址。
例子：

函数

函数的语法格式：
return_type function_name(params){}换成更好理解的中文是函数返回的类型 函数名(参数){}。
函数返回类型是根据函数里面最后的返回结果是什么，比如函数类型返回是int类型，那么函数类型就应该是int类型。

三目运算符

三目运算符的格式是：
<表达式1> ? <表达式2> : <表达式3>
当表达式1为true时执行表达式2，当表达式1为false时执行表达式3。

转义字符

转义字符是为了表达一些不能显示出来的ASCII字符。 常见的转义字符有 \n, \\ ,\t