Zion可以做小游戏么？答案当然是可以啦，而且还很方便。相信打地鼠游戏大家都不陌生，今天就跟着我们花15分钟，快速制作一款打地鼠游戏吧。你只需要一台能使用Zion的电脑，加上四个简单的UI小素材，你也能顺利搞定一个打地鼠小游戏！还不会Zion基本操作的同学，可以看之前的新手指南文章哦～
新手指南｜通过入门项目上手Zion使用界面
01.
准备工作
跳转到打地鼠页面，拖入“图片”组件，上传素材图作为该页面的背景。
逻辑思路：
1.准备开始游戏时，我们给玩家三秒钟的一个准备时间（类似于：3，2，1，游戏开始），这里需要使用一个倒计时行为-“开始倒计时”。
2.在进入游戏后，我们需要设置一个游戏的总时长，这里也需要一个倒计时行为-“游戏倒计时”。
注：“开始倒计时”结束之后，要触发“游戏倒计时”的开始，当“游戏倒计时”结束后，就意味着游戏结束，因此一切都要结束。
首先添加一个条件式容器到页面如下位置（显示倒计时）。
在“条件式容器”的“数据”中添加新状况：开始倒计时结束。
在“条件式容器”的“样式”中把透明度设置为“0”（透明）。
进入“条件式容器”聚焦模式。
拖入两个“倒计时”组件分别到状况：开始倒计时结束。
将“开始倒计时”的“倒计时”组件命名为：CountDown-开始倒计时。组件其余的“样式”和“数据”设置如下：
“结束”的“倒计时”组件命名为：CountDown-游戏倒计时。组件其余的“样式”和“数据”设置如下：
02.
条件设置
准备工作完成，接下来就到了设置地鼠的相关界面了。
添加一个条件式容器到界面中，把“背景颜色”设置为“透明”。
给条件式容器添加如下新状况：
进入“条件式容器聚”聚焦模式，添加“图片”组件到三个不同的状况中。
分别上传需要用到的素材图片。
退出聚焦模式，“打地鼠”页面显示如下。
复制黏贴“条件式容器”，在页面中共生成九个地鼠。
最后添加一个“视图”组件，用来记录游戏得分。“背景颜色”“布局设置”如下：
但是如何实现计算打了多少次地鼠呢？
逻辑思路：
2.再设置一个文字组件，设置其数据为：页面数据-“sum”。
双击进入之前设置的“视图”组件，在“数据”中绑定对应的数据，调整“样式”。
退出聚焦模式，整体页面显示如下：
