初学代码，请教一下关于blt显示的问题

郭小受

小女最近初学插件，学习了如何制造窗口，按照他的讲解，成功在窗口显示了文字，然后突发奇想，想在窗口上显示图片。我查阅帮助，在bitmap里面看到了blt方法，但是使用了以后并没有显示图片，是我代码写错了吗？望大佬指点，小女感激不尽。
只显示了窗口：

代码如下（我不会插入代码）
/*:
@author guo
@plugindesc 窗口示例
@help


*/
function Window_MapStatus() {
    this.initialize.apply(this, arguments)
}
Window_MapStatus.prototype = Object.create(Window_Base.prototype);
Window_MapStatus.prototype.initialize = function (x, y, width, height) {
    Window_Base.prototype.initialize.call(this, x, y, width, height);
        this._timeBitmap = ImageManager.loadHitMouse("time_roller");
        this.refresh();
}

Window_Base.prototype.drawButton = function(faceName, x, y, width, height) {    
    var bitmap = ImageManager.loadSystem(faceName);    
    this.contents.blt(bitmap, 0, 0, width, height, x, y);
};

ImageManager.loadHitMouse = function(filename, hue) {//
        return this.loadBitmap('img/HitMouse/', filename, hue, true);
};
Window_MapStatus.prototype.adjustSprite = function(sprite) {
        sprite.scale.x = this._scaleX * 0.85;
        sprite.scale.y = this._scaleY * 0.85;
    sprite.anchor.x = 0.5;
    sprite.anchor.y = 0.5;
        this.addChild(sprite);
};


Window_MapStatus.prototype.refresh = function () {
        //这里的图片显示不出来
        this._dizzyBitmap = ImageManager.loadHitMouse("star");
       
        this.contents.blt(this._dizzyBitmap, 0, 0, 120, 70, 5, 30,120,70);
}
Scene_Map.prototype.createDisplayObjects = function () {
    //创建精灵组
    this.createSpriteset();
    //创建地图名称窗口
    this.createMapNameWindow();
    //创建窗口层
    this.createWindowLayer();
    //创建所有窗口
    this.createAllWindows();

    //创建一个显示角色状态的窗口
    this.createStatusWindow();



};

//创建一个显示名字的窗口
Scene_Map.prototype.createStatusWindow = function () {
    this._StatusWindow = new Window_MapStatus(200, 200, 410, 216);
    this.addWindow(this._StatusWindow); //把窗口添加到窗口层

};

大佬，小女跪谢了

yang1zhi

显示图片，RM比较麻烦。不是即时实现。
也就是，你
bitmap = ImageManager.loadFace
刚定义了bitmap
之后马上就blt
这样大多数情况下，是还没读取完图片的，是显示不了的。
已经读取过的在缓存里有，可以显示出来。

最好是用上这个
var bitmap = ImageManager.loadFace(actor.faceName());
这里定义bitmap
  bitmap.addLoadListener(function() {
这里的bitmap就是上面那个定义的bitmap。你定义的是yyy那就写yyy
    this.contents.blt(bitmap, sx, sy, 144, 144, dx, dy);
大括号里面写的就是bitmap读取到图片后要执行的内容。这里是blt，你也可以是别的。
    }.bind(this));
