上一节教程我们初始化了字体,并且设置大小为12:

接下来设置格子大小为30px:

接着创建grid表:

让我们为格子添加几个基本属性,第一个是颜色:

接下来让我们绘制格子:

之后运行:

现在让我们为格子创造高亮效果,当鼠标光标在格子里时,格子颜色应当高亮。
首先我们再定义一个属性,表示当前格子的状态:

接下来,我们在update函数中,获取鼠标坐标:

背景透明终端显示的鼠标坐标
有了鼠标坐标,判断其是否在格子内就很容易了:

当光标在格子范围内时,我们让它的颜色变得更亮一些,否则不变,现在让我们优化一下这里,我们把两个颜色改为变量:


这样就方便我们对颜色修改了,比如我们用红色作为普通色:


这节教程到这里结束,下一节讲格子点击逻辑以及地雷生成。
如果你喜欢本教程,请关注转发,如果你有任何问题,欢迎评论。
,

















