【方块消消乐】方块消除游戏

2024-07-01 00:03| 来源: 网络整理| 查看: 265

有做过俄罗斯方块游戏小程序的经验，这次有做了一个消灭方块的游戏，实现过程很顺利，游戏看着和之前做的俄罗斯方块游戏很像，这里调整了玩法，试玩感觉还可以，接下来给大家讲一讲消灭方块游戏开发过程。

俄罗斯方块游戏文章【俄罗斯方块】单机游戏-微信小程序项目开发入门

文章目录小程序初始页面游戏页面游戏逻辑游戏背景游戏方块开始游戏选择方块拖动方块消灭方块游戏测试

这里的消灭方块游戏，也叫方块消消乐游戏，

小程序

用微信开发工具打开，新建一个小程序项目，例如项目名miniprogram-BoxDesalination，

如下图，依次选择即可

AppID 选自己申请的测试号不使用云服务（不免费） JavaScript - 基础模板

这里选创建小程序项目，因为这开发比小游戏项目开发难度低了不少，很适合新手学习

初始页面

初始页面文件位置在/pages/index/index，

在页面index.wxml布局文件中添加按钮，添加内容如下，点击按钮进入游戏，

进入游戏

然后在页面index.js逻辑文件中添加进入游戏的点击事件

Component({ methods: { // 事件处理函数 onClickKey(e) { wx.navigateTo({ url: '/pages/game/game', }) } } }

现在这个时间点，微信开发工具自动创建的小程序项目的初始页面跟旧版的不同了，初始页面以前是用页面Pages对象，现在发现是用的自定义组件Component展示，添加的方法是在methods里面的

游戏页面

创建一个游戏页面，文件位置在/pages/game/game，

打开页面game.wxml布局文件，布局内容如下

【本文地址】

今日新闻