微信游戏小程序-羊了个羊

羊了个羊游戏源码

// 页面初始化
Page({
  data: {
    // 游戏开始提示
    tip: '点击开始，开始抓羊',
    // 抓羊是否成功
    success: false,
    // 羊的数量
    sheepNum: 0,
    // 胜出的信息
    victoryInfo: ''
  },
  // 点击开始抓羊
  clickStart() {
    // 刷新页面
    this.setData({
      tip: '快点抓，试试能抓多少只',
      success: true
    });
    // 随机生成羊的位置
    let randomX = Math.floor(Math.random() * 370) + 10;
    let randomY = Math.floor(Math.random() * 600) + 60;
    // 选中的羊的数量
    let sheepNum = this.data.sheepNum;
    // 调用canvas绘制羊
    const ctx = wx.createCanvasContext('myCanvas');
    ctx.drawImage('../images/sheep.png', randomX, randomY, 40, 40);
    ctx.draw()
    setTimeout(() => {
      // 更新羊的数量
      sheepNum++