本系列主要讲利用微信小程序完整实现狼人杀游戏，慢慢跟进

关于狼人杀的游戏规则，就懒得赘述了，请自行百度。以下正文开始

1. 创建房间以及加入房间
2. 创建房间逻辑
3. 加入房间逻辑

后续更改界面什么

创建房间效果图

以下实现逻辑，首先具有一个初始参数，然后根据用户选择来进行调节

Page({

  /**
   * 页面的初始数据
   */
  data: {
    person_step: 62.5, //初始人数条
    wolf_step: 60, //初始狼人条
    sumPerson: 9, //参与人数
    sumWolf: 3, //狼人人数
    radio: '2', //默认屠边
    loading: false, //不加载
    initPerson: { //默认配置
      hunter: 1, //猎人
      witch: 1, //女巫
      prophet: 1, //预言家
      guard: 0, //守卫
      idiot: 0, //白痴
      villager: 3, //村民
      wolf: 3, //狼人
      sheriff: 2, //警长票数
    },
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function(options) {

  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function() {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function() {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function() {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function() {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function() {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function() {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function() {

  },
  onDrag(event) {
    this.setData({
      sumPerson: Math.ceil(event.detail.value / 6.25)
    })
  },
  onDrag_wolf(event) {
    this.setData({
      sumWolf: Math.ceil(event.detail.value / 20)
    })
  },
  onChange(event) {
    this.setData({
      radio: event.detail
    });
  },
  //推荐设置
  setIdentity() {
    let initPerson = this.data.initPerson,
      that = this
    switch (this.data.sumPerson) {
      case 9:
        initPerson.hunter = 1
        initPerson.witch = 1
        initPerson.prophet = 1
        initPerson.wolf = 3
        initPerson.villager = 3
        initPerson.guard = 0
        initPerson.idiot = 0
        initPerson.sheriff = 0
        break;
      case 10:
        initPerson.hunter = 1
        initPerson.witch = 1
        initPerson.prophet = 1
        initPerson.wolf = 3
        initPerson.villager = 4
        initPerson.guard = 0
        initPerson.idiot = 0
        initPerson.sheriff = 0
        break;
      case 11:
        initPerson.hunter = 1
        initPerson.witch = 1
        initPerson.prophet = 1
        initPerson.wolf = 4
        initPerson.villager = 3
        initPerson.guard = 0
        initPerson.idiot = 1
        initPerson.sheriff = 3
        break;
      case 12:
        initPerson.hunter = 1
        initPerson.witch = 1
        initPerson.prophet = 1
        initPerson.wolf = 4
        initPerson.villager = 4
        initPerson.guard = 0
        initPerson.idiot = 1
        initPerson.sheriff = 3
        break;
      case 13:
        Toast('目前没有推荐配置，请自行配置')
        break;
      case 14:
        Toast('目前没有推荐配置，请自行配置')
        break;
      case 15:
        Toast('目前没有推荐配置，请自行配置')
        break;
      case 16:
        Toast('目前没有推荐配置，请自行配置')
        break;
    }
    this.setData({
      initPerson: initPerson,
      sumWolf: initPerson.wolf,
      sumPerson: that.reckonPerson(),
      person_step: that.reckonPerson() * 6.25,
      wolf_step: initPerson.wolf * 20
    })
  },
  //头像单点
  identityClick(event) {
    // 1 2 3 4 5 6 7 8  hunter witch prophet wolf villager guard idiot sheriff
    let initPerson = this.data.initPerson,
      that = this,
      sumPerson = this.data.sumPerson
    switch (parseInt(event.currentTarget.dataset.index)) {
      case 1:
        Toast('当前局只能有1个猎人')
        break;
      case 2:
        Toast('当前局只能有1个女巫')
        break;
      case 3:
        Toast('当前局只能有1个预言家')
        break;
      case 4:
        initPerson.wolf = initPerson.wolf + 1
        break;
      case 5:
        initPerson.villager = initPerson.villager + 1
        break;
      case 6:
        initPerson.guard = initPerson.guard + 1
        break;
      case 7:
        initPerson.idiot = initPerson.idiot + 1
        break;
      case 8:
        if (parseInt(initPerson.sheriff) < 4) {
          initPerson.sheriff = initPerson.sheriff + 0.5;
        } else {
          Toast('最高4票，0.5票算作一人')
        }
        break;
    }
    if (that.reckonPerson() <= 16) {
      this.setData({
        initPerson: initPerson,
        sumPerson: that.reckonPerson(),
        sumWolf: initPerson.wolf,
        person_step: that.reckonPerson() * 6.25,
        wolf_step: initPerson.wolf * 20
      })
    } else {
      Toast('超过最大人数十六人')
    }
  },
  //计算总人数
  reckonPerson() {
    let initPerson = this.data.initPerson
    let sumPerson = initPerson.hunter + initPerson.witch + initPerson.prophet + initPerson.wolf + initPerson.villager + initPerson.guard + initPerson.idiot
    return sumPerson;
  },
  btnCreate() {
    let that = this,
      initPerson = this.data.initPerson
    this.setData({
      loading: true
    })
    //请求创建房间
    util.request(api.CreateRoom, {
      openid: app.globalData.userInfo.openid,
      gamer: that.reckonPerson(),
      wolf: initPerson.wolf,
      villager: initPerson.villager,
      witch: initPerson.witch,
      prophet: initPerson.prophet,
      hunter: initPerson.hunter,
      idiot: initPerson.idiot,
      guard: initPerson.guard,
      sheriff: initPerson.sheriff
    }).then(res => {
      if (res.code == 200) {
        wx.redirectTo({
          url: '/pages/room/room?roomid=' + res.data.id,
        })
      }
    })
  }
})

整个项目已上传至GitHub，觉得有用的同学麻烦点个star 谢谢。GitHub狼人杀项目