uniapp实现贪吃蛇小游戏

游戏演示

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-LO1iCMQ9-1655362014052)(https://p6-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/ff97fe3fec99448896e1b4175fa96e9d~tplv-k3u1fbpfcp-zoom-in-crop-mark:1956:0:0:0.image?)]

代码结构

详细代码结构如果需要请到github查看

主要分为:开始游戏、地块、蛇身、虫子、污染地块,游戏音效


 

渲染蛇身

给我们的蛇穿上他的外衣 蛇身的渲染根据snakes(里边放着蛇的身体)来匹配地面板块的索引 从而找到对应的格格并修改背景图来渲染蛇身 蛇头和蛇尾就是取snakes第0位和最后一位 并找到对应的格格修改当前背景图


 

给贪吃蛇添加音效

添加游戏音效游戏代入感就强了很多 现在我们要给蛇加上背景音乐、点击交互音乐、蛇隔儿屁的音乐、蛇吃掉食物的音乐、虫子爆炸倒计时的音乐和虫子爆炸的音乐

先给添加上背景音乐 总有刁民可以玩到地图满为止 背景音乐的话要loop播放 我们只需要 使用uni.createInnerAudioContext来创建并返回内部 audio 上下文 innerAudioContext 对象 拿到音乐的路径并且设置自动播放


                    
                    

你可能感兴趣的:(javascript,开发语言,ecmascript)