小游戏开发|青训营笔记

102 阅读2分钟

这是我参与【第四届青训营】笔记创作活动的第19天

Web 游戏引擎的渲染原理

1.创建一个Renderer渲染器,获取它的view(一个canvas对象),添加到Dom Tree中。(或者指定Dom Tree中已经存在的canvas对象作为view)

2.在MainLoop(主循环) 中调用Renderer.render()并传入一个DisplayObject作为根节点开发渲染

3.从场景树的根节点开始,以zindex为序从小到大进行深度优先遍历,对每个节点进行渲染操作,有后往前把整个场景绘制一次(CanvasRenderer)

4.WebGL的render方法执行过程

游戏开发的技能树

如下图所示:

image.png

Cocos Creator编辑器

1.定义:

这是一个完整的游戏开发解决方案,包含了轻量高效的跨平台游戏引擎,以及能让你更快的开发游戏所需要的各种图形界面工具。

2.流程:

首先需要创建项目---->开发----->设计场景---->预览和测试------>利用Rutime桌面模拟器调试------>插入ANYSDK------>打包发布------>Cocos Runtime 场景搭建需要数据驱动和场景为核心、组件方式开发为核心

3.节点的定义:

节点是承载组建的实体,我们通过将具有各种功能的组件加载到节点上使其具有各种功能。

image.png

小游戏的优势

在各种3A大作层不不穷之时,各种类型的小游戏也开始进入这个世界。比如前些日子很火的:跳一跳,合成大西瓜。小游戏的生存空间和发展场景也是很广泛的 首先小游戏用到的游戏引擎一般都是H5游戏引擎,用到的是javascript游戏逻辑,比如一些微信小游戏,或者网页小游戏制作简单适合于代码能力不强,但是想象力创造力分丰富的人群。由于它的便携性,她的流量占用依旧很高