Phaser学习笔记

原文地址：Phaser教程1

Phaser简介

Phaser是一个html5游戏框架，可以帮助开发者快速地制作功能强大、跨浏览器的html5游戏。它唯一的浏览器要求是对canvas标签的支持。

制作一个简单的小游戏

首先创建一个新的html文档，并在页面中引入phaser.js文件

<script src="phaser.min.js"></script>

创建game

接下来需要写这样一段代码：

var game = new Phaser.Game(800, 600, Phaser.AUTO, '', {preload: preload, create: create, update: update});

function preload() {
   
}

function create() {
   
}

function update() {
   
}

创建一个Phaser.Game对象的实例，并命名为game。
把它命名为game是一个常见的做法。参看Game API

加载资源

在preload函数中调用game.load函数。Phaser启动时会自动查询这个函数并加载其中定义的内容。

function preload() {

    game.load.image('sky', 'assets/sky.png');
    game.load.image('ground', 'assets/platform.png');
    game.load.image('star', 'assets/star.png');
    game.load.spritesheet('dude', 'assets/dude.png', 32, 48);

}

在create函数中添加如下代码添加小元素

function create() {
   
    game.add.sprite(0, 0, 'star');
}

打开浏览器，会看到黑色的游戏屏幕和左上角的小星星。