Maison> interface Web> uni-app> le corps du texte

Parlons de la façon d'utiliser Uniapp pour développer un jeu de serpent !

青灯夜游
Libérer: 2022-05-20 19:56:18
avant
5279 Les gens l'ont consulté

Comment utiliser Uniapp pour développer un jeu de serpent ? L'article suivant vous guidera étape par étape pour implémenter le jeu Snake dans uniapp. J'espère qu'il vous sera utile !

Parlons de la façon d'utiliser Uniapp pour développer un jeu de serpent !

La première fois que j'ai joué à Snake, je me souviens encore vaguement que c'était le premier jeu que mon père a joué pour moi après ?️

Ce petit jeu a été développé en utilisantuniappuniapp开发

前置详细内容就不细说了详细看:https://juejin.cn/post/7085727363547283469#heading-14

游戏演示

Parlons de la façon dutiliser Uniapp pour développer un jeu de serpent !

代码结构

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

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

 
Copier après la connexion

渲染蛇身

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

 
Copier après la connexion

给贪吃蛇添加音效

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

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