496_dongfengqichen_wxsmall/496_dongfengqichen/pages/luckyStar/luckyStar.js

// pages/luckyStar/luckyStar.js
const app = getApp();
var query = null;
var certificationInfoValue = 0;
Page({

  /**
   * 页面的初始数据
   */
  data: {
    imgUrl: app.globalData.urlStatic,//图片路径
    httpState:false,
    buyState:false,
    ruleShow: false,//是否显示游戏玩法
    ruleCloseShow: true,//是否显示游戏玩法关闭按钮
    clawTop:-440,//爪子的top值
    clawLeft: 268,//爪子的left值
    clawScale: 1,//爪子的scale值
    downNum:15,//倒计时时间
    setInt:null,//倒计时元素
    pizeTip:0,//抓奖提示框
    pageUnload:false,//页面是否退出了
    setGroup:{
      left:null,
      right: null,
      top: null,
      bottom: null,
    },
    btnGroup:{
      left: false,
      right: false,
      top: false,
      bottom: false,
      claw:false
    },
    gameSign: null, //游戏结束时需要
    gameState:false,//游戏状态
    endGameData:null,//中奖数据
    isAddress:false,//是否有地址
    configure:{
      page:1,
      count:10,
      awardSource:1
    },
    gameAwardList:"",
    gameAwardListArr:"",
    userData:null,
    scrollNum:0,
    setInt:null,
    startDown:-1,//游戏开始倒计时
    clawType:false,//是否正在抓取
    gameEnd:true,
    ani:null,
    certificationInfo:false,//是否车主认证了
    addressShow:false,
    isChanceShow:true,//是否还有机会
    operationExampleShow:false,
    operationExampleNum:0
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    if (app.globalData.isFirstLucky){
      this.setData({
        ruleShow:true
      })
      app.globalData.isFirstLucky = false;
    }
    query = wx.createSelectorQuery();
    app.globalData.nowPage = 3;
    if (app.globalData.openid) {
      this.loadFun(); 
    } else {
      app.globalData.openidSuccessFuc = this.loadFun;
    }
  },
  loadFun: function () {
    if (!app.globalData.addPageEnterState.luckyStar) {
      app.addPageEnter("FF975289E95B64D590C9A106B898574F");
      app.globalData.addPageEnterState.luckyStar = true;
    }
    if (app.globalData.userInfoData) {
      this.setData({
        userData: app.globalData.userInfoData
      })
    }
    if (!app.globalData.certificationInfo){
      // this.getCertificationInfo();
    }else{
      this.setData({
        certificationInfo: true
      })
    }
    this.getAddress(); 
    this.getGameAwardList();
    this.getBuyState();
  },
  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {

  },

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

  },

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

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {
    this.data.pageUnload = true;
    clearInterval(this.data.setInt);
  },

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

  },

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

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {
    return {
      title: '能抓到头等舱机票的神仙娃娃机，快来一起玩！',
      imageUrl: "",
      path: "/pages/luckyStar/luckyStar"
    }
    // return app.sharePack();
  },
  closeRule:function(){//关闭游戏玩法
    this.setData({
      ruleShow:false
    })
  },
  openGameRule: function () {//打开游戏玩法
    if(!this.data.gameState){
      this.setData({
        ruleShow: true
      })
    }
  },
  gameStart: function () {//开始游戏按钮
    // this.setData({
    //   ruleShow: false,
    //   ruleCloseShow: true
    // })
    this.beginGame();
  },
  beginGame: function () {//开始游戏
    if(this.data.httpState){
      return;
    }
    this.data.httpState = true;
    app.wxRequest(app.globalData.urlRoot + "dollGame/beginGame", {}, res => {
      this.data.httpState = false;
      if (res.code == 200) {
        this.data.gameSign = res.data.sign;
        this.setData({
          operationExampleShow: true,
          operationExampleNum: 1
        })
        var setInt = setInterval(() => {
          if (!this.data.operationExampleShow) {
            clearInterval(setInt);
            this.setData({
              operationExampleNum: 0
            })
          }
          if (this.data.operationExampleNum == 4) {
            this.setData({
              operationExampleNum: 1
            })
          } else {
            this.setData({
              operationExampleNum: this.data.operationExampleNum += 1
            })
          }
        }, 800)
      }else{
        this.setData({
          isChanceShow:false
        })
      }
    },this)
  },
  endGame:function(){//结束游戏
    app.wxRequest(app.globalData.urlRoot + "dollGame/endGame", { sign:this.data.gameSign}, res => {
      if(res.code=200){
        this.setData({
          endGameData: res.data
        })
      }else{
        console.log(res);
      }
    }, this,"POST")
  },
  startClaw:function(e){//开始控制爪子方向
    if(!this.data.gameState){
      return;
    }
    let direction = e.currentTarget.dataset.direction;
    if (direction == "L") {//向左
      this.data.btnGroup.left = true;
      this.setData({
        btnGroup: this.data.btnGroup
      })
      if (this.data.clawLeft <= 110) {
        return;
      }
      this.data.setGroup.left = setInterval(() => {
        this.setData({
          clawLeft: this.data.clawLeft-=2
        })
        if (this.data.clawLeft <= 110) {
          clearInterval(this.data.setGroup.left);
        }
      },20);
    } else if (direction == "R") {//向右
      this.data.btnGroup.right = true;
      this.setData({
        btnGroup: this.data.btnGroup
      })
      if (this.data.clawLeft >= 415) {
       return;
      }
      this.data.setGroup.right = setInterval(() => {
        this.setData({
          clawLeft: this.data.clawLeft += 2
        })
        if (this.data.clawLeft >= 415) {
          clearInterval(this.data.setGroup.right);
        }
      }, 20);
    } else if (direction == "T") {//向后
      this.data.btnGroup.top = true;
      this.setData({
        btnGroup: this.data.btnGroup
      })
      if (this.data.clawScale <= 0.8) {
        return;
      }
      this.data.setGroup.top = setInterval(() => {
        this.setData({
          clawScale: this.data.clawScale -= 0.01
        })
        if (this.data.clawScale <= 0.8) {
          clearInterval(this.data.setGroup.top);
        }
      }, 20);
    } else if (direction == "B") {//向前
      this.data.btnGroup.bottom = true;
      this.setData({
        btnGroup: this.data.btnGroup
      })
      if (this.data.clawScale >= 1.2) {
        return;
      }
      this.data.setGroup.bottom = setInterval(() => {
        this.setData({
          clawScale: this.data.clawScale += 0.01
        })
        if (this.data.clawScale >= 1.2) {
          clearInterval(this.data.setGroup.bottom);
        }
      }, 20);
    }
  },
  endClaw: function (e) {//结束爪子动作
    if (!this.data.gameState) {
      return;
    }
    let direction = e.currentTarget.dataset.direction;
    if (direction == "L") {//向左
      this.data.btnGroup.left = false;
      this.setData({
        btnGroup: this.data.btnGroup
      })
      clearInterval(this.data.setGroup.left);
    } else if (direction == "R") {//向右
      this.data.btnGroup.right = false;
      this.setData({
        btnGroup: this.data.btnGroup
      })
      clearInterval(this.data.setGroup.right);
    } else if (direction == "T") {//向后
      this.data.btnGroup.top = false;
      this.setData({
        btnGroup: this.data.btnGroup
      })
      clearInterval(this.data.setGroup.top);
    } else if (direction == "B") {//向前
      this.data.btnGroup.bottom = false;
      this.setData({
        btnGroup: this.data.btnGroup
      })
      clearInterval(this.data.setGroup.bottom);
    }
  },
  getClaw: function () {//抓取
    this.endGame();
    clearInterval(this.data.setGroup.top);
    clearInterval(this.data.setGroup.left);
    clearInterval(this.data.setGroup.right);
    clearInterval(this.data.setGroup.bottom);
    this.setData({
      clawType:true
    })
    this.setData({
      clawTop: this.data.clawScale > 1 ? -100 - (2 * (this.data.clawScale - 1) * 440) : -100 + (2 * (1 - this.data.clawScale) * 440 )
    })
    this.closeSetInt();
    setTimeout(() => {
        this.setData({
          clawType: false,
          gameState: false
        })
      if (this.data.endGameData) {
        this.setData({
          pizeTip: 1
        })
      } else {
        this.setData({
          pizeTip: 2
        })
      }
    },800)
  },
  downTimeFun: function () {//游戏倒计时
    this.data.setInt = setInterval(()=>{
      this.data.downNum -= 1;
      if (this.data.downNum<10){
        this.data.downNum = '0' + this.data.downNum;
      }
      this.setData({
        downNum: this.data.downNum
      })
      if (this.data.downNum < 1) {
        this.getClaw();
      }
    },1000);
  },
  closeSetInt: function () {//关闭倒计时
    clearInterval(this.data.setInt);
      this.setData({
        downNum: 15,
        clawTop: this.data.clawScale > 1 ? -100 - (2 * (this.data.clawScale - 1) * 440) : -100 + (2 * (1 - this.data.clawScale) * 440)
      })
    setTimeout(() => {
        this.setData({
          gameEnd:false
        })
        this.setData({
          downNum: 15,
          clawScale: 1
        })
        setTimeout(() => {
          this.setData({
            clawTop: -440,
          })
        }, 800)
        setTimeout(()=>{
          this.setData({
            clawLeft: 268
          })
        },1600)
        setTimeout(()=>{
          this.setData({
            gameEnd: true
          })
        },2400)
      }, 800);
  },
  prizeLook:function(){//活动奖品
    if(!this.data.gameState){
      wx.navigateTo({
        url: '../prizes/prizes'
      })
    }
  },
  getAddress: function () {//获取地址
    app.wxRequest(app.globalData.urlRoot + "address/getAddressV2", {}, res => {
      if (res.code == 200) {
        if (res.data) {
          this.setData({
            isAddress:true
          })
        }
      }
    }, this)
  },
  receive:function(){//立即领取
    wx.redirectTo({
      url: '../myCenter/myCenter',
    })
  },
  // userRegister: function () {//立即注册，探索更多星探好礼
  //   wx.navigateTo({
  //     url: '../address/address',
  //   })
  // },
  closeWindow:function(){//关闭中奖
    this.setData({
      pizeTip:0,
      // ruleShow:true
    })
  },
  getGameAwardList: function () {//获取游戏中奖数据
    if(this.data.pageUnload){
      return;
    }
    app.wxRequest(app.globalData.urlRoot + "award/getGameAwardList", this.data.configure,res=>{
      if(res.code==200){
        if(res.data){
          var stringContent = "";//字符串内容
          for (let i = 0; i < res.data.length; i++) {//内容整合
            res.data[i].content = "恭喜" + (res.data[i].nickName ? res.data[i].nickName : '***') + "获得" + res.data[i].awardName+"  ";
            stringContent += res.data[i].content;
          }
          this.data.gameAwardListArr += stringContent;
          stringContent = stringContent.substring(0, stringContent.length - 2);
          this.setData({
            gameAwardList: stringContent
          })
          query.select('.textFrame').boundingClientRect();
          query.select('.tipContent').boundingClientRect();
          var duration = 0;//动画时常
          query.exec((option) => {
            if(!option || !option[0] || !option[1] || !option[0].width || !option[1].width){
              setTimeout(()=>{
                this.getGameAwardList();
              },3000);
              return;
            }
            duration = option[1].width < option[0].width ? 10 : option[1].width / option[0].width * 10;
            this.aniFun(duration * 1000, -option[1].width);
            if (res.data.length >= this.data.configure.count) {
              setTimeout(() => {
                this.aniFun(0, '100%');
                this.data.configure.page += 1;
                this.getGameAwardList();
              }, duration * 1000)
            } else {
              // console.log("没有更多数据了");
              setTimeout(() => {
                this.aniFun(0, '100%');
                this.data.gameAwardListArr = this.data.gameAwardListArr.substring(0, this.data.gameAwardListArr.length - 2);
                this.setData({
                  gameAwardList: this.data.gameAwardListArr
                })
                query.select('.textFrame').boundingClientRect();
                query.select('.tipContent').boundingClientRect();
                query.exec((option) => {
                  duration = option[1].width < option[0].width ? 10 : option[1].width / option[0].width * 10;
                  this.noMoreData(duration * 1000, -option[1].width);
                })
              },duration * 1000);
            }
          })
        }
      }
    },this)
  },
  noMoreData: function (duration,left){
    if(this.data.pageUnload){
      return;
    }
    this.aniFun(duration, left);
    setTimeout(() => {
      this.aniFun(0, '100%');
      setTimeout(() => {
        this.noMoreData(duration, left);
      },50);
    }, duration)
  },
  aniFun(duration,left){
    var animation = wx.createAnimation({
      duration: duration
    });
    animation.left(left).step();
    this.setData({
      ani: animation.export()
    })
  },
  getUserWxMsg: function (e) {//通过微信获取用户信息
    if (e.detail.errMsg == "getUserInfo:ok") {
      this.gameStart();
      this.setData({
        userData: e.detail.userInfo
      })
      app.submitUserMsg(e.detail.userInfo.avatarUrl, e.detail.userInfo.nickName);
    }else{
      this.gameStart();
    }
  },
  cutPage:function(){//500元待领取
    if (!this.data.gameState) {
      wx.redirectTo({
        url: '/pages/star/star',
      })
    }
  },
  cutPage2:function(){//猜出惊喜
    wx.navigateTo({
      url: '/pages/guess/guess',
    })
  },
  openClaw:function(){
    if (!this.data.gameState) {
      return;
    }
    this.data.btnGroup.claw = true;
    this.setData({
      btnGroup: this.data.btnGroup
    })
    setTimeout(()=>{
      this.data.btnGroup.claw = false;
      this.setData({
        btnGroup: this.data.btnGroup
      })
      this.getClaw();
    },200);
  },
  getCertificationInfo:function(){
    app.wxRequest(app.globalData.urlRoot + "userInfo/getCertificationInfoV2", {}, res => {
      if(res.code==200){
        this.setData({
          certificationInfo:true
        })
        app.globalData.certificationInfo = true;
        wx.setStorageSync("certificationInfo", true);
      }else{
        certificationInfoValue = res.code;
      }
    }, this);
  },
  enterStar:function(){//
    if (certificationInfoValue == -307) {
      wx.navigateTo({
        url: '/pages/mobileVerification/mobileVerification'
      })
    } else if (certificationInfoValue == -308) {
      wx.navigateTo({
        url: '/pages/scout/register/register'
      })
    }
  },
  enterIndex:function(){
    wx.reLaunch({
      url: '/pages/index/index'
    })
  },
  getBuyState: function () {//查询是否已下订
    app.wxRequest(app.globalData.urlRoot + "wxPay/v3/getLuckyTokenList", {source:2}, res => {
      if (res.code == 200) {
        if (res.data) {
          this.setData({
            buyState: res.data.success
          })
        }
      }
    }, this);
  },
  addressControl: function () {//跳转到地址管理
    this.setData({
      addressShow: !this.data.addressShow
    })
    if (this.data.addressShow) {
      app.globalData.skipType = 'mycenter';
    }
  },
  chanceShowControl:function(){
    this.setData({
      isChanceShow:true
    })
  },
  operationControl:function(){
    this.setData({
      operationExampleShow: !this.data.operationExampleShow
    })
    this.setData({
      startDown: 3
    })
    this.setData({
      gameState: true
    })
    var setInt2 = setInterval(() => {
      if (this.data.startDown > -1) {
        this.data.startDown -= 1;
        this.setData({
          startDown: this.data.startDown
        })
        if (this.data.startDown == -1) {
          clearInterval(setInt2);
          if (this.data.gameSign) {
            this.downTimeFun();
          }
        }
      }
    }, 1000);
  }
})