創作內容

1 GP

MUGEN無限格鬥 場景舞台Stage重要教學文章整理

作者:曼尼琳各│2016-02-01 17:21:23│巴幣:2│人氣:1636
簡單講解MUGEN無限格鬥Stage場景舞台的製作方法和觀念。
部份教學篇幅關係就只貼連結網址,內容就請直接到該網頁上觀賞。

重點文字會加上顏色,用手機版觀看部份文字
可能會看不清楚,建議轉為電腦版觀賞。
文字排版方式以巴哈姆特電腦版網頁為主。

;======================分隔線======================;
圖片建議:
背景圖片原創性愈高愈好……有能力的話就自己畫吧!
大小樣式原則沒有限制,總之製作背景圖自由性非常高。

不然就從網路上找(例如:Google圖片搜尋)。
或者是使用截圖工具將背景圖片抓下來。

使用別人圖片(相片)除非是個人私藏,公開前請三思而後行!
要確定不會侵犯別人的版權(肖像權)再使用!

那些圖片適合做背景?其實沒有強制性。
圖片格式建議使用PNG或者BMP圖檔。

---------------------------------------------------------------------------------------
圖片處理:
圖片需要去底色(背景透明)。前提是要有PhotoShop工具


相關教學 這是做人物角色的方法(共用色表)

要將許多圖片加上相同背景色。一張張弄可能太慢
許可的話想個較快的方法吧,前提是要有PhotoShop:

---------------------------------------------------------------------------------------
學習建議:
製作MUGEN背景最好的方法是
多多下載背景並試者拆解,可先從換一張皮(圖)開始。
再慢慢進階到動態圖片和背景控制器代碼的部份。

可多利用Fighter Factory必要時再將圖片導出。
內容以導出人物做例子,但其實背景SFF圖檔導出也適用此方法。

Fighter Factory 3 x64 (無中文、能開啟大部份背景和SFFv2圖檔背景)
Fighter Factory Classic (有繁體中文、部份新背景SFF檔無法開啟)

MUGEN系統主程式MUGEN主程式1.1版

---------------------------------------------------------------------------------------
推薦下載:
本人推薦的場景下載點
裡面有個MyOriginal Stages就是該作者原創的場景。
可以下載做範例並觀看SFF圖片檔和DEF檔。
該作者是少見以「製作背景、畫面包、血條包」出名的MUGEN高手。
也會在國外MUGEN網站TheMUGEN ARCHIVE出現。

該作者的水管連結OldGamer YouTube
有時會上傳一些製作的背景、畫面包和血條包。

本人的OneDrive也有背景可以下載

帶有Zoom縮放效果的場景。
會有重覆但是長寬比不同,MUGEN 1.1以上版本適用

另外可試者多到幾個網站下載背景。
Google搜尋:MUGEN Stages Download

---------------------------------------------------------------------------------------
截取圖片:
國外的WinKawaks教學影片(英文)可從01:45後開始看。
前面是從網路上找WinKawaks的部份,影片內容主要是講截取人物的動作。
其實很多原作品格鬥遊戲背景是用這方法截取的。
當然也可以截圖其他部份例如人物頭像、畫面包和血條。

雖然裡面是以截取人物做範例操作,但是腦筋請轉動一下,
教學方法其實是可以使用在截取背景圖片的。

;======================分隔線======================;
圖片SFF檔格式介紹1:
SFFv1格式
支援8位元256色PCX格式圖片。
一般24位元圖片請先經過減色(轉為8位元索引顏色)程序。
任何版本MUGEN皆可使用。

如果場景代碼帶有Zoom縮放效果
就只能使用在MUGEN1.1以上版本。

一般減色:
圖片要如何套入到MUGEN上?先要將圖片檔格式轉為PCX
如果有PhotoShop可以參考下面的教學,可通用於畫面包和血條包。
內容是有先將圖片背景轉為透明色。

不需要將圖片底色轉透明色就以下步驟:
圖像模式索引顏色調板局部可感知
顏色256強制無透明度打勾文件存儲為檔名圖片名格式選擇PCX

如果只有Fighter Factory Classic就請看這裡教學的說明。
如果使用的工具是Fighter Factory x3 64
就不限定使用BMP圖片,可以使用PNG圖片導入。

---------------------------------------------------------------------------------------
RGB減色:
要讓減色圖片接近原圖的畫質,可以使用RGB分解法。
缺點是容量變成三倍(分割為三張圖片的關係),且不適合用於小張圖片。

利用Stage Tool製作場景 有個減色方法RGB Method就是類似RGB分解法。
不用另外準備其他圖片製作工具。缺點同樣只能適用於一張大圖片。

RGB分解法教學影片請從16:35開始看(使用PhotoShop)

文字說明部份就請看這裡的內容。

懂日文可以看網站內下半部的教學。

;======================分隔線======================;
圖片SFF檔格式介紹2:
SFFv2格式 (正確格式名稱為:SFFv2.01)
支援8位元256色、24位元全彩、32位元全彩含透明色PCX格式圖片。
可以不需要減色。畫質方面就能夠比SFFv1好。
減色過的圖片仍然可以使用。

SFFv2格式早在MUGEN 1.0版本就有新增。
但是24位元以上全彩圖只能在MUGEN1.1以上版本顯示。

不需要使用RGB分解法,也就是製作會比SFFv1還快。
Render Mode請設定為OpenGL(RenderMode = OpenGL)
否則全彩圖片會無法顯示(呈現全黑)。

因為不用減色所以直接用FighterFactory 3導入圖片即可。
如果背景圖片底色要呈現透明請先處理圖片後再導入。

