植物大战僵尸HTML5微信朋友圈游戏源码下载

zhu

微信朋友圈版植物大战僵尸是使用html5的canvas,Css3,还有音频操作来实现的，脚本框架使用开源的phaser.js。pharser操作canvas的核心代码如下：

1. //导入游戏画布
   
2. var game = new Phaser.Game(document.documentElement.clientWidth, height, Phaser.CANVAS, 'game', { preload: preload, create: create, update: update });
   
3. 
   
4. //预导入内容
   
5. function preload() {
   
6.         //添加背景
   
7.         game.load.image('background', 'assets/gamebackground.jpg');
   
8.         //引入坚果
   
9.         game.load.image('ball','assets/bowlingball.png');
   
10.         //左边按键
    
11.         game.load.spritesheet('leftbtn', 'assets/btn-left.png',192,720);
    
12.         //右边按键
    
13.         game.load.spritesheet('rightbtn', 'assets/btn-right.png',192,720);
    
14.         // //添加基础僵尸
    
15.         game.load.spritesheet('zombie-normal', 'assets/zombie-normal.png', 126, 133);
    
16.          //添加太阳僵尸
    
17.         game.load.spritesheet('zombie-sun', 'assets/zombie-sun.png', 130, 150);
    
18.          //添加旗子僵尸
    
19.         game.load.spritesheet('zombie-flag', 'assets/zombie-flag.png', 155, 150);
    
20.          //添加大僵尸
    
21.         game.load.spritesheet('zombie-snow', 'assets/zombie-snow.png', 230,180);
    
22.         //添加水沟
    
23.         game.load.image('ditchleft', 'assets/ditchleft.jpg');
    
24.         game.load.image('ditchright', 'assets/ditchright.jpg');
    
25. 
    
26.         //添加按钮
    
27.         game.load.image('button', 'assets/btnreplay.png');
    
28.         //添加按钮
    
29.         game.load.image('btnmore', 'assets/btnmore.png');
    
30.         //添加按钮
    
31.         game.load.image('btnshare', 'assets/btnshare.png');
    
32.         //说明按钮
    
33.         game.load.image('instruction','assets/shuomingchakan.png');
    
34.         //添加图片
    
35.         game.load.image('backgroundblack', 'assets/bb.jpg');
    
36.         game.load.image('gameover', 'assets/over1.png');
    
37. }

复制代码

界面预览：

界面截图

在线演示：

二维码

(请使用微信扫描二维码查看实际演示效果)
源码下载：

游客，如果您要查看本帖隐藏内容请回复

注意：本源码来源于互联网，仅用于学习研究用途，请勿作为商业用途，源码下载后需24小时内删除。

很不错，学习一下

想要学习下 看看源码

学习一下学习一下学习一下

想要学习下 看看源码