小时候自己没有太多玩具,所以现在很乐衷于给卷卷买玩具。为了表达满满的父爱,就经常自己动手给他做点东西。之前做的都是实物类的玩具,这次也该升级升级了,来点手机软件的吧。
之前逛V站的时候,有个程序猿发帖写到说:周末加班太累了,写个小程序减减压。那作为产品狗的我们,自然是要把原型用到“极致”了,所以用原型做个游戏给卷卷玩吧。
卷卷不到10个月的时候就去七田真上课了,课上有一个环节是让他们凭记忆翻牌。原理就是老师通过某种手段让他们快速记忆,然后将牌反过来,老师说一样东西,他们需要将正确的牌翻面。好像是叫照相记忆,全当如此吧。简单,就把这个做成游戏给卷卷玩。
分析下游戏场景,比较简单:1、给出卡片元素及位置的对应关系;2、记忆完成,卡片成反面;3、给出目标卡片元素;4、点击翻转卡片,若选择错误,卡片归反面;若选择正确,给出下一目标元素;5、全部找对,游戏结束。
用哪个原型工具呢?作为某刀设计比赛参与奖获得者(其实是因为作品提交早),当然是用某刀了。
没有UI的协助,但是用上Iconfont基本上就解决了卡片元素的需求,找一堆宝宝喜欢看的卡通物品的icon就可以了。
制作第一步,当然是设置一个封面页,仪式感还是要的。给宝宝玩的,页面上可以设置一些动效。背景色参考了七田真游戏卡片的颜色。
第二步就是所谓的相机照片了,设置好九宫格,填充好每个格子里的卡片元素。尽可能用宝宝认识的或者喜欢的物品。例如卷卷喜欢认车标,要是时间够我还是会尽可能找一些卡通的车标图片。
倒计时5、4、3、2、1,通过动态组件+定时器(1000ms)来实现倒计时,倒计时结束后进入第一关页面。
进入第一关之后,顶部是提示元素,宝宝需要在卡片中找到和提示元素一样的,如果找错了,卡片会恢复反面的状态,如果找对了,提示宝宝成功了,并进入第二关。以此类推。
在这里,九宫格用动态组件来实现,里面分“全反面状态”、“火箭选对状态”、“草莓选错状态”、“苹果选错状态”等……若选中错误卡片,则进入错误状态,设置全局事件-定时器(1000ms)后返回反面状态。
当在反面状态选中正确卡片时,进入下一关;
当全部选择正确后,就是最后的结束页面了,卷卷最爱的佩奇,当然要出镜夸奖一下。
所以,就这么简单,用一个原型工具实现一个小游戏。过程设计非常的普通,但是满满的都是老父亲的爱。至于最后的实际效果么……卷卷总是不会让我失望的,一如既往的对爸爸捧场,两遍之后就熟得一塌糊涂。但我对他说这是上课,他就会不厌其烦的一次次重复玩,还要秀给妈妈,奶奶看。