OpenGL 图形库的使用（四十七）—— 实战之2D游戏 - Breakout

版本记录

版本号	时间
V1.0	2018.01.20

前言

OpenGL 图形库项目中一直也没用过，最近也想学着使用这个图形库，感觉还是很有意思，也就自然想着好好的总结一下，希望对大家能有所帮助。下面内容来自欢迎来到OpenGL的世界。
1. OpenGL 图形库使用（一） —— 概念基础
2. OpenGL 图形库使用（二） —— 渲染模式、对象、扩展和状态机
3. OpenGL 图形库使用（三） —— 着色器、数据类型与输入输出
4. OpenGL 图形库使用（四） —— Uniform及更多属性
5. OpenGL 图形库使用（五） —— 纹理
6. OpenGL 图形库使用（六） —— 变换
7. OpenGL 图形库的使用（七）—— 坐标系统之五种不同的坐标系统（一）
8. OpenGL 图形库的使用（八）—— 坐标系统之3D效果（二）
9. OpenGL 图形库的使用（九）—— 摄像机（一）
10. OpenGL 图形库的使用（十）—— 摄像机（二）
11. OpenGL 图形库的使用（十一）—— 光照之颜色
12. OpenGL 图形库的使用（十二）—— 光照之基础光照
13. OpenGL 图形库的使用（十三）—— 光照之材质
14. OpenGL 图形库的使用（十四）—— 光照之光照贴图
15. OpenGL 图形库的使用（十五）—— 光照之投光物
16. OpenGL 图形库的使用（十六）—— 光照之多光源
17. OpenGL 图形库的使用（十七）—— 光照之复习总结
18. OpenGL 图形库的使用（十八）—— 模型加载之Assimp
19. OpenGL 图形库的使用（十九）—— 模型加载之网格
20. OpenGL 图形库的使用（二十）—— 模型加载之模型
21. OpenGL 图形库的使用（二十一）—— 高级OpenGL之深度测试
22. OpenGL 图形库的使用（二十二）—— 高级OpenGL之模板测试Stencil testing
23. OpenGL 图形库的使用（二十三）—— 高级OpenGL之混合Blending
24. OpenGL 图形库的使用（二十四）—— 高级OpenGL之面剔除Face culling
25. OpenGL 图形库的使用（二十五）—— 高级OpenGL之帧缓冲Framebuffers
26. OpenGL 图形库的使用（二十六）—— 高级OpenGL之立方体贴图Cubemaps
27. OpenGL 图形库的使用（二十七）—— 高级OpenGL之高级数据Advanced Data
28. OpenGL 图形库的使用（二十八）—— 高级OpenGL之高级GLSL Advanced GLSL
29. OpenGL 图形库的使用（二十九）—— 高级OpenGL之几何着色器Geometry Shader
30. OpenGL 图形库的使用（三十）—— 高级OpenGL之实例化Instancing
31. OpenGL 图形库的使用（三十一）—— 高级OpenGL之抗锯齿Anti Aliasing
32. OpenGL 图形库的使用（三十二）—— 高级光照之高级光照Advanced Lighting
33. OpenGL 图形库的使用（三十三）—— 高级光照之Gamma校正Gamma Correction
34. OpenGL 图形库的使用（三十四）—— 高级光照之阴影 - 阴影映射Shadow Mapping
35. OpenGL 图形库的使用（三十五）—— 高级光照之阴影 - 点阴影Point Shadows
36. OpenGL 图形库的使用（三十六）—— 高级光照之法线贴图Normal Mapping
37. OpenGL 图形库的使用（三十七）—— 高级光照之视差贴图Parallax Mapping
38. OpenGL 图形库的使用（三十八）—— 高级光照之HDR
39. OpenGL 图形库的使用（三十九）—— 高级光照之泛光
40. OpenGL 图形库的使用（四十）—— 高级光照之延迟着色法Deferred Shading
41. OpenGL 图形库的使用（四十一）—— 高级光照之SSAO
42. OpenGL 图形库的使用（四十二）—— PBR之理论Theory
43. OpenGL 图形库的使用（四十三）—— PBR之光照Lighting
44. OpenGL 图形库的使用（四十四）—— PBR之几篇没有翻译的英文原稿
45. OpenGL 图形库的使用（四十五）—— 实战之调试Debugging
46. OpenGL 图形库的使用（四十六）—— 实战之文本渲染Text Rendering

Breakout

看完前面的教程之后我们已经了解了非常多的OpenGL内部工作原理，并且我们已经能够用这些知识绘制一些复杂的图形。然而，除了之前的几个技术演示之外，我们还没有真正利用OpenGL开发一个实际应用。这篇教程为OpenGL 2D游戏制作系列教程的入门篇。这个系列教程将展示我们该如何将OpenGL应用到更大，更复杂的环境中。注意这个系列教程不一定会引入新的OpenGL概念，但会或多或少地向我们展示如何将所学的概念应用到更大的程序中去。

由于我们希望事情能够简单一点，我们会以别人开发过的一个2D街机游戏为基础，开发我们自己的2D游戏。这就是Breakout，一个于1976年发布的运行在Atari 2600主机上的经典2D游戏。游戏要求玩家通过操控一个挡板反弹小球，以破坏所有的砖块，而不能让小球到达屏幕底端。当玩家破坏了所有砖块的时候即为完成了游戏。

下面我们可以看到Breakout原本在Atari 2600上是什么样子的：

游戏有以下几个机制：

• 玩家能够控制一个小挡板，它只能在屏幕范围内左右移动。
• 球在屏幕上运动，每一次碰撞都会使球根据碰撞位置改变运动方向。对屏幕边框，砖块，挡板都需要有碰撞判定。
• 当球运动到屏幕底部边界的时候，游戏结束或者玩家丧失一点生命值。
• 球碰到砖块的时候，砖块会被破坏。
• 当所有砖块都被破坏，玩家获胜。
• 球的方向可以通过球碰撞在挡板上的位置（即到挡板中心的距离）来操控。

由于小球会不时通过缝隙到达砖墙的上方，它会在顶部边缘与砖块层的上边缘之间不断弹跳。小球会一直持续这种状态直到最终再次进入缝隙掉下来。这也是这个游戏名字的来源，小球必须要从缝隙中逃脱(Break out)出来。

---

OpenGL Breakout

我们将把这个经典的街机游戏作为我们之后要完全使用OpenGL实现的这个游戏的基础。这个版本的Breakout将会运行在显卡上，所以我们能够改进经典的Breakout游戏，给它加一些很棒的特性。

除了以上这些经典的机制，我们的Breakout还将拥有：

• 你见过最棒的画质
• 粒子系统
• 高级文字渲染
• 道具
• 后期处理特效
• 多个（可自定义的）关卡

为了引起大家的兴趣，你可以看看游戏完成之后的样子：

这些教程将会结合之前教程中的大量概念，并且会展示如何让它们以一个整体工作。所以，在你开始这个系列教程的学习之前，请至少完成「入门」章节。

而且，有些教程会需求其它一些教程的概念（比如说在「高级OpenGL」章节中的帧缓冲），所以当必要的时候我会列出需求的教程。

如果你已准备好开发这个游戏，可以开始下一节的学习了。

后记

本篇已结束，后面更精彩~~~~