好得很程序员自学网

<tfoot draggable='sEl'></tfoot>

Phaser实现Flappybird

Flappybird小游戏曾经风靡全世界,虽然是一款非常简单的小游戏,但是却非常容易让人上瘾,一只呆萌的小鸟,几根绿色的柱子,随着手指的点击,在屏幕上运动着。今天,我们就用Phaser,来还原这一神作!

先给一个线上地址,大家体验:http://game.webxinxin.com/flappybird/。

整个游戏分为四个场景来进行编写,但是前面两个场景都是为了加载资源做准备的,所以实际上只有两个主要的场景。

首先在boot场景中,将preloader.gif这个loading的图片资源加载进来,然后跳到preload场景,在preload场景中加载其他资源,这样的话,在加载资源的时候,就能够有一个以preloader.gif作为图片的进度条显示了。

在preload中,我们通过以下两句代码设置preloadSprite,然后再去加载其他的资源,这样就能够出现进度啦~~

var preloadSprite = game.add.sprite(34, game.height/2, 'loading');
game.load.setPreloadSprite(preloadSprite);

查看更多关于Phaser实现Flappybird的详细内容...

  阅读:44次

上一篇: 手把手教你画像素

下一篇:Phaser入门教程