HTML5游戏框架大军中的一乘轻骑Phaser.pdf

HTML5游戏框架大军中的一乘轻骑Phaser 摘要：HTML5游戏以其 “低门槛、低成本、简单有趣、易于分享”的特点受到了广大玩家的喜爱 和业界人士的关注，本文将介绍HTML5游戏框架大军中的一乘轻骑——Phaser。 【编者按】HTML5游戏以其 “低门槛、低成本、简单有趣、易于分享”的特点受到了广大玩家的 喜爱和业界人士的关注。不论是新手还是企业专业团队，从无到有制作一个游戏并不总是一个好主意， 选用适合自己的游戏引擎或者框架才是正确的途径。本文将介绍HTML5游戏框架大军中的一乘轻骑— —Phaser。 Phaser简介 Phaser是一个开源HTML5游戏框架，由Photon Storm公司创建，在2011年发布1.0版本后， 就进入稳定期，定期更新版本，很多新的功能和修复会快速完成。大约一个月发布一次稳定版——可 以在GitHub上查看完整的更新记录。Phaser 的设计目标是创建运行在桌面和移动设备网页浏览器上 的游戏。近几年，人们越来越关注移动设备网页浏览器的性能，以及快速增长、非常重要的网页游戏 领域。Photon Storm公司早在2011年就开始制作游戏工具与游戏，其技术积累，能帮助开发者提供 游戏开发中的种种需求，直面游戏开发中的痛点。 Phaser主要特色 朴素的JavaScript编程风格 这听起来好像是一个奇怪的 “特性”，但实际上这点相当有吸引力。Phaser 内部不使用任何人 造的OO风格编程。没有大量的继承链和组件系统，你也不必强迫对象设计为任何固定的类结构。只 有简单直接的原型链，JavaScript最自然的使用方式。 这并不意味着你不能以结构化方式创建游戏。这只是意味着它不是强制性的。这也意味着Phaser 内部可以轻松地改造。 简单易用的资源加载 Phaser 内置的资源加载器可以处理：  精灵表（固定尺寸帧）  纹理图片集（包括Texture Packer、JSON Hash、JSON Array、Flash CS6/CC 以及Starling XML 格式）  音频文件  数据文件（XML、JSON和文本文件）  JavaScript文件（所以你能部分加载游戏或JS资源）  Tilemaps （CSV和Tiled地图格式）  Bitmap字体 我通常从Flash直接导出纹理图片集到Phaser游戏，并且完全支持修剪空白边缘的图片集。资 源可以部分加载、缓存，以及从不同URLs （为了支持CDN）拉取，你只需要一行代码就能将任何精灵 变成进度条。 渲染：WebGL和Canvas Phaser 内部使用Pixi.js进行渲染。Pixil是一个专注于Canvas和WebGL非常棒和快速的渲染 库。Photon Storm公司宣称将持续资助这个库不断改进和发展。 对于你的游戏，这意味着如果浏览器支持WebGL，那么玩家就会获得更加流畅的游戏体验。WebGL 在桌面平台已经非常普遍，但在移动平台还在发展初期，即便如此，这也是HTML5游戏发展的未来， 所以支持它非常重要。最新发布的Phaser版本引入了WebGL着色器和过滤支持，并且即将发布的版 本将实现法线贴图（normal map），所以你将能使用新工具诸如Sprite Lamp。 音频：网络音频和遗留音频 音频成为HTML游戏的软肋很多年了。仅仅几年前，还面临选择一个单声道高延迟的音频还是根 本不使用音频而两难。还好时代变了，Web Audio API来拯救我们了。它支持基于节点的音频，多通 道，节点路由和各种效果。毫无疑问，Phaser全面支持Web Audio。 然而，很多设备，尤其是Android设备仍有不支持Web Audio——所以Phaser也支持遗留音频 以及使用Audio Sprite：打包一组声音到单个文件，然后使用回放标记跳转到不同的效果。Phaser 将在两种方式自带切换，取决于设备的能力，并且也包含自动为你解锁音频自系统，它捕获了许多第 一批移动开发者的芳心。 输入：多点触碰，键盘，指针，鼠标 当需要支持桌面和移动平台，有越来越多的不同数量的潜在输入选项。Phaser支持键盘、鼠标、 触摸、MSPointer （目前Pointer在IE11下）以及它们的组合。例如，在Windows Surface设备上， 你可以在鼠标和触摸两者之间切换，或同时使用两者。 对于触摸输