微信小程序开发之实现别踩白块游戏

网友投稿 450 2023-11-07

−目录一、项目展示二、无尽模式三、计时模式四、急速模式

一、项目展示

别踩白块是一款微信小游戏

微信小程序开发之实现别踩白块游戏

分为无尽模式、计时模式、急速模式三种模式

用户需要点击不断移动的黑色方块

若点击到白色方块则游戏结束

二、无尽模式

无尽模式下可以一直进行游戏

直到失败为止

其中方块的生成和点击计数代码如下：

?
1
2
3
4
5
6
7
8
9
10
11
12
<!--play.wxml-->
<view class="score">{{score}}</view>
<view class="play-box">
<block wx:for="{{blockData}}" wx:for-index="i" wx:key="i">
<view class="block-line" id="line-{{blockData[i].id}}">
<block wx:for="{{blockData[i].block}}" wx:key="*this" wx:for-index="j">
<view wx:if="{{blockData[i].block[j] == 0}}" id="block-{{blockData[i].id}}-{{j}}-{{0}}" class="block" bindtap="handleClick"></view>
<view wx:else class="block black" id="block-{{blockData[i].id}}-{{j}}-{{1}}" bindtap="handleClick"></view>
</block> 
</view>
</block>
</view>

具体的代码和实现效果如下

三、计时模式

计时模式下

用户将在指定时间内点击黑块

时间到则结束游戏

四、急速模式

急速模式下

黑块的移动速度提升

您可能感兴趣的文章:微信小程序开发之实现摇色子游戏微信小程序实现经典window扫雷游戏微信小程序实战之双人五子棋游戏是实现微信小程序实现狼人杀小游戏的示例详解微信小程序实现猜数字小游戏的实战过程微信小程序实现2048小游戏的详细过程

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。

标签：程序 微信小程序 小程序 数字
上一篇:微博推出小程序，为什么平台也都要上线小程序
下一篇:微信小程序怎么赚钱？
相关文章

 发表评论

暂时没有评论，来抢沙发吧~