以前用CSS3画了一条🐟,那仍是一年前的事情了,此次我用一天的时间去研究了一下pixi.js,一个基于webgl的2D游戏引擎,而后用它作了一个demo出来,变态版大鱼吃小鱼。html
这是一个h5游戏排名,我最看好pixi,刚开始也试过create.js,不过它不支持webgl,这是一个硬伤,而后又了解了一下Phaser,基于pixi开发的,功能确定比pixi强大,不过我以为它过重了,好像是500多K,不适合作小游戏,而pixi只有90K,而且支持webgl,因此就选它了web
参考官方API试着作了一个大鱼吃小鱼的demo,先上一张截图webgl
pixi给咱们封装了一套API,咱们不须要关系底层的东西,也不须要了解webgl,效果棒棒哒htm
先说一下游戏及开发思路对象
玩法:键盘上下左右blog
1,建立页面中游动的对象游戏
2,监听每一帧,给每一个对象变换位置,而且处理主角的状态(吃鱼和被吃)开发
3,其次就是游戏结束的处理了get
源代码在个人GitHub上,不过不方便公开,想下载代码能够直接从个人试玩网址上拔下来。it