iT邦幫忙

2021 iThome 鐵人賽

DAY 19
0
自我挑戰組

用RPG Maker實作動作遊戲系列 第 19

[Day 19] 實作 - 介面篇3

  • 分享至 

  • xImage
  •  

首先先將各個快捷鍵設好
將ActionBattle_Var.js改成
https://ithelp.ithome.com.tw/upload/images/20210928/20141442D4VPRcUBsT.jpg

開一隻程式ActionBattle_SkillScene.js
引入插件
開始寫技能的場景跟視窗

先把初始化跟視窗寫好
如下
https://ithelp.ithome.com.tw/upload/images/20210928/20141442FBl0P2GyAf.jpg

其中只有createKeyboardShortcutWindow是自己寫的方法
其他的三個視窗都是原生的
但我們需要改寫一下視窗的矩形(大小跟位置)
所以還是需要重寫建立舉行的方法
先從createKeyboardShortcutWindow開始
https://ithelp.ithome.com.tw/upload/images/20210928/20141442X7illtWt7v.jpg
其中keyboardShortcutWindowRect如下
https://ithelp.ithome.com.tw/upload/images/20210928/201414427OoCp1D6qR.jpg
onKeyboardShortcutOk跟onKeyboardShortcutCancel
https://ithelp.ithome.com.tw/upload/images/20210928/20141442tl07iZjGah.jpg

然後這邊自定義了一個類別叫Window_KeyboardShortcutList
就是自定義的視窗了
詳細明天在介紹

可以看到在keyboardShortcutWindowRect有用到itemWindowRect
如下
https://ithelp.ithome.com.tw/upload/images/20210928/201414428hcVo72ciS.jpg
而裡面又用到skillTypeWindowRect如下
https://ithelp.ithome.com.tw/upload/images/20210928/201414425AooCZtao4.jpg

剩下一些方法重寫
https://ithelp.ithome.com.tw/upload/images/20210928/20141442wagvzMA2hG.jpg

https://ithelp.ithome.com.tw/upload/images/20210928/20141442DISon5ftXU.jpg

https://ithelp.ithome.com.tw/upload/images/20210928/20141442DJqMov6Ez6.jpg

https://ithelp.ithome.com.tw/upload/images/20210928/20141442KktGJ6y8O4.jpg


周末能寫的量真的比較多
明天就開始定Window_KeyboardShortcutList這個類別


上一篇
[Day 18] 實作 - 介面篇2
下一篇
[Day 20] 實作 - 介面篇4
系列文
用RPG Maker實作動作遊戲30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言