博客专栏  >  移动开发   >  微信小程序----游戏

微信小程序----游戏

微信小程序开发的一些简单游戏说明!

关注
3 已关注
8篇博文
  • 微信小程序(游戏)----拖拽拼图(图片分块和打乱顺序)

    效果图 图片分块 创建二维数组 typeArr 和一维有序数组 pointsArr; 计算每个块区view的定位坐标(x,y)和view的背景坐标(px,py)、以及每个view的顺序 co...

    2018-03-15 14:17
    2968
  • 微信小程序(游戏)----拖拽拼图(拖拽和切换功能的实现)

    效果图 touchstart 获取当前触摸位置的坐标(x,y); 记录触摸点下view的各项坐标值; 记录触摸点下view的起点坐标,背景坐标,以及触摸点的坐标; 设置拖拽view为显示状态...

    2018-03-15 16:39
    820
  • 微信小程序(游戏)----拼图游戏(设计思路)

    设计思路 1、将一张海报等分成 N*N 的矩阵 方法一:利用两个组件循环完成,view组件和image组件,view组件作为盒子规定大小—-超出部分不显示,image组件展示完整的海报—...

    2018-03-15 10:55
    1720
  • 微信小程序(游戏)----五子棋(总结)

    思路分析 绘制棋盘: 计算横线和竖线的起始、终结点坐标,绘制棋盘网格;棋盘交叉点坐标: 计算每格宽高,循环保存棋盘所有点坐标,并初始化状态为0,表示此位置没有棋子,形成“棋盘坐标数组”;获取点...

    2018-01-17 17:31
    5111
  • 微信小程序(游戏)----五子棋(AI篇)

    DEMO下载 五子棋AI篇DEMO 效果图 原理 将棋盘中能够胜利的五子连珠方法遍历一个数组; 当AI持棋时,遍历棋盘中所有棋子的空位; 如果用户落子该位置,给用户该位置的五连珠方式...

    2018-01-16 17:02
    3277
  • 微信小程序(游戏)----五子棋(悔棋篇)

    DEMO下载 五子棋悔棋DEMO 效果图 分析 悔棋功能需要的操作: 判断当前持棋人; 清空棋盘; 将当前持棋人的棋子数组的最后一个棋子还原到全局坐标数组的位置; 删除当前持棋...

    2018-01-12 16:34
    1487
  • 游戏列表

    DEMO下载 五子棋悔棋DEMO 五子棋AI篇DEMO 文字列表 五子棋 微信小程序(游戏)—-五子棋(棋盘,重置,对弈篇) 微信小程序(游戏)—-五子棋(悔棋篇) 微信小程...

    2018-01-11 16:22
    819
  • 微信小程序(游戏)----五子棋(棋盘,重置,对弈)

    DEMO下载 五子棋对弈、悔棋DEMO 效果图 分析 采用微信小程序的canvas制作五子棋; 确定棋盘大小及格数; 绘制棋盘—-通过棋盘宽高和格数计算间距,同时保存坐标点; 黑方和...

    2018-01-11 16:18
    5071
img博客搬家
img撰写博客
img发布 Chat
img专家申请
img意见反馈
img返回顶部