微信小程序demo：Math Game；数字游戏

柿霖不是林 · 发表于 2017-3-7 14:36:36

本帖最后由柿霖不是林于 2017-3-7 14:38 编辑

undefined好像我小时候玩的七巧板；

[mw_shl_code=html,true]//index.js
//获取应用实例
var app = getApp()
var mapNumber = ['1','2','3','4','5','6','7','8','']
var emptyIndex = 8
var moveFirstPoint
var moveLastPoint
Page({
  data: {
time:'00:00\n',
num: mapNumber
  },
  //事件处理函数
  bindViewTap: function() {
wx.navigateTo({
   url: '../logs/logs'
})
  },
  onLoad: function () {
console.log('onLoad')
var that = this
that.initMap()

  },
  initMap: function() {
console.log('initMap')
var tempNumbers = ['1','2','3','4','5','6','7','8','']
for(var i = 0; i < 10; i++){
   var indexA = Math.round(Math.random()*7)
   var indexB = Math.round(Math.random()*7)
   console.log('swap:' + indexA + '<->' + indexB)
   var tempNum = tempNumbers[indexA]
   tempNumbers[indexA] = tempNumbers[indexB]
   tempNumbers[indexB] = tempNum
}
mapNumber = tempNumbers
emptyIndex = 8
this.setData({
   num:mapNumber
})

  },

  checkresult: function() {
var win = true;
for(var i = 0; i < 8; i++){
   if((i+1).toString() != mapNumber){
      win = false;
      break;
   }
}
if(win){
   wx.showToast({
      title: '成功',
      icon: 'success',
   })
   var that = this
   setTimeout(function(){
      that.initMap();
   },2000)

}

  },

  swapMap: function(indexA,indexB){
var tempNum = mapNumber[indexA]
mapNumber[indexA] = mapNumber[indexB]
mapNumber[indexB] = tempNum
this.setData({
   num:mapNumber
})
  },

  movedirection: function(direction){//1:left, 2:right, 3:up, 4:down
console.log('move direction' + direction)
var newIndex = -1
if(direction == 1 && (emptyIndex%3) != 2){
   newIndex = emptyIndex + 1
}else if(direction == 2 && (emptyIndex%3 != 0)){
   newIndex = emptyIndex - 1
}else if(direction == 3 && (emptyIndex/3 < 2)){
   newIndex = emptyIndex + 3
}else if(direction == 4 && (emptyIndex/3 != 0)){
   newIndex = emptyIndex - 3
}

if(newIndex >= 0){
   this.swapMap(newIndex,emptyIndex)
   emptyIndex = newIndex
   this.checkresult()
}

  },

  handletouchmove: function(e){
if(!moveFirstPoint){
   moveFirstPoint = e.touches[0]
}else{
   moveLastPoint = e.touches[0]
}
  },
  handletouchend: function(e){
if(moveFirstPoint && moveLastPoint){
   var moveH = moveFirstPoint.pageX - moveLastPoint.pageX
   var moveV = moveFirstPoint.pageY - moveLastPoint.pageY
   moveFirstPoint = null
   moveLastPoint = null
   if(Math.abs(moveH) < 30 && Math.abs(moveV) < 30){
      console.log('move ignore');
   }
   if(Math.abs(moveH) > Math.abs(moveV)){
      //h swipe
      if(moveH < 0){
      //swipe right
      this.movedirection(2)
      }else{
      this.movedirection(1)
      }
   }else{
      //V swipe
      if(moveV < 0){
      //swipe down
      this.movedirection(4)
      }else{
      this.movedirection(3)
      }
   }
}
  },
  handletouchcancel: function(e){
moveFirstPoint = null
moveLastPoint = null
  },

  canvashandletouchmove: function(e) {
  }

})[/mw_shl_code]

游客，如果您要查看本帖隐藏内容请回复

wu934364328 · 发表于 2017-11-6 13:09:17

Very Good!

123123123qwe · 发表于 2018-3-1 16:34:21

正需要，支持楼主大人了！

qizhucc · 发表于 2018-8-8 22:41:37

看看，好像满给力···

卖柴火的小尼姑 · 发表于 2018-8-20 14:55:55

：Math Game；数字游戏 [修改]

xiaobaixue · 发表于 2018-12-3 13:09:06

玩玩试试哈！

放声大哭发 · 发表于 2020-2-24 12:47:09

6666666666666666666

jack369 · 发表于 2020-3-27 15:38:35

专注于与个人游戏开发者合作，有产品的朋友联系微信号jim20180688，详聊

		自动登录	找回密码
密码			立即注册

微信小程序demo：Math Game；数字游戏

本帖子中包含更多资源