交通模拟器

汽车的行驶以及等红绿灯的场景进行模拟，使用了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

本篇博客对于c++的基础知识讲解适用于有其他语言基础的人群，如JavaScript、Java、C等。因此有些简单的东西而且相对于其他语言来讲用法是一模一样就不会记录下来了，比如if语句、while语句、switch语句等等。
博主是从事web前端这个岗位的，所以对于C++的专业知识没有比较深的理解，有些点讲解的也不是很到位，只是自己学习时候的记录笔记，可以评论留言讨论学习。

打印

以cout开始，以endl结尾，<<展示打印信息，由于c++对代码规范要求严格，所以需要写;结尾，否则报错。具体打印代码如：
cout << "hello world" << endl;