SFFv2格式SFF檔可以向下支援使用減色(8位元)圖片,
教學步驟就跟SFFv1格式的相同,這部份就請直接看上面教學。

;======================分隔線======================;
製作篇 使用一張圖片
靜態圖片
GreenGrassland下載點:
製作方法步驟簡單介紹:

比較過後本人建議使用Stage Tool方法。

;======================分隔線======================;
製作篇 使用多張圖片
靜態圖片
製作方法步驟簡單介紹:

---------------------------------------------------------------------------------------
動態圖片:影片、GIF圖檔類型動態圖
製作方法步驟簡單介紹:

---------------------------------------------------------------------------------------
動態圖片:正式格鬥遊戲用背景類型動態圖
製作方法步驟簡單介紹:

;======================分隔線======================;
製作篇 全彩圖圖片+影片動態圖和Zoom縮放
MUGEN 1.1以上版本限定
因為使用全彩圖,MUGEN主程式CFG檔
Render Mode請設定為OpenGL(RenderMode = OpenGL)。
製作方法步驟簡單介紹:

;======================分隔線======================;
場景代碼
紅字為重點部份,紫色的為該代碼範例。


Stage資料夾的內容。經過整理後集中在一起方便閱讀。

英文教程翻譯應該就是翻譯這裡的內容 場景部份可以看
Reference下方Background / stage documentation
分別代表是舞台設定和背景元素的說明。

簡體中文MUGEN教學網站。有講解製作場景的常見錯誤。

;======================分隔線======================;
場景測試
新製作完成的場景如何知道有沒有問題?
如果沒有相關的測試工具
只要找個「能空中飛的角色」就可以。
例如「薔薇少女」的「翠星石」。
簡單測試方式 (括弧內為可能預計需要調整數值的代碼)
請進入MUGEN中的Training Mode訓練模式上測試。
1.分別往最左方和最右方移動。(boundleft、boundright)

2.最上方移動,使用能空中飛的角色往上飛到底。(boundhigh)

3.二張以上圖片的場景,一張做為立足點(橋樑),人物跳躍看看
攝影鏡頭的移動情況。(verticalfollow、floortension、tensionhigh、tensionlow)

floortension數字愈高 人物愈靠近畫面最上端 鏡頭才會開始往上移
如果tensionhightensionlow被指定 verticalfollowfloortension數值將被忽略
帶有Zoom縮放效果的場景 請一律使用tensionhightensionlow

4.人物往背景的兩端移動,注意看人物大約離背景兩端
多少距離時,攝影鏡頭才開始移動。(tension)
tension數字愈低 人物愈靠近畫面最兩端 鏡頭才會開始往兩端移動

5.在背景的兩端處使用「可將對手推到的招式」
看是否能將對手推倒。(leftbound、rightbound、screenleft、screenright)
如果無法馬上推倒的話例如該場地localcoord為1280,720(只看前面的1280數值)
就將上面四項數值加2倍,原來數值分別為-1000、1000.15、15
變為-2000、2000、30丶30即可。

6.有Zoom縮放效果的場景,使用二位角色往場景最兩端移動。(zoomin、zoomout、delta)

7.人物角色在該場景大小比例過於巨大。
(startzoom、zoomin、zoomout全部設定小於1)
只限定於MUGEN1.1以上版本。

---------------------------------------------------------------------------------------
場景查看器StageViewer 0.67 Beta
適用於WinMUGEN代碼簡單製作的一般低畫質場地。
高畫質場地不適合,因為看起來會太大
[StageInfo]中的hires必須為0(或者不設置)。
請跟開啟MUGEN主程式的檔案放在同一個資料夾。
不用開啟MUGEN就能對該場景做簡單修改。
不要太依賴這工具。最準的測試還是要到MUGEN中進行。

稍微用了一下
開場地 Stage→Open→場景DEF檔

場景打開後,可試者上下左右移動。
若要修改就Options→Open.defwith Notepad
會開啟場景DEF檔,修改完後儲存。
再將該場景Close後重新Open就會套入修改後的內容。

---------------------------------------------------------------------------------------
另外MUGEN 1.1也是有相關的場景查看器:
引用網址:https://home.gamer.com.tw/TrackBack.php?sn=3089665
All rights reserved. 版權所有,保留一切權利

相關創作

留言共 0 篇留言

我要留言提醒:您尚未登入,請先登入再留言

1喜歡★franciscolin 可決定是否刪除您的留言,請勿發表違反站規文字。

前一篇:MUGEN無限格鬥 如何... 後一篇:MUGEN無限格鬥 相關...

追蹤私訊切換新版閱覽

作品資料夾

colanncolann
想找各個領域的創作者們,一起交集、交談、交流、交涉、交友、交往! >.0看更多我要大聲說昨天23:39


face基於日前微軟官方表示 Internet Explorer 不再支援新的網路標準,可能無法使用新的應用程式來呈現網站內容,在瀏覽器支援度及網站安全性的雙重考量下,為了讓巴友們有更好的使用體驗,巴哈姆特即將於 2019年9月2日 停止支援 Internet Explorer 瀏覽器的頁面呈現和功能。
屆時建議您使用下述瀏覽器來瀏覽巴哈姆特:
。Google Chrome(推薦)
。Mozilla Firefox
。Microsoft Edge(Windows10以上的作業系統版本才可使用)

face我們了解您不想看到廣告的心情⋯ 若您願意支持巴哈姆特永續經營,請將 gamer.com.tw 加入廣告阻擋工具的白名單中,謝謝 !【教學】