【初阶篇】iVX成语填字游戏制作

（一）

在iVX官网的Demo里看到了“你画我猜”、“看图猜成语”等小游戏的Demo，自己也来了兴致，制作了一个很简易的“填成语”小游戏。效果如上图。把攻略和制作过程都贴在了下面，算是自己的一个记录，如果能帮助到不懂的同学，那更是再好不过了。

（注：记录的比较详细，适合初学者，有一定基础的同学可以看看其他中阶高阶篇的教程）

 

 

- 1 -

首先需要添加两个页面（开始页+游戏页）及储存成语用的「二维数组」

 

当点击「开始」按钮时会跳转到「游戏页」，同时开始随机从「二维数组」里读取一个成语储存到新添加的「文本变量」里。再将从成语里拆分出的四个字一个个的存入「对象数组」里。

需要注意：

1. 在设计动作之前，需要给「对象数组」里手动加上一列，这里我们给它命名为“字”。如果不做这一步，对象数组里没有结构，后面的动作将无效。
2. 由于考虑到游戏体验，我们采用了「随机取一行」的动作，这样使得游戏更有可玩性，成语题目出现的顺序是随机的。
3. 下标填写0是因为「二维数组」成语库里的「词」这一列是第一列，根据从0开始算起的原则，这里的下标需要填0。
4. 把一个成语截成一个个的字需要使用到「次数循环」。循环的次数为4，每次循环取当前循环次数对应的成语里的字。这个动作可以理解为：执行4次动作，第一次动作是截取「文本变量」里存储的成语的第一个字，并存入「对象数组」的第一行。第二次循环是截取第二个字放入「对象数组」的第二行...以此类推，循环4次。 这个动作完成后，我们相当于得到了一个这样的「对象数组」。

 

 

- 2 -

接下来需要在游戏页展示需要的成语内容，这里需要用到「for」和「绑定」功能。

接着调整一下文字的间距和边框样式，让它看起来更像一个游戏。

   

 

添加一个「数值变量」，每次生成成语的同时随机生成一个0-3之间的整数，来决定显示这个成语时需要隐藏第几个字。

 

然后我们需要将成语里这四个字的隐藏/显示情况与生成的随机数绑定上。这里用到了文本里的绑定-「三元表达式」。

代表着当随机数等于当前序号时，文本的颜色为transparent（透明），否则为#000000（黑色）。

 

注意：

1. 这里大家会发现好像游戏页的字并没有改变，这是因为绑定功能在编辑器里并不是实时的，只有在我们预览和运行案例时，才会开始起作用，出现我们想要的效果。
2. 同样的这里为了游戏体验，每次成语缺的字的位置都是随机生成的。（通过给「开始」按钮添加一个为「数值变量」随机生成一个数来实现）
3. 因为之前说了序号的排序是从0开始的，所以我们生成0-3的数字序号代表着成语里的第1-4个字。（比如随机生成了数字1，那么“欺软怕硬”中的第2个字“软”就暂时隐藏掉）
4. 三元表达式结构为：A==B?C:D（代表着当A等于B时就让目前的对象实现C，否则实现D）。
5. 上面文本绑定中的「当前序号」指文本在for中的排序，第一个字序号为0，第二个字序号为1。
6. 这里不使用「不透明度」的绑定，因为将会把文字下边框的颜色一并隐藏。这里也提供这种方法的设置和效果供大家参考：不透明度为0时代表完全透明，为100时代表完全显示。            这里可以看到展示时，第一个字的黄色下边框也一并透明了。  
7. 这里也不使用「可见」的绑定，因为在相对环境里，之前的对象一旦不可见、隐藏了，后面的对象会逐一补上空位，那么队形就将会打乱。这里也提供这种方法的设置和效果供大家参考：「false」和「true」在这里表示当随机数等于当前序号时，可见变为「否」（不可见），否则可见变为「是」（可见）。  
8. 在写三元表达式时，符号一定要使用英文符号，否则系统无法识别。

 

 

- 3 -

在显示成语的行下方，添加一个含有输入框和确认按钮的行。当成语出现时，玩家在输入框里输入隐藏的字，并按下确认按钮。

  

为「确认按钮」加上判断对错的动作。

当输入框里的内容是成语里隐藏的那个字时，系统提示「回答正确」，并且回到最初的开始界面，重新开始游戏。

 

当输入框里的内容不是那个字时，系统自动清空玩家之前输入的内容，方便玩家重新输入新猜的内容。

 

注意：

1. 这里用到了条件判断，当满足我们设置的条件时，就会执行条件下的动作。这里输入框的内容=成语里隐藏的那个字时，会执行下面的四个动作。
2. 成语隐藏的那个字可以在「对象数组」里找到，「列」就是名为“字”的那一列，「行」则是我们之前生成0-3中随机数的那一行。
3. 条件一般有“且”或“其余”两种情况供选择。“且”代表了当这个条件满足时，而“其余”一般是跟在一个“且”条件后面的（一般也不用填写后面的条件），代表了所有其他没有满足“且”条件的情况。

 

到这里，这个游戏的规则已经基本都实现了。大家还可以自己发挥想象完善整个游戏的设计，比如添加计分、限制答题时间、闯关等的功能。如果有任何问题也欢迎私信或留言，希望能够和大家一起讨论一起进步～