微信小程序（游戏）----拖拽拼图（拖拽和切换功能的实现）

最新推荐文章于 2024-03-15 13:20:27 发布

liNewman

最新推荐文章于 2024-03-15 13:20:27 发布

阅读量1.3k

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/liNewman/article/details/86576830

微信小程序（游戏）----拖拽拼图（拖拽和切换功能的实现）

效果图

这里写图片描述

touchstart

获取当前触摸位置的坐标（x，y）；
记录触摸点下view的各项坐标值；
记录触摸点下view的起点坐标，背景坐标，以及触摸点的坐标；
设置拖拽view为显示状态、设置起始坐标以及背景坐标为记录对应个坐标。

page.onTouchStart = function(e){
      let x = parseInt(e.touches[0].pageX / _this.width), y = parseInt(e.touches[0].pageY / _this.height);
      let val = _this.newTypeArr[y][x];
      _this.cval = _this.newTypeArr[y][x];

      _this.page.setData({
        status: true,
        currentX: val.x * _this.widt