88 lines
3.5 KiB
TypeScript
88 lines
3.5 KiB
TypeScript
/**
|
|
* UI 的渲染在 v3.0 变为使用 node.layer 来判断可见性，为了保证老版本项目升级后表现一致，
|
|
* Creator 会在运行时动态分配一个未使用的 layer 给常驻节点的 UI，避免常驻节点的 UI 与场景中
|
|
* 的其他 UI 的 layer 发生冲突，当你确定不会发生冲突时，你可以移除此脚本.
|
|
*
|
|
* UI rendering has changed in v3.0 to use node.layer to determine visibility.
|
|
* To ensure consistent performance after upgrading old projects.
|
|
* Creator will dynamically assign an unused layer to the UI node in the persist node at
|
|
* runtime to avoid conflicts between the layer of UI in the persist node and the
|
|
* layer of other UI in the scene. You can remove this script when you
|
|
* are sure there is no conflict
|
|
*/
|
|
|
|
import { _decorator, Node, director, Director, game, BaseNode, Canvas, Camera } from 'cc';
|
|
import { EDITOR } from 'cc/env';
|
|
|
|
const customLayerMask = 0x000fffff;
|
|
const builtinLayerMask = 0xfff00000;
|
|
|
|
director.on(Director.EVENT_AFTER_SCENE_LAUNCH, () => {
|
|
const roots = director.getScene()?.children as BaseNode[];
|
|
let allCanvases = director.getScene()?.getComponentsInChildren(Canvas) as Canvas[];
|
|
if (allCanvases.length <= 1) return;
|
|
allCanvases = allCanvases.filter(x => !!x.cameraComponent);
|
|
|
|
let allCameras = director.getScene()?.getComponentsInChildren(Camera) as Camera[];
|
|
let usedLayer = 0;
|
|
allCameras.forEach(x => usedLayer |= (x.visibility & customLayerMask));
|
|
|
|
const persistCanvas: Canvas[] = [];
|
|
for (let i = 0, l = roots.length; i < l; i++) {
|
|
const root = roots[i];
|
|
if (!game.isPersistRootNode(root)) continue;
|
|
const canvases = root.getComponentsInChildren(Canvas);
|
|
if (canvases.length === 0) continue;
|
|
persistCanvas.push(...canvases.filter(x => !!x.cameraComponent));
|
|
}
|
|
|
|
persistCanvas.forEach((val) => {
|
|
const isLayerCollided = allCanvases.find(x => x !== val && (x.cameraComponent!.visibility & val.cameraComponent!.visibility & customLayerMask));
|
|
if (isLayerCollided) {
|
|
const availableLayers = ~usedLayer;
|
|
const lastAvailableLayer = availableLayers & ~(availableLayers - 1);
|
|
val.cameraComponent!.visibility = lastAvailableLayer | (val.cameraComponent!.visibility & builtinLayerMask);
|
|
setChildrenLayer(val.node, lastAvailableLayer);
|
|
usedLayer |= availableLayers;
|
|
}
|
|
});
|
|
});
|
|
|
|
function setChildrenLayer (node: Node, layer: number) {
|
|
for (let i = 0, l = node.children.length; i < l; i++) {
|
|
node.children[i].layer = layer;
|
|
setChildrenLayer(node.children[i], layer);
|
|
}
|
|
}
|
|
|
|
let setParentEngine = Node.prototype.setParent;
|
|
|
|
if(!EDITOR) {
|
|
Node.prototype.setParent = function(value, keepWorldTransform) {
|
|
setParentEngine.call(this, value, keepWorldTransform);
|
|
if (!value) return;
|
|
// find canvas
|
|
let layer = getCanvasCameraLayer(this);
|
|
if (layer) {
|
|
this.layer = layer;
|
|
setChildrenLayer(this, layer);
|
|
}
|
|
}
|
|
}
|
|
|
|
function getCanvasCameraLayer (node: Node) {
|
|
let layer = 0;
|
|
let canvas = node.getComponent(Canvas);
|
|
if (canvas && canvas.cameraComponent) {
|
|
if (canvas.cameraComponent.visibility & canvas.node.layer) {
|
|
layer = canvas.node.layer;
|
|
} else {
|
|
layer = canvas.cameraComponent.visibility & ~(canvas.cameraComponent.visibility - 1);
|
|
}
|
|
return layer;
|
|
}
|
|
if (node.parent) {
|
|
layer = getCanvasCameraLayer(node.parent);
|
|
}
|
|
return layer;
|
|
} |