小括号里面是要传给这个小函数的内容。this是必须的。后面也可以加。
比如  this,x,y
这样就把x,y传给了这个小函数
可以在上面的(function() 小括号里写上(function(x,y) 就可以把xy在这个小函数里面使用的。
这在for里很有用

阿诺奈亚

郭小受 发表于 2020-2-9 23:03
我在update里面加了一句仍然报错
我精简了一下代码

Scene_Map.prototype.createStatusWindow = function () {
    this._StatusWindow = new Window_MapStatus(0, 0, 410, 216);
    this.addWindow(this._StatusWindow); //把窗口添加到窗口层
        SceneManager.push(Window_MapStatus);
};
这个函数注释或删掉SceneManager.push(Window_MapStatus);这句代码，窗口类不是场景类，有些函数窗口类调用不了。

郭小受

阿诺奈亚 发表于 2020-2-9 19:51
Window_MapStatus.prototype.update = function () {
        this._dizzyBitmap = ImageManager.loadHitMo ...

我在update里面加了一句

1. Window_MapStatus.prototype.update = function () {
   
2.         Window_Base.prototype.update.call(this);        
   
3. }

复制代码

仍然报错
我精简了一下代码

1. /*:
   
2. @author ttt
   
3. @plugindesc 窗口示例
   
4. @help
   
5. 
   
6. 
   
7. */
   
8. function Window_MapStatus() {
   
9.     this.initialize.apply(this, arguments)
   
10. }
    
11. Window_MapStatus.prototype = Object.create(Window_Base.prototype);
    
12. 
    
13. 
    
14. 
    
15. Window_MapStatus.prototype.initialize = function (x, y, width, height) {
    
16.     Window_Base.prototype.initialize.call(this, x, y, width, height);
    
17.         this.refresh();
    
18.         this.update();
    
19. }
    
20. 
    
21. ImageManager.loadHitMouse = function(filename, hue) {//        
    
22.         return this.loadBitmap('img/HitMouse/', filename, hue, true);
    
23. };
    
24. 
    
25. Window_MapStatus.prototype.refresh = function () {
    
26.         //this.drawText($gameParty.members()[0]._name, 0, 0, this.Width);
    
27.         //这里的图片显示不出来        
    
28.         //this._dizzyBitmap = ImageManager.loadHitMouse("star");                 
    
29.         //this.contents.blt(this._dizzyBitmap, 0, 0, 120, 70, 5, 30,120,70);
    
30. }
    
31. 
    
32. Window_MapStatus.prototype.update = function () {
    
33.         Window_Base.prototype.update.call(this);        
    
34.         //this._dizzyBitmap = ImageManager.loadHitMouse("star");         
    
35.         //this.contents.blt(this._dizzyBitmap, 0, 0, 120, 70, 5, 30,120,70);
    
36. }
    
37. Scene_Map.prototype.createDisplayObjects = function () {
    
38.     //创建精灵组
    
39.     this.createSpriteset();
    
40.     //创建地图名称窗口
    
41.     this.createMapNameWindow();
    
42.     //创建窗口层
    
43.     this.createWindowLayer();
    
44.     //创建所有窗口
    
45.     this.createAllWindows();
    
46. 
    
47.     //创建一个显示角色状态的窗口
    
48.     this.createStatusWindow();
    
49. 
    
50. 
    
51. 
    
52. };
    
53. 
    
54. //创建一个显示名字的窗口
    
55. Scene_Map.prototype.createStatusWindow = function () {
    
56.     this._StatusWindow = new Window_MapStatus(0, 0, 410, 216);
    
57.     this.addWindow(this._StatusWindow); //把窗口添加到窗口层
    
58.         SceneManager.push(Window_MapStatus);
    
59. };

复制代码

不知道错在哪里呀

郭小受

阿诺奈亚 发表于 2020-2-9 19:51
Window_MapStatus.prototype.update = function () {
        this._dizzyBitmap = ImageManager.loadHitMo ...

大佬，我加入了以后报错了：undefined is not a function
只要我加了Window_MapStatus.prototype.update = function () {这句就会报错。

1. Window_MapStatus.prototype.initialize = function (x, y, width, height) {
   
2.     Window_Base.prototype.initialize.call(this, x, y, width, height);
   
3.         this.refresh();
   
4.         this.update();
   
5. }

复制代码

我尝试在initialize里面加了一句this.update();仍是报错，请问错在哪里？

阿诺奈亚

Window_MapStatus.prototype.update = function () {
        this._dizzyBitmap = ImageManager.loadHitMouse("star");
        this.contents.blt(this._dizzyBitmap, 0, 0, 120, 70, 5, 30,120,70);
}
加上这一句代码即可

白嫩白嫩的

加油小闺女 不懂代码，帮不到你。。。 如果是美术方面的话可以帮你

郭小受

1. var create_canvas = function(){
   
2.     var theCanvas = document.createElement("canvas");
   
3.     if(!theCanvas){
   
4.         document.write("no support canvas");
   
5.         return ;
   
6.     }
   
7.     //mv的是816*624
   
8.     theCanvas.width = 816;
   
9.     theCanvas.height = 624;
   
10.     theCanvas.style.position = "absolute";
    
11.     theCanvas.style.margin = "auto";
    
12.     theCanvas.style.top = 0 + "px";
    
13.     theCanvas.style.left = 0 + "px";
    
14.     theCanvas.style.right = 0 + "px";
    
15.     theCanvas.style.bottom = 0 + "px";
    
16.     theCanvas.style.zIndex = 20;
    
17.     theCanvas.id = "theCanvas";
    
18.     document.body.appendChild(theCanvas);
    
19. 
    
20.     return theCanvas;
    
21. };
    
22. Window_MapStatus.prototype.refresh = function () {
    
23.         //这里的图片显示不出来
    
24.         //this._dizzyBitmap = ImageManager.loadHitMouse("star");
    
25.        
    
26.         //this.contents.blt(this._dizzyBitmap, 0, 0, 120, 70, 5, 30,120,70);
    
27.         if(!document.getElementById("theCanvas")){
    
28.         create_canvas();
    
29.     }else{
    
30.        var theCanvas = document.getElementById("theCanvas");
    
31.         theCanvas.style.zIndex = 20;
    
32.     }
    
33. 
    
34.         var theCanvas = document.getElementById("theCanvas");
    
35.         var context = theCanvas.getContext("2d");
    
36.         var backGround = new Image();
    
37.         backGround.src = "img/HitMouse/main.png";
    
38.         //backGround.addEventListener("load", load_done, false);
    
39.         context.drawImage(backGround, 100, 100);
    
40. }

复制代码

我用drawimage也显示不出来

郭小受

坏数据 发表于 2020-2-9 08:38
小女
还挺有意思的   代码那个  编辑帖子的时候  工具栏上有一个
  

好的呢，我尝试一下。

坏数据

小女
还挺有意思的   代码那个  编辑帖子的时候  工具栏上有一个
<>  
这样的图标

点一下就懂了

一般来说 还要折叠一下  折叠的图标是一个对话气泡  底下的提示文字是 Toggle  

只懂得编辑帖子蛤  blt在mv里面的问题我就不懂了  
你看看是不是x y 的问题   是相对坐标还是绝对坐标