哈喽，小摹来啦~

“你有玩一款小游戏很上头的阅历吗？”

对我而言，除了对王者XX、吃鸡这类大型竞技类游戏上头外，一个简简单单的小游戏也会让我不愿意放下手机。

这不，最近在逛抖音时，发现好多博主都爱在直播间玩沉浸式解压小游戏。

什么羊了个羊、消消乐、汤姆猫，随便一个直播间都有两万人驻足观看。

继续两个星期沉浸在游戏的国际里让我心情愉悦，玩遍了数十款小游戏让我天天顶着黑眼圈上班也乐此不疲。

尽管玩得够爽，但始终都是给他人流量。

基于产品司理的“工作习气”，我始终信任，只有想不到，没有做不出的产品。

因而，我打算自己做一款小游戏，如果哪天火了，人生小方针不是能更近一步！

说做就做，先给我们看看我制造的demo吧。

• 游戏称号：袜子里找妹子

• 游戏规则：每一关玩家需要在规定时间内找出不同于其他选项的文字，超时或选错即代表应战失利

• 游戏难度：★★★

• 制造东西：摹客RP

看起来很简单，但你通关了吗？

《袜子里找妹子》demo界面

接下来，小摹手把手教学，教你快速制造“袜子里找妹子”游戏，新手也能够快速完结~

预备环节——把握根底交互

信任有朋友会疑惑，为什么小摹会从交互动效入手教学？

这是因为游戏中设置了大量重复的交互动效，先学会交互，后续直接仿制重复的交互页面，简单高效！

“找妹纸”游戏中，使用频率最高的两个交互作用为轮播图和页面交互，详细过程，来喽！

轮播图

轮播图的表现形式为在一个窗口或模块循环播放多张图片，例如主页的图片切换、每一关顶部菜单倒计时和底部广告区均为“轮播图”交互样式。

给我们拆解了轮播图过程，一共4步搞定！

step1：创立内容面板，并调整宽高为轮播图的尺度；

step2：双击内容面板，点击左上角的“+”，创立必定数量的辅助画板。倒计时为5秒，增加5个辅助画板即可；

step3：在辅助画板中增加“文字”组件，分别修改为“01”、“02”、“03”、“04”、“05”；

step4：选中主画板（不行选中画板中的倒计时组件），并在右侧交互面板中，为其增加交互：

• 方针：内容面板

• 触发：载入时

• 指令：切换内容

• 内容：下一个

• 勾选“循环切换”

• 作用：淡入（按需设置）

• 缓动：线性（按需设置）

• 时长：20ms（按需设置）

• 延时：1400ms（按需设置）

简单4步，“倒计时”即可完结。在后续的每一关页面中，直接仿制“倒计时”组件，也会将交互动效一并仿制上哟~

底部的banner，只需要在辅助画板中增加对应的图片，并且按照以上办法也能快速完结。

页面交互

在游戏过程中，点击“袜”，代表闯关失利，页面回退至主页；点击“妹”，代表闯关成功，将进入下一关。

这样的页面逻辑，通过“页面交互”就能快速实现。

拖拽组件右上方的链接点到左边项目树中的方针页面，就能完结页面跳转的交互。

至于倒计时5秒结束后，代表闯关失利，页面回退至主页，只需要为主画板增加交互即可：

触发：载入时

指令：页面跳转

方针：通关失利

延时：6400ms

以上两个交互操作起来是不是很简单呢，建议我们先学会轮播图和页面跳转的交互后，再来建立游戏的页面结构，配合页面克隆，更会事半功倍！

原型设计环节——建立游戏结构

学会了以上两个交互后，接下来我们开始建立整体页面结构。

首先是顶部菜单：

从摹客RP的左边东西栏中拖出“矩形”，并对矩形填充色彩；

再拖拽“文本”和“按钮”组件到指定位置；

“倒计时”的制造，按照刚刚的办法制造即可。

其次是主页面：

拖拽出“矩形”组件，并在右侧面板中设置“矩形圆角”为5px，再双击矩形内部即可输入文字。

再是底部banner：

底部广告区同样是“轮播图”的交互作用，我们自己尝试做一下~

最终设置关卡数：

你想设置多少关，都能够按照以上的操作过程，建立每一关的页面结构哟~

例如小摹在这个游戏中，共设置了9关。你能找出哪个是通关秘诀吗？

（小Tips：在后续的关卡中，主页面中的矩形越来越多，引荐使用等距克隆（Ctrl+D）的方式快速仿制粘贴，在确保间距相同的一起，还能解放双手！）

最终唠唠叨叨

我们有没有自己做出愿望中的游戏呢？

总之，用摹客RP不仅能制造游戏，还能画各种原型界面，后台类、电商类、资讯类、旅行类产品举目皆是！

各种组件图标在线调用，预知交互设置简单高效，一个小时撸一套原型底子不算事！

最终，摹客RP免费使用，走过路过注册一个呗！