echarts symbol 回调函数_一个 ECharts 做的简易扫雷

e10658235a085af50708cfeb18a2b4d6.png

最近突然想做个扫雷玩,因为发现 heatmap 就可以做(最近和 heatmap 杠上了),于是尝试了下。思路如下:

  1. 用二维数组做地雷数据,数组下标对应地雷的位置坐标,用数组的值表示砖块的状态(是否有地雷,是否翻开,周围地雷数);
  2. 把地雷数据转换成 heatmap 数据;
  3. 用 heatmap 做扫雷游戏区(砖块),绘制图形;
  4. 鼠标左键点击翻开砖块,判断结果,更新图表(扫雷游戏区);
  5. 鼠标右键点击标记地雷/取消标记。

地雷数据实现

定义一个生成地雷数据的函数,根据 x、y 轴尺寸(每行、每列砖块数),以及地雷数量随机生成二维数组:

// 随机生成地雷数据的函数
  1. 根据输入参数 sizeX 和 sizeY ,生成一个砖块顺序号列表 numList,范围是 0 到 sizeX * sizeY - 1 ;
  2. 利用 Math.random() 和 Math.floor() 从砖块顺序号列表 numList 中随机抽取砖块,作为地雷的位置&
  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值