微信小程序实现狼人杀小游戏的示例详解

一、项目展示

狼人杀是一款多人参与的,通过语言描述推动、较量口才和分析判断能力的策略类桌面游戏

玩家人数适于4-18人参与

主要角色有:狼人 、预言家 、平民 、女巫 、猎人 、白痴 、守卫 、骑士等

微信小程序实现狼人杀小游戏的示例详解_第1张图片

同时还有众多的玩家形象

微信小程序实现狼人杀小游戏的示例详解_第2张图片

各角色的职能介绍

微信小程序实现狼人杀小游戏的示例详解_第3张图片

设置游戏人数和选择对应角色

微信小程序实现狼人杀小游戏的示例详解_第4张图片

开启游戏环节

微信小程序实现狼人杀小游戏的示例详解_第5张图片

二、首页

首页是选择游戏人数的页面

不同人数会分配不同的角色数量

常驻角色有狼人、村民、预言家、女巫、猎人

当游戏人数达到11人时将出现丘比特

UI代码如下:



  
    
    
选择游戏人数: {{" " + array[index]}} {{array[index]}} {{item.role.name}} x {{item.count}}

效果如下:

微信小程序实现狼人杀小游戏的示例详解_第6张图片

三、游戏页

在进入游戏界面之前,玩家需要抽取自己对应的角色牌

之后才是跳转到游戏的界面

角色选取界面部分代码如下:


    
        
            {{swiperCurrent}}/{{roles.length}}
            
                
                    
                        
                            
                            
                            
                        
                    
                
            
        
        
    
    
        
            
                
            
            你的角色是: {{choosedRole.name}}
            {{choosedRole.description}}
        
        
    

效果展示:

进入游戏后,有多个白天黑夜的转换环节,狼人可以在黑夜中淘汰选手

效果如下:

四、特殊角色

上面的效果是普通村民和狼人的

其中,神职人员有着不同的技能

首先是女巫

女巫有两瓶药,一瓶救命一瓶杀人

微信小程序实现狼人杀小游戏的示例详解_第7张图片

另外是猎人

猎人在每轮可以猎杀掉一名玩家

微信小程序实现狼人杀小游戏的示例详解_第8张图片

具体的介绍就到这里了,是不是很有趣呢

五、源码

源码获取链接 提取码:1234

到此这篇关于微信小程序实现狼人杀小游戏的示例详解的文章就介绍到这了,更多相关小程序狼人杀内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

你可能感兴趣的:(微信小程序实现狼人杀小游戏的示例详解)