【taro react】(游戏) ---- 小游戏 2048 的实现

1. 预览

2. 实现思路

1. 通过二维数组，确定每个数字所在的位置；
2. 通过对象为引用变量，直接改变对象中的属性；
3. 将二维数组变成一维数组抽取随机位置；
4. 使用Math.random()产生随机数2或者4；
5. 做web和微信小程序的程序兼容！

3. 环境

Taro 3.2.12

4. 页面HTML

1. 基础的展示界面的画布，canvas;
2. 历史最高分和当前局分数显示；
3. 重新开始或者重置按钮！【有个基础的游戏界面】

import React, { Component } from 'react'
import Taro from '@tarojs/taro'
import { View, Canvas } from '@tarojs/components'
import G2048 from '@src/g2048/g2048'
import './index.scss'

export default class Game2048 extends Component {
  state = {
    score: 0
  }
  componentDidShow() {
    setTimeout(() =