RMMV HELP! Cant load a custom image on a specific window.

[Magusalfador]

Hi all!!

I want to load an image on a specific window, in this case, on the Status window (Scene_Status). I have the following code as my function:

Scene_Status.prototype.drawPicture = function(filename, x, y) {
    var bitmap = ImageManager.loadPicture(filename);
    this.contents.blt(bitmap, 0, 0, bitmap.width, bitmap.height, x, y);  
};

And then I call it when you press PGup or PGdown on Scene_Status (cycle actors):

        Scene_Status.prototype.setCommandWindowHandlers = function() {
        this._commandWindow.setHandler('cancel', this.popScene.bind(this));
        this._commandWindow.setHandler('pagedown', this.nextActor.bind(this));
        this._commandWindow.setHandler('pageup',   this.previousActor.bind(this));
        this.drawPicture("Loading", 0, 0)
};

But I get this error attached:.
It is worth mentioning im using Yanfly status menu core and im calling the drawPicture function from there.


Thank you.

 

[caethyril]

A scene does not have a contents property by default; you're thinking of a window.

The blt method (block transfer, a.k.a. "blit") is used to paint [a piece of] an image onto a Bitmap instance. A window's contents is one option; a free-floating Sprite is another option. Depending on exactly what you're doing, you might not even need to use blt (cf rpg_scenes.js, Scene_Title.prototype.createBackground).

In this case it sounds like you should find the appropriate window and blit onto that~

 

[Magusalfador]

Hi @caethyril !! Thank you so much. I was able to draw the picture because indeed, it has to be done on a widow, not a scene. Now, I have another problem, my image is not drawing completely, Im guessing something about the canvas? The image I want to load is supposed to be full screen, yet, it loads incomplete.

Attached you will find how the image loads, the red indicates what parts of the image are missing.

Do you know what I should be looking at?

Thanks!

 

[caethyril]

Does the window's height/width change after it initializes? If so, the window contents should be created again after resizing...try adding these lines after the window's height/width changes:

this.createContents();
this.refresh();

Note: this should reference the window that was resized; if you're resizing from a different context, replace this as needed.

Also, some windows recreate their contents as part of their refresh routine, so depending on your window's inheritance chain you might only need to invoke its refresh method.

Hopefully that'll fix it, because I'm not sure what might cause that otherwise...

 

[Magusalfador]

The problem is, I know super basic JS and im working over lots of plug ins, Yanfly mostly, so i don't know if the width and height changes. BUT I was able to accomplish what I needed it with the create sprite method.

I still will be trying what you said out of curiosity though.

I appreciate your help, I was able to accomplish something that seem soo hard. =) =)