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

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

       狼人杀是一款多人参与的策略类桌面游戏，适合4至人玩。源码游戏中有多种角色，论坛包括狼人、骑士骑士预言家、源码街道伴红包源码平民、论坛ios 系统框架源码女巫、骑士骑士猎人、源码白痴、论坛守卫、骑士骑士骑士等。源码每个角色都有其独特功能。论坛游戏人数决定了角色数量，骑士骑士成品网站超市源码如人数达到人时，源码将出现丘比特角色。论坛

       首页是选择游戏人数的页面，不同人数分配不同角色数量。字模提取软件源码常驻角色有狼人、村民、预言家、女巫、asp源码建站步骤猎人。当游戏人数达到人时，会出现丘比特。UI代码如下：

       index.wxml：

       <view class="container">

        <view class="setting">

        <image class="logo" src="{ { logo}}"/>

        </view>

        <form action="">

        <picker range="{ { array}}" value="{ { index}}" bindchange="gameNumberChange">

        <text class="picker">选择游戏人数:</text>

        <text wx:if="{ { array[index] < }}">{ { array[index]}}</text>

        <text wx:else>{ { array[index]}}</text>

        </picker>

        <view class="role-config">

        <view wx:for="{ { config}}">

        <image class="role-logo" src="{ { item.role.logo}}"/>

        { { item.role.name}} x { { item.count}}

        </view>

        </view>

        </form>

       </view>

       <button type="primary" bindtap="startGame">开始游戏</button>

       游戏开始后，玩家需抽取角色牌，随后跳转至游戏界面。角色选取界面的部分代码如下：

       <view class="container" wx:if="{ { isChoosing}}">

        <view class="inner-container">

        <view class="swiper-indicator">{ { swiperCurrent}}/{ { roles.length}}</view>

        <swiper bindchange="swiperCurrentChange">

        <swiper-item wx:for="{ { roles}}">

        <view class="item-container">

        <view class="side-space"/>

        <image src="{ { cover}}" class="cover"/>

        <view class="side-space"/>

        </view>

        </swiper-item>

        </swiper>

        <button type="primary" bindtap="chooseRole">选择这张牌</button>

        </view>

       </view>

       <view class="inner-container" wx:else>

        <view class="role-logo-container">

        <image src="{ { choosedRole.logo}}" class="role-logo" animation="{ { roleLogoAnimationData}}"/>

        </view>

        <view class="role-name">你的角色是: { { choosedRole.name}}</view>

        <view class="role-description">{ { choosedRole.description}}</view>

        <button type="primary" bindtap="setReady">准备好了</button>

       </view>

       游戏中有多个白天与黑夜的转换环节，狼人可以在黑夜中淘汰选手。神职人员有着不同的技能。女巫有两瓶药，一瓶救命一瓶杀人；猎人可以在每轮猎杀一名玩家。这些角色和技能让游戏充满变数和乐趣。

       特殊角色的介绍就到这里，是不是很有趣呢？

       源码获取链接：提取码