用JavaScript和jQuery合作，做一个别踩白块游戏
2025-07-1224
昨天用原生javascript做了一个飞机大战坦克游戏，今天来玩一个别踩白块吧。
还记得是笔者上大学的时候，挺流行单击款单击游戏《别踩白块儿》，不知道你有没有玩过，突来兴致，就觉得尝试着自己写一个，因为笔者初学，总感觉思路上有一些缺陷，拿出来大家讨论，高手们可以告诉我如果修改，能做的更完美。谢过~
首先还是要推荐我的QQ群：594959296，从我一个人到现在的703人都是我每篇文章来的粉丝和一起学习的小伙伴，都是前端党，群里不定期分享干货。想学到东西的都可以来，小编我欢迎大家。思路
1.在界面外搭建两个与游戏界面相同的游戏场景，然后不停切换
2.当界面在屏幕之外时，变换黑块的位置
HTML搭建页面
css样式
准备工作
获取我们需要的DOM节点
设计游戏
在界面外搭建两个与游戏界面相同的游戏场景，然后不停切换，设置定时器，让我们的页面动起来。
为了方便大家观看，把loop1的背景设置成红色，loop2的背景设置成蓝色
效果如下
当界面在屏幕之外时，随机变换黑块的位置，具体请看注释
如果是黑色，那么随机音乐音符播放。积分加1；
因为这里获取节点的时候如果单用js会有点麻烦，笔者偷个懒，用了jQuery
javascript完整代码太长，要代码的可以加我的群：594959296，我都上传到群文件里了，不多说了大家一起交流，明天文章更精彩哦，web前端学起来还是挺有意思的。
