狼人杀微信小程序项目实例（附源码）
一、项目展示
狼人杀是一款多人参与的，通过语言描述推动、较量口才和分析判断能力的策略类桌面游戏
玩家人数适于4-18人参与
主要角色有：狼人 、预言家 、平民 、女巫 、猎人 、白痴 、守卫 、骑士等
同时还有众多的玩家形象
各角色的职能介绍
设置游戏人数和选择对应角色
开启游戏环节
二、首页
首页是选择游戏人数的页面
不同人数会分配不同的角色数量
常驻角色有狼人、村民、预言家、女巫、猎人
当游戏人数达到11人时将出现丘比特
UI代码如下：
"container">
"setting">
"logo" src="{{logo}}">
"">
"{{array}}" value="{{index}}" bindchange="gameNumberChange">
"picker">选择游戏人数:
if="{{array[index] < 10}}">{{" " + array[index]}}
else>{{array[index]}}
"role-config" wx:for="{{config}}">
"role-logo" src="{{item.role.logo}}">
{{item.role.name}} x {{item.count}}
type="primary" bindtap="startGame">开始游戏
效果如下：
三、游戏页
在进入游戏界面之前，玩家需要抽取自己对应的角色牌
之后才是跳转到游戏的界面
角色选取界面部分代码如下：
"container">
if="{{isChoosing}}">
"inner-container">
"swiper-indicator">{{swiperCurrent}}/{{roles.length}}
"swiperCurrentChange">
for="{{roles}}">
"item-container">
"side-space">
"{{cover}}" class="cover">
"side-space">
type="primary" bindtap="chooseRole">选择这张牌
else>
"inner-container">
"role-logo-container">
"{{choosedRole.logo}}" class="role-logo" animation="{{roleLogoAnimationData}}">
"role-name">你的角色是: {{choosedRole.name}}
"role-description">{{choosedRole.description}}
type="primary" bindtap="setReady">准备好了
效果展示：
进入游戏后，有多个白天黑夜的转换环节，狼人可以在黑夜中淘汰选手
效果如下：
四、特殊角色
上面的效果是普通村民和狼人的
其中，神职人员有着不同的技能
首先是女巫
女巫有两瓶药，一瓶救命一瓶杀人
另外是猎人
猎人在每轮可以猎杀掉一名玩家
下载方式
关注公众号后台转发朋友圈截图回复666即可获得
相关阅读：
评论