【遊戲切片】畫中世界——開場紅色元素部分


3樓貓 發佈時間:2022-05-10 15:58:22 作者:煎餅狗子y Language

【遊戲切片】畫中世界——開場紅色元素部分-第0張

關鍵詞:組合和拆分機制,格式塔心理學,教學

基本原理:

遊戲初見有非常高的程序技術力,“天啊,這程序是怎麼寫出來的啊!太牛了。”但其實可以通過簡單程序實現,就是幾個拼圖塊其實都是視頻播放器,達到一定條件時播放相應視頻,使畫面上雖然看起來相互聯繫的,但其實是相互獨立的。雖然程序上不復雜,但動畫的製作和調試的工作量是相當驚人的。


遊戲流程:

1. 單畫框【敘事聚焦,也是循序漸進的簡單結構】,開場怪龍出現【拋出整個遊戲最重要的懸念】。玩家操作ui將視角拉遠【告訴玩家遊戲中可以使用ui操作,來將視角拉遠】,主人公出現,並且思想框中有一個問號【表達疑惑】

【遊戲切片】畫中世界——開場紅色元素部分-第1張

【遊戲切片】畫中世界——開場紅色元素部分-第2張

【遊戲切片】畫中世界——開場紅色元素部分-第3張

2. 單框,玩家當玩家鼠標在指定地點時,鼠標剪頭變成手,玩家此時可以點擊放大對象【告訴玩家可以通過點擊使視角拉近,對象放大】玩家的思想中展示了書上記載的怪龍,老人少年一起託著五個元素【有點類似瑪雅圖騰,有宗教感。並且傳達了五個元素和探究最大懸念“怪龍是什麼?”之間存在關係,指明瞭遊戲的階段性目標】。

【遊戲切片】畫中世界——開場紅色元素部分-第4張

【遊戲切片】畫中世界——開場紅色元素部分-第5張

【遊戲切片】畫中世界——開場紅色元素部分-第6張

3.畫面放大聚焦,再次縮小後(通過ui操作)【再次教學放大縮小的操作】,場景發生變化【告訴玩家基本的場景切換邏輯:放大再縮小後,環境可能改變。當我們聚焦時,時間也在流逝,世界是運動的。】畫面在播放動畫時,鼠標變成沙漏。【提示動畫在進行】

【遊戲切片】畫中世界——開場紅色元素部分-第7張

4.動畫播完後,男孩離開,場景中只剩下畫框。畫框被放置在一個四方格子中,並且有動畫提示操作方式,並且鼠標此時變成十字箭頭。【告訴玩家可以進行畫框分離操作,增加拼圖塊】

【遊戲切片】畫中世界——開場紅色元素部分-第8張

5.再一次點開後,又拿出一個框【對核心機制進行重複教學】

【遊戲切片】畫中世界——開場紅色元素部分-第9張

6.鼠標放在哪個拼圖塊上,對應的塊會出現操作ui【操作提示,以及讓玩家的操作在當前拼圖塊上聚焦】點擊操作ui後,畫面向指示方向移動

【遊戲切片】畫中世界——開場紅色元素部分-第10張

【遊戲切片】畫中世界——開場紅色元素部分-第11張

7.封閉玩家的行動,讓玩家在此只能選擇拖動整張拼圖塊,然後拼圖塊會自動換位置【告訴玩家,拼圖塊的位置不是固定的】

【遊戲切片】畫中世界——開場紅色元素部分-第12張

【遊戲切片】畫中世界——開場紅色元素部分-第13張

8.另外,周邊有提示性或渲染氛圍的符號和文字

【遊戲切片】畫中世界——開場紅色元素部分-第14張

9.玩家在其他畫框中,點擊ui調整位置【對於ui操作的重複教學】;門內暖光,門外冷光暗調【門內與門外對比明顯,突出門區域的方塊形狀,便於之後玩家進行相似比對】;

【遊戲切片】畫中世界——開場紅色元素部分-第15張

【遊戲切片】畫中世界——開場紅色元素部分-第16張

10.動畫提示玩家找到藍色盆子

【遊戲切片】畫中世界——開場紅色元素部分-第17張

【遊戲切片】畫中世界——開場紅色元素部分-第18張

【遊戲切片】畫中世界——開場紅色元素部分-第19張


11.動畫播放完畢,玩家嘗試其他操作,調整順序,由於其中一張拼圖的鏤空,以及兩者位置一致,玩家會在嘗試中意外的將兩張卡片組合。【教會玩家遊戲畫框的組合機制。這裡也利用了格式塔心理學:“人們對於相似、連續、相近等方式表現的物體會更容易視為整體或一組。” 而畫框組合機制的利用的是在拼圖塊內部圖形的“相似性”】

【遊戲切片】畫中世界——開場紅色元素部分-第20張

【遊戲切片】畫中世界——開場紅色元素部分-第21張


12.動畫繼續播放,人物從房間走出來【教會玩家,畫框組合能產生的結果——“將a空間的某一部分與b空間的空缺組合,可以使a空間的對象進入b空間”】

【遊戲切片】畫中世界——開場紅色元素部分-第22張


13.再次拆分

【遊戲切片】畫中世界——開場紅色元素部分-第23張


14.畫作也可以點擊【表示遊戲中的空間是非常靈活和奇幻的】

【遊戲切片】畫中世界——開場紅色元素部分-第24張

15.兩個拼圖塊邊緣產生連接,玩家可以將兩塊拼接【告訴玩家,遊戲中拼接機制,讓玩家之後更有意識的觀察圖片邊緣】【拼接機制也是在利用前面提到的格式塔心理學,利用的是圖片邊緣的“連續性”】

【遊戲切片】畫中世界——開場紅色元素部分-第25張

16.在對應的位置組合後,邊緣消失。【提示玩家拼接機制的存在,以更清晰的讓玩家感知到“連續性”的存在;並且以此給玩家“當前操作正確”的反饋】【並且其實所以拼圖塊中的背景部分,是一種更模糊的相似性提示,提示玩家這些拼圖塊正處於一個相似的空間當中】

【遊戲切片】畫中世界——開場紅色元素部分-第26張

17.調整,放到正確的位置之後,播放動畫,看起來就像是一個整體動畫一樣,蘋果落到了下面的籃筐當中。【告訴玩家,不同的拼圖塊,還可以通過這種方式來傳遞對象,以及拼圖塊間有因果關係,可以相互影響;並且,拼圖塊的空間也是有重力等物理原理存在的】

【遊戲切片】畫中世界——開場紅色元素部分-第27張

【遊戲切片】畫中世界——開場紅色元素部分-第28張

18.蘋果掉落後,自動播放動畫,將視角拉遠,物體變小。【暗示其他拼圖塊的使命也已完成,需要拉遠視角】同時人物的思想中出現盆子和紅色元素【通過“因為a+b=a+c,所以b=c”的結構指出:蘋果就代表紅色元素】

【遊戲切片】畫中世界——開場紅色元素部分-第29張

#解謎#教學##解謎遊戲#畫中世界#gorogoa#遊戲設計#單機遊戲#


© 2022 3樓貓 下載APP 站點地圖 廣告合作:asmrly666@gmail.com