【解決】メニュー画面に設置した背景画像の透過部分が黒色で塗りつぶされてしまう？

[cocola]

jsのまったくの初心者にも関わらずメニュー画面をカスタマイズしようとプラグイン作成を試みている者です、
どなたかお力を貸していただければと思い、質問させてください(-_-;)

プラグインに
(function () {
Scene_Menu.prototype.create = function () {
Scene_MenuBase.prototype.create.call(this);
this.createCommandWindow();
};
Scene_Menu.prototype.start = function () {
Scene_MenuBase.prototype.start.call(this);
};
略
//▼背景画像に関する記述は
Scene_MenuBase.prototype.createBackground = function () {
this._backgroundSprite = new Sprite();
this._backgroundSprite.bitmap = ImageManager.loadPicture('MENU_1');
this.addChild(this._backgroundSprite);
};
//これだけ（のつもりです）▲
略

（'MENU_1'はメニュー画面用背景画像名）…という風に書いて保存しています。
MENU_1には透過部分があるのでてっきりそこはそのまま透けるものだと思ってメニューを開いてみると

2018-4-22_15-53-30.png (100.46 KiB) 閲覧数: 2790 回

謎の黒色が出現し（？）透過部分がカバー？…されてしまっており、（画像右側）
何が原因なのかわからずに困っています…透過させて少しマップの様子を残そうとしたいのですが
どうすればうまくいくでしょうか…？
Community_Basicにて960*540に解像度を変更してゲームを起動させています。

[まっつＵＰ]

cocola様
お世話になります。

元のScene_MenuBase.prototype.createBackgroundの内容に
マップ画面のスナップを追加する処理があるので参考にするとよいと思います。

[フトコロ]

こんにちは。
それは、メニュー画面の一番裏側が見えているだけですよ。


まず、メニュー画面を表示している間は、マップ画面は消えています。
なので、メニュー画面の背景を消すと、真っ黒の画面が表示されます。

通常、メニュー画面の背景に、ややぼやけたマップ画面が表示されるのは
そういう画像を作って、背景に貼っているためです。

下の、SceneManager.backgroundBitmap()です。

コード: 全て選択

Scene_MenuBase.prototype.createBackground = function() {
    this._backgroundSprite = new Sprite();
    this._backgroundSprite.bitmap = SceneManager.backgroundBitmap();
    this.addChild(this._backgroundSprite);
};

なので、マップ画面を写しつつ、自分の選んだ画像をその上に表示させたい場合は
Scene_MenuBase.prototype.createBackground()ではなく、別に画像用のスプライトを
用意してあげる必要があります。

[cocola]

>>まっつＵＰ様
海外の方のプラグイン作成チュートリアルを手本に見よう見まねで深く考えずに
jsの書き方に手をつけてしまっていたのでなるほどです！
肝心な情報を知る機会を伺えました、今後はじっくり基礎を勉強していきます(>_<)

>>フトコロ 様
あの元々のメニュー画面にかかるぼかしのようなものが画像だったことに何よりも驚いています…
恥ずかしながら全く知りませんでした。解説していただき恐縮です…！
教えていただいたとおり、別に画像用のスプライトを作りあれこれと書いて試していったところ
無事に背景を透過表示させる事に成功しました！(^▽^)


まっつＵＰ様、フトコロ様、悩みに悩んだ些細な問題でしたが、おかげで解決いたしました。
お時間を割いて対応していただき光栄です、ありがとうございます！