微信小程序如何在 wx：for 中判断页面跳转
414
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>
具体的代码和实现效果如下
三、计时模式
计时模式下
用户将在指定时间内点击黑块
时间到则结束游戏
四、急速模式
急速模式下
黑块的移动速度提升
版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。
相关文章
发表评论
最近发表
推荐文章
热评文章
暂时没有评论，来抢沙发吧~