【하이드라】RPG투쿠르 MZ 플러그인 입문, 그리고 화면에 액자를 작성한【에메드라】

RPG 츠쿠루 MV를 시작하려고 생각해, 이미 3년.
뭔가 모티베가 올라간다고 생각했던 곳 RPG 츠쿠루 MZ가 발매되었습니다.

이번에는 ATB (액티브 타임 배틀)가 추가되었다는 것으로,
"좋아, 할거야"라고 생각했는데요. 뭔가 부족하다.
그래, 화면에 액자가 없는 것이다.

화면에 액자가 없는 한, 나의 동기는 제로다.





플러그인 만들면 좋겠다.
저기, HTML5일까? 나 React야 요유잖아.
자신도 그렇게 생각했던 시기가 있었습니다.

PixiJS


아칸, 전혀 모른다.




여기에서 시작.
플러그인 정보도 거의 없다.
과연, 이것은 내가 입문서를 쓸 수밖에 없네요.

그래서 유행의 Zenn에 입문서를 써 보았습니다.
RPG 투쿠르 MZ 「전통적 RPG 디자인」플러그인 작성 입문

그러나 Qiita 쪽이 편하게 쓸 수 있다고 생각하기 때문에
플러그인 작성 입문을 이쪽에도 써 봅니다.
재료 투고는 Qiita 쪽이 좋네요.
 ∧∧∧∧∧∧∧∧∧∧∧∧∧∧∧∧∧∧∧∧
< Qiita! 圧倒的SEO! Qiita! 圧倒的SEO! >
 ∨∨∨∨∨∨∨∨∨∨∨∨∨∨∨∨∨∨∨∨
    ( ゚∀゚)o彡°( ゚∀゚)o彡°( ゚∀゚)o彡°

화면 테두리를 만들려면 어떻게 해야 합니까?



다행히, 기본적으로 RPG 쯔쿠루 MZ는 타이틀 화면만 테두리를 붙이는 기능이 있었습니다.
여기를 개조해 봅시다.

rmmz_scenes.js
Scene_Title.prototype.createBackground = function() {
    this._backSprite1 = new Sprite(
        ImageManager.loadTitle1($dataSystem.title1Name)
    );
    this._backSprite2 = new Sprite(
        ImageManager.loadTitle2($dataSystem.title2Name)
    );
    this.addChild(this._backSprite1);
    this.addChild(this._backSprite2);
};


이 loadTitle2라는 것이 기본 프레임 이미지와 같습니다.
ImageManager.loadTitle2($dataSystem.title2Name)

이 녀석
ImageManager.loadTitle2("titleframe")

이렇게 합니다.

이제 SamplePlugin.js를 작성해 보겠습니다.

SamplePlugin.js

//=============================================================================
// RPG Maker MZ - Sample Plugin
//=============================================================================

/*:
 * @target MZ
 * @plugindesc A sample for practice.
 * @author ***
 *
 * @help SamplePlugin.js
 *
 * Here's a description.
 */

/*:ja
 * @target MZ
 * @plugindesc 練習用のサンプルです。
 * @author ***
 *
 * @help SamplePlugin.js
 *
 * ここに説明文を書きます。
 */

(() => {

    Scene_Title.prototype.createBackground = function() {
        this._backSprite1 = new Sprite(
            ImageManager.loadTitle1($dataSystem.title1Name)
        );
        this._backSprite2 = new Sprite(
            ImageManager.loadTitle2("titleframe")
        );
        this.addChild(this._backSprite1);
        this.addChild(this._backSprite2);
    };

})();


이미지는 여기에 두었습니다.
titleframe.png

이 SamplePlugin.js와 titleframe.png를 프로젝트에 넣자.
  • [프로젝트 폴더]/js/plugins/SamplePlugin.js
  • [프로젝트 폴더]/img/titles2/titleframe.png

  • 도구 > 플러그인 관리 > 플러그인 목록 > 플러그인 설정


    화면 해상도도 변경합시다.

    도구 > 데이터베이스 > 시스템 2 > 고급 설정



    이름



    화면 너비
    1280년

    화면 높이
    800

    UI 영역의 너비
    1180년

    UI 영역의 높이
    700


    그럼 테스트 플레이 해 봅시다.





    역시 격조 높다. 그리고 이것을 게임 화면에 실현하고 싶습니다.



    이번에는 유행 Zenn에 기사를 써 보았습니다.
    다시 Qiita의 장점을 실감한 소감의 보고였습니다.

    좋은 웹페이지 즐겨찾기