玩转游戏-像素画制作器 简单

前几天，我报名参加了DF星球亲子创客赛，和孩子一起玩mind+。

孩子读一年级，之前，已经教他了一些简单的scratch知识（用mind+），还用mind+制作了一个创客小作品“晚上智能感应灯”。由于年纪还小，只能由我这个家长来完成本文撰写了。下面我分享一下我们的项目。

领到任务后，我和孩子商量着做个什么作品。

孩子建议到：“我们不是买了好多积木画（积木像素画）的材料吗，您不是在说图纸不够，我们来做一个画图纸的作品可以吗？”

我觉得这个建议不错，于是我们就开始讨论这么做。

我们的积木底板有16*16和32*32的，我们打算先做个16*16的软件，确定了题目为“16*16像素画制作器”。

我提出建议：我们这个项目可以参考画图软件，先要拾取颜色，然后再去格子上上色。我们的格子需要256格。我们先尝试一下，先做一个格子，有多个颜色造型，。

我们先定义1个变量，用来存颜色，就叫yanse吧，当点击色块的时候，颜色值发生相应的改变，当点击格子的时候，会根据yanse变量的值切换到相应的造型。经过测试可以实现。

然后孩子开始以复制的方法开始复制了B1~8，8个色块，用来做调色盘，这个很快就做好了。每个色块只有一个赋值程序。

接下来要制作底盘了，一开始我们用复制的方法去拼，发现鼠标拖动不准，于是我们在纸张上画草图，进行计算，发现格子之间XY坐标相差18，我们绘制了如上图的坐标列表，我们在排格子的时候，没对齐就直接输入坐标。这样费了许久，总算排好了一排，排好后问题出来了，左上角（也就是第一格）位置不是很合理，这移动一下，16格全部要修改了，而且现在才排了一行，一共16行，排好什么时候啦！

孩子问我，爸爸，电脑不是会自动做事情吗，我们能否让各自自己自动排。这个提醒了我，我想到了克隆，克隆后给克隆体定位。

格子从左上角开始克隆，第一行第二个克隆体的X坐标比左侧那个多18，这样循环16次就克隆了一行。

然后再外套循环更改Y的坐标，每次-18，循环16次，就搞定了。

自动生成格子的编程思路我给孩子讲了好几遍，他好像勉强有些听懂。没办法，年级低，这个知识点有点小难度。

在测试中，我们发现一个问题，就是不知道自己当前选取的是什么颜色。

我们就模仿画图软件，制作一个显示状态的方块，大小比其他方块大一些。当点击色块的时候，变量yanse发生变化，它也跟着发生变化。

我和孩子，试了一下还挺好玩的，拼好图后，可以用截图工具截图，然后打印出来，改天拼成积木。

本项目的源程序https://gitee.com/zslqg/XiangSuHuaZhiZuoQi/tree/master