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

游戏开发的技能树

PixiJS+Web开发

1、PixiJS简介

本质上是一个渲染引擎，不仅能做游戏，还能使用这个技术去创建任何交互式内容，还能够在它的基础上做自己的游戏引擎。

2、Web项目中加载一个游戏玩法

• 安装和引入

  • npm安装或者通过script标签引入<script src="pixi.min.js"></script>

• 创建Pixi应用和舞台（Stage）

  

• 显示一张图

  • Sprite（精灵）：一个用于承载图像的对象，你能够控制它的大小、位置等属性来产生交互、动画。

  • 纹理缓存（指可以被GPU处理的图像）：Pixi使用纹理缓存来存储和引用Script所需要的纹理，纹理的名称字符串就是图像的地址。

    

• 让图片动起来

Cocos Creator编辑器开发

1、Cocos Creator介绍

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

2、编辑器开发集成的能力

• Cocos的工作流

  

• 创建项目

  

• 搭建场景：Cocos的工作流——数据驱动和场景为核心、组件式开发为核心。

  

  • 节点（cc.Node）是承载组件的实体，我们通过将具有各种功能的组件（比如Sprite、Spine、Label）挂载到节点上，来让节点具有各式各样的表现和功能。

  • 节点构成节点树，节点树影响真实的渲染层级。

    

• 导入资源+显示资源:从操作系统中的其他窗口拖拽文件到Cocos Creator窗口中的资源管理器面板上，就能够从外部导入资源。该操作会自动复制资源文件到项目资源文件夹下，并完成导入操作。然后把图片拖到层级管理器即可以生成一个cc.Scripte。

  

• 脚本挂载

  

  然后在Cocos Creator中对应的节点把脚本挂载上去

  

• 运行调试

  

小游戏“小”在哪里

• 游戏发布平台的差异性

  

• 游戏开发的重要理念

  • 激发创造 把游戏开发过程当做一个游戏，在规则（自己技术栈、先定主题、限定资源）的约束下通过创意和技术力挑战一个高质量的游戏。