LV. 1
GP 0

【心得】《宇宙澡堂》光的旅程|RMMZ新手向製作心得:場景堆疊、泡泡對話框、物件互動提示等

樓主 三千子

R界的菜逼八

qr7wr2mrd2
GP26 BP-
⍣ ⍣ ⍣
一粒落灰向著命運前行。
星星們都知道,這顆灰粒曾是星火。
⍣ ⍣ ⍣




大家好,我是今年剛接觸RM的萌新
也是巴哈萌新,第一次用巴哈發文

過去主攻美術,希望遊戲效果也能漂漂亮亮的,於是摸索的時候很努力在找畫面呈現相關的資料
想說寫一篇文來分享一下自己的心得,獻給跟我一樣想做美美遊戲又不知從何著手的眾新手們!

基本操作板上有很多大神的文章可以爬,或去方格子觀看
插件下載後,要放在專案的js/plugins資料夾,進RM的插件管理把它載入進去,就可以用了。

正文開始

1.場景堆疊



完成效果

使用插件:Galv的GALV_LayerGraphicsMZ.js

由於目標是製作2D橫向卷軸的遊戲,在前後景的堆疊上效果很漂亮。
圖層生成後,也可以利用事件調整參數。
在專案的img資料夾裡新增資料夾,命名為layer
把要生成的圖片放在裡面,進MZ,在地圖註釋打上參數,就可以生成圖層了。


參數說明例:LAYER 001  fog1 0.5 0 55 3 0 0 23
LAYER:生成圖層
001:圖層編號
fog1:放在layer資料夾的圖片名稱
0.5:水平移動速度
0:垂直移動速度
55:透明度。最小0,最大255。
3:圖層順序。最底層是0,最上層是10。另外此插件默認角色為5,若想製作覆蓋在角色上的圖層,此欄數字>5即可。
0:玩家移動時的水平速度
0:玩家移動時的垂直速度
3:混和模式(覆蓋、色彩增值那些)。好像有超過20種可以設定,但我沒有一個一個去試。

這個場景疊了四層,最後再用內建事件的著色畫面調整色調,就完成囉


運用著色畫面,改變色調就能產生轉場般的演出。


頂部的聖光是使用ツキミ的FilterControllerMZ,裡頭的godray效果。
作者說也可以用事件調參數,但我一直失敗,沒法做詳細的分享。
期待有大神解套。



2.泡泡對話框


是叫泡泡框沒錯吧(?)

完成效果


與一般框並用,在劇情呈現上感覺更有層次。
有種泡泡框是自言自語,一般框是面對面說話的區別感。

使用插件:

在文本前面加上\pop[t],就會自動轉變成泡泡框了,很方便。
t=事件id、數據庫裡的角色id、玩家後面跟隨的角色、XY軸調整

例:
\pop[23] = 編號23的事件
\pop[-3]  =數過來第3個跟隨的角色
\pop[a8]  =數據庫裡編號8的角色
\pop[500|200] =將對話框的中心點,定位到遊戲視窗的500px X , 200px Y位置。

我是用\pop[a1 , -95] =數據庫編號1的角色 , 上移95px

泡泡框內也可以放臉圖,可以自訂框的背景,詳閱官方說明喔

一般框尺寸調整的部分是參考版上的這篇
真TSKR,超好用,謝謝大大。

附上我流事件供參




3.擴大事件及互動浮標



完成效果
(可以看到光門上面有小小的星星在浮動,覺得很可愛!)

擴大事件⍣

使用插件:DK的DK_Big_Events.js

可以擴大事件互動判定的範圍。

在事件的”註解”(comment)打上參數即可。
參數說明:
[size|turn|lx|rx|uy|dy]
[size | 方向 | 左 | 右 | 上 | 下]的擴增範圍,依照填入的正數值擴增對應的格數。

如果角色跟物件都是超過48*48的大尺寸的話就很好用。

互動浮標

角色進入事件判定範圍後,會顯示浮動的icon

一樣在事件的”註解"打上參數就好。
例:<actionIcon: 1, -120>
<actionIcon: 第一個icon , 上移120px>的意思
這個actionIcon指的就是img/system裡面的IconSet
看想用第幾個icon當浮標,後面數字就打多少這樣。

就是綠色字那兩行喔!



4.其他分享



打造2D橫向卷軸

使用插件:
1. FixedDirectionHorizontal.js
    因為是2D橫向卷軸,用來限制角色只能面向左或右。
2.
Galv's Character Animations.js
    使角色可以使用具備待機、走路、跑步的行走圖。
裝完這兩個就很有卷軸的味道了。

雖然也想po行走圖跟一些美術的教學,但感覺會很長,有需求的話再寫寫看(


活用顯示圖片功能

也是我很喜歡的一個功能。
《宇宙澡堂》中,很多有迷之聲喜歡對主角自說自話的場面。
把台詞用成圖片後做淡入淡出,可以營造同時對話的效果。






《宇宙澡堂》
開發日誌每月更新
歡迎至下方SNS關注了解唷!

三千的lit.link
https://lit.link/debi65718873

以上,感謝閱讀




發現gif變得好糊,再研究看怎麼改進ㅠㅅ
用手機版觀看體驗會好一些喔



26
-
未登入的勇者,要加入討論嗎?
板務人員: