修改部分:
- 標題選單項目(縱向改成橫向)
- 選單指標(把單調前後指標改成動態指標)
準備腳本:
- 遊戲標題腳本scene-title.js
- 遊戲指標腳本utility-cursor.js
- FP.EP改圖片腳本AddStatusWindow.js
至於FP.EP改圖片腳本,原是日本網友寫的腳本改用的
還是那句老話...
以防改造失敗跳出Error毀壞,請保存原有腳本
請先將要修改的腳本複製出來
『遊戲根目錄\Script\底下資料夾』
並且改名後放到
『遊戲根目錄\Plugin\底下同位置』
教學前尚未修改的畫面
看到選單依然還是縱向,我們先把這改成橫向吧?
打開剛剛複製的scene-title.js後找到
由於我要修改的只有遊戲標題的選項,而其他內建的不需要更動
因此打開『遊戲根目錄\Script\Script\base\base-scrollbar.js』這選項腳本
並且全部複製的後貼在scene-title.js中var TitleSceneMode = { 上方也就是第一行
之後將10行的var BaseScrollbar = defineObject(BaseObject,
改為標題專用的var HomeScrollbar = defineObject(BaseObject,
為了要讓這遊戲標題腳本直接套用複製來的選項腳本內容
找到877行的var TitleScreenScrollbar = defineObject(BaseScrollbar,
改為var TitleScreenScrollbar = defineObject(HomeScrollbar,
以上動作完成後,依序尋找210行
setScrollFormation: function(col, showRowCount) {
this._objectArray = [];
this.setScrollFormationInternal(col, showRowCount);
},
改寫成
setScrollFormation: function(col, showRowCount) {
this._objectArray = [];
//col是選項開頭顯示幾行則showRowCount則是最大選項數
//因此直接col + showRowCount 就等於顯示一排
this.setScrollFormationInternal(col + showRowCount , showRowCount);
},
完成後請先嘗試開啟遊戲是否能正常執行
沒意外的話,應該能看到上突變成橫向選單的圖才對
接下來就是依造個人喜好,慢慢調整選單位置等內容
調整方式:
X軸、Y軸
851行的_drawScrollbar: function() {
var dx = LayoutControl.getRelativeX(8) - 60; // 改數字(8) = 改X軸
var dy = LayoutControl.getRelativeY(7);// 改數字(7) = 改Y軸
選項框大小與間距 & 選項文字顯示字數
var TitleScreenScrollbar = defineObject(HomeScrollbar,
底下的892行
TextRenderer.drawFixedTitleText(x, y, text, color, font, TextFormat.CENTER, pic, 5);
// 數字5 = 一排只顯示5個文字,超過5個以上的文字則會挪移到第二排顯示
// 如果文字有六個,而我們 5 改成 2 的話則會顯示3排文字,以此類推
底下的912行與916行
getObjectWidth: function() {
return 220; //改全部選項的寬度
},
getObjectHeight: function() {
return 45; //改選項與選項之間的間距
},
目前先寫到這裡,因為接下來會很複雜的跨腳本修改
下一篇修改遊戲選項指標的部分,待我稍微整理成大家比較好理解方式再發布!