请问窗口只有一层吗？

wbsy8241

我把2个窗口叠在一起 重叠部分只有上层的内容

trentswd

首先窗口是WindowLayer负责渲染的
然后WindowLayer在画窗口的时候，会首先该清除矩形区域，造成只有一层的假象

修改很简单
将下面插入一个js文件，作为插件开启

1. WindowLayer.prototype._canvasClearWindowRect = function(renderSession, window) {
   
2. 
   
3.     };
   
4. 
   
5.     WindowLayer.prototype._webglMaskWindow = function(renderSession, window) {
   
6. 
   
7.     };
   
8. 
   
9.     WindowLayer.prototype._renderCanvas = function(renderSession) {
   
10.       if (!this.visible) {
    
11.         return;
    
12.       }
    
13. 
    
14.       if (!this._tempCanvas) {
    
15.         this._tempCanvas = document.createElement('canvas');
    
16.       }
    
17. 
    
18.       this._tempCanvas.width = Graphics.width;
    
19.       this._tempCanvas.height = Graphics.height;
    
20. 
    
21.       var realCanvasContext = renderSession.context;
    
22.       var context = this._tempCanvas.getContext('2d');
    
23. 
    
24.       context.save();
    
25.       context.clearRect(0, 0, Graphics.width, Graphics.height);
    
26.       context.beginPath();
    
27.       context.rect(this.x, this.y, this.width, this.height);
    
28.       context.closePath();
    
29.       context.clip();
    
30. 
    
31.       renderSession.context = context;
    
32. 
    
33.       for (var i = 0; i < this.children.length; i++) {
    
34.         var child = this.children[i];
    
35.         if (child._isWindow && child.visible && child.openness > 0) {
    
36.           this._canvasClearWindowRect(renderSession, child);
    
37.           context.save();
    
38.           child._renderCanvas(renderSession);
    
39.           context.restore();
    
40.         }
    
41.       }
    
42. 
    
43.       context.restore();
    
44. 
    
45.       renderSession.context = realCanvasContext;
    
46.       renderSession.context.setTransform(1, 0, 0, 1, 0, 0);
    
47.       renderSession.context.globalCompositeOperation = 'source-over';
    
48.       renderSession.context.globalAlpha = 1;
    
49.       renderSession.context.drawImage(this._tempCanvas, 0, 0);
    
50. 
    
51.       for (var j = 0; j < this.children.length; j++) {
    
52.         if (!this.children[j]._isWindow) {
    
53.           this.children[j]._renderCanvas(renderSession);
    
54.         }
    
55.       }
    
56.     };
    
57. 
    
58.     WindowLayer.prototype._renderWebGL = function(renderSession) {
    
59.       if (!this.visible) {
    
60.         return;
    
61.       }
    
62. 
    
63.       var gl = renderSession.gl;
    
64. 
    
65.       if (!this._vertexBuffer) {
    
66.         this._vertexBuffer = gl.createBuffer();
    
67.       }
    
68. 
    
69.       this._dummySprite._renderWebGL(renderSession);
    
70. 
    
71.       renderSession.spriteBatch.stop();
    
72.       gl.enable(gl.STENCIL_TEST);
    
73.       gl.clear(gl.STENCIL_BUFFER_BIT);
    
74.       this._webglMaskOutside(renderSession);
    
75.       renderSession.spriteBatch.start();
    
76. 
    
77.       for (var i = 0; i < this.children.length; i++) {
    
78.         var child = this.children[i];
    
79.         if (child._isWindow && child.visible && child.openness > 0) {
    
80.           gl.stencilFunc(gl.EQUAL, 0, 0xFF);
    
81.           child._renderWebGL(renderSession);
    
82.           renderSession.spriteBatch.stop();
    
83.           this._webglMaskWindow(renderSession, child);
    
84.           renderSession.spriteBatch.start();
    
85.         }
    
86.       }
    
87. 
    
88.       gl.disable(gl.STENCIL_TEST);
    
89. 
    
90.       for (var j = 0; j < this.children.length; j++) {
    
91.         if (!this.children[j]._isWindow) {
    
92.           this.children[j]._renderWebGL(renderSession);
    
93.         }
    
94.       }
    
95.     };

复制代码

wbsy8241

trentswd 发表于 2016-1-2 16:52
首先窗口是WindowLayer负责渲染的
然后WindowLayer在画窗口的时候，会首先该清除矩形区域，造成只有一层的 ...

谢谢 可以了


MV好像对修改Z值很麻烦？
我要做出战斗角色在某一个窗口的上面，其他窗口默认在角色之上
是否可行？
（XP的角色战斗方式，但角色比窗口高， 所以显示2个窗口，底层和 显示状态的顶层
不行就只能画个真窗口显示在角色下面了）

trentswd

wbsy8241 发表于 2016-1-2 16:58
谢谢 可以了

并没有Z值
渲染的时候把所有的结构看成一个树：
先渲染父节点，然后渲染子节点，子节点是先渲染先加入的，后渲染后加入的
所以最后加入的在最上面

你的问题是这样的，现在sprite都在SpriteSet里面，window在windowLayer里面，spriteSet在scene里面又比WindowLayer加入的早
解决办法是再加一个windowLayer