这是我参与「第四届青训营 」笔记创作活动的17天
小游戏开发
一.游戏发展历史
-
广义上的游戏
- 最广泛的定义一种有组织的玩耍，一般是以娱乐为目的，有时也有教育目的 在英语中，体育比赛(Game) 也是游戏，只要其活动本质带有目的、规则、挑战和互动，我们都可以把其归为游戏。
- 拔河作为体育活动具有-定的规则约束、对参与者的体力和策略选择有要求，双方具有对抗性和互动，最终通过胜利来获得心理上的愉悦，因此可以定义为游戏。我们把范围缩小一下:电子游戏
- 在游戏中，玩家依托电子设备(如电脑、游戏机、手机等)进行交互。
-
狭义上的游戏
- 狭义上的游戏即通过游戏引擎制作的电子游戏
- 游戏的分类
二.前端场景下的游戏开发
1.开发链路和角色
游戏开发的团队
组建一个最下但完整的游戏开发团队只需要3个人：策划、程序、美术。
当然，能力足够强的话可以作为独立开发者。
2.为什么要用游戏引擎
- 游戏引擎最大的游戏:渲染
- 引擎的诞生就是因为一家公司做了一款游戏，做下一款游戏时复用了上一款游戏的代码，后来发现这些
- 代码几乎每个游戏都会用到，抽离出来就成了一个引擎。
- 如果不使用引擎，你可以做复杂的动效渲染和交互吗?当然可以。方便吗?不一定。 所以游戏引擎更像是一套解决方案，让你在制作某一类 型的产品的时候能够提高你的开发效率。
- 你要做多平台移植? React Native、 Weex、 Cordova等方案也可以做到。 你要做物理效果? MatterJS、 ammo.js等物理引擎可以用。 你要做动画? CSS实现又不是不行。复杂点?封装一个动画库。
3.前端开发过渡到游戏开发
- 需要先有一个明确的认知:前端开发和游戏开发不是相斥的。
- 现在市场上很多H5游戏、小游戏都是Web前端开发制作的，而不是专门的游戏开发团队、专业的游戏研发同学开发。
- 其原因可能在于: 1.接触前端开发的研发数量远大于接触游戏开发的数量(招聘成本高) 2.2d游戏引擎的上手门槛已经足够低(易上手) 3.活动H5中的游戏玩法的实现方式比较模糊(开发界限模糊)
- 现在很多主流的2d游戏引擎都支持使用Javascript进行开发同时使用相关的工程化能力，也是游戏开
- 发向web前端开发靠拢的一种表现。 因此，以web前端开发的视角看2d游戏引擎，无非是一套框架、一套解决方案而已。 但是开发理念上还是有差别的:游戏开发更关注内容。
三.游戏引擎
1.市面上常见游戏引擎
-
我们暂且不讨论些端 游的引擎， 比如
- Unreal (虚幻引擎，代表作《PUBG》、《GTA5》 )、
- Source (起源引擎，代表作《CS》 、《Dota2》 )、
- Frostbite Engine (寒霜引擎，代表作《战地》《极品飞车18》)、
- Unity3D (代表作《炉石传说》、《王者荣耀》 )
- 路要一步一步走，我们先看看我们作为前端开发最容易上手的引擎。
2.2D游戏引擎的技术架构
3.Web 游戏引擎的渲染原理
- 创建一个Renderer渲染器，获取它的view (一个canvas对象)，添加到Dom Tree中。 (或者指定Dom Tree中已经存在的canvas对象作为view)
- 在MainLoop (主循环)中调用Renderer.render()并 传入一个DisplayObject作为根节 点开发渲染。
- 从场景树的根节点开始，以zIndex为序从小到大进行深度优先遍历，对每个节点进行渲染操作，由后往前把整个场景绘制一次。(CanvasRenderer)
