亚洲av无码成人专区片在线观看,亚洲av岛国动作片在线观看,少妇,喷水,亚洲av成人无遮挡网站在线观看,天堂网www资源在线

哈嘍，小摹來啦~

“你有玩一款小游戲很上頭的經(jīng)歷嗎？”

對我而言，除了對王者XX、吃雞這類大型競技類游戲上頭外，一個(gè)簡簡單單的小游戲也會讓我不愿意放下手機(jī)。

這不，最近在逛抖音時(shí)，發(fā)現(xiàn)好多博主都愛在直播間玩沉浸式解壓小游戲。

什么羊了個(gè)羊、消消樂、湯姆貓，隨便一個(gè)直播間都有兩萬人駐足觀看。

持續(xù)兩個(gè)星期沉浸在游戲的世界里讓我心情愉悅，玩遍了數(shù)十款小游戲讓我天天頂著黑眼圈上班也樂此不疲。

雖然玩得夠爽，但始終都是給他人流量。

基于產(chǎn)品經(jīng)理的“職業(yè)習(xí)慣”，我始終相信，只有想不到，沒有做不出的產(chǎn)品。

因此，我打算自己做一款小游戲，萬一哪天火了，人生小目標(biāo)不是能更近一步！

說做就做，先給大家看看我制作的demo吧。

• 游戲名稱：襪子里找妹子

• 游戲規(guī)則：每一關(guān)玩家需要在規(guī)定時(shí)間內(nèi)找出不同于其他選項(xiàng)的文字，超時(shí)或選錯(cuò)即代表挑戰(zhàn)失敗

• 游戲難度：★★★

• 制作工具：摹客RP

看起來很簡單，但你通關(guān)了嗎？

《襪子里找妹子》demo界面

接下來，小摹手把手教學(xué)，教你快速制作“襪子里找妹子”游戲，新手也可以快速完成~

準(zhǔn)備環(huán)節(jié)——掌握基礎(chǔ)交互

相信有朋友會疑惑，為什么小摹會從交互動效入手教學(xué)？

這是因?yàn)橛螒蛑性O(shè)置了大量重復(fù)的交互動效，先學(xué)會交互，后續(xù)直接復(fù)制重復(fù)的交互頁面，簡單高效！

“找妹紙”游戲中，使用頻率最高的兩個(gè)交互效果為輪播圖和頁面交互，詳細(xì)步驟，來嘍！

輪播圖

輪播圖的表現(xiàn)形式為在一個(gè)窗口或模塊循環(huán)播放多張圖片，例如首頁的圖片切換、每一關(guān)頂部菜單倒計(jì)時(shí)和底部廣告區(qū)均為“輪播圖”交互樣式。

給大家拆解了輪播圖步驟，總共4步搞定！

step1：創(chuàng)建內(nèi)容面板，并調(diào)整寬高為輪播圖的尺寸；

step2：雙擊內(nèi)容面板，點(diǎn)擊左上角的“+”，創(chuàng)建一定數(shù)量的輔助畫板。倒計(jì)時(shí)為5秒，添加5個(gè)輔助畫板即可；

step3：在輔助畫板中添加“文字”組件，分別修改為“01”、“02”、“03”、“04”、“05”；

step4：選中主畫板（不可選中畫板中的倒計(jì)時(shí)組件），并在右側(cè)交互面板中，為其添加交互：

• 目標(biāo)：內(nèi)容面板

• 觸發(fā)：載入時(shí)

• 命令：切換內(nèi)容

• 內(nèi)容：下一個(gè)

• 勾選“循環(huán)切換”

• 效果：淡入（按需設(shè)置）

• 緩動：線性（按需設(shè)置）

• 時(shí)長：20ms（按需設(shè)置）

• 延時(shí)：1400ms（按需設(shè)置）

簡單4步，“倒計(jì)時(shí)”即可完成。在后續(xù)的每一關(guān)頁面中，直接復(fù)制“倒計(jì)時(shí)”組件，也會將交互動效一并復(fù)制上喲~

底部的banner，只需要在輔助畫板中添加對應(yīng)的圖片，并且按照以上方法也能快速完成。

頁面交互

在游戲過程中，點(diǎn)擊“襪”，代表闖關(guān)失敗，頁面回退至首頁；點(diǎn)擊“妹”，代表闖關(guān)成功，將進(jìn)入下一關(guān)。

這樣的頁面邏輯，通過“頁面交互”就能快速實(shí)現(xiàn)。

拖拽組件右上方的鏈接點(diǎn)到左側(cè)項(xiàng)目樹中的目標(biāo)頁面，就能完成頁面跳轉(zhuǎn)的交互。

至于倒計(jì)時(shí)5秒結(jié)束后，代表闖關(guān)失敗，頁面回退至首頁，只需要為主畫板添加交互即可：

觸發(fā)：載入時(shí)

命令：頁面跳轉(zhuǎn)

目標(biāo)：通關(guān)失敗

延時(shí)：6400ms

以上兩個(gè)交互操作起來是不是很簡單呢，建議大家先學(xué)會輪播圖和頁面跳轉(zhuǎn)的交互后，再來搭建游戲的頁面框架，配合頁面克隆，更會事半功倍！

原型設(shè)計(jì)環(huán)節(jié)——搭建游戲框架

學(xué)會了以上兩個(gè)交互后，接下來咱們開始搭建整體頁面框架。

首先是頂部菜單：

從摹客RP的左側(cè)工具欄中拖出“矩形”，并對矩形填充顏色；

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

“倒計(jì)時(shí)”的制作，按照剛剛的方法制作即可。

其次是主頁面：

拖拽出“矩形”組件，并在右側(cè)面板中設(shè)置“矩形圓角”為5px，再雙擊矩形內(nèi)部即可輸入文字。

再是底部banner：

底部廣告區(qū)同樣是“輪播圖”的交互效果，大家自己嘗試做一下~

最后設(shè)置關(guān)卡數(shù)：

你想設(shè)置多少關(guān)，都可以按照以上的操作步驟，搭建每一關(guān)的頁面框架喲~

例如小摹在這個(gè)游戲中，共設(shè)置了9關(guān)。你能找出哪個(gè)是通關(guān)秘訣嗎？

（小Tips：在后續(xù)的關(guān)卡中，主頁面中的矩形越來越多，推薦使用等距克?。–trl+D）的方式快速復(fù)制粘貼，在保證間距相同的同時(shí)，還能解放雙手?。?/p>

最后嘮嘮叨叨

大家有沒有自己做出夢想中的游戲呢？

總之，用摹客RP不僅能制作游戲，還能畫各種原型界面，后臺類、電商類、資訊類、旅游類產(chǎn)品比比皆是！

各種組件圖標(biāo)在線調(diào)用，預(yù)知交互設(shè)置簡單高效，一個(gè)小時(shí)擼一套原型根本不算事！

最后，摹客RP免費(fèi)使用，走過路過注冊一個(gè)唄！

Powered by Froala Editor