Cocos Creator 按钮屏幕固定,相机移动不影响位置
可以使用 UI 节点来实现让屏幕一直显示某个按钮,同时使用相机进行移动。具体操作如下:
-
在场景中创建一个 UI 节点,然后在该节点下创建一个按钮节点。
-
设置按钮节点的锚点为屏幕左上角 (0,1),这样无论相机移动到哪里,按钮相对屏幕的位置都不会变化。
-
编写代码,通过设置 UI 节点的 position 属性使其一直处于屏幕左上角,同时通过相机的移动实现场景的移动。
示例代码如下:
// 获取 UI 节点
let uiNode = cc.find('Canvas/UI');
// 设置 UI 节点的 position 属性
uiNode.position = cc.v2(0, cc.winSize.height);
// 相机移动时,调整 UI 节点的 position 属性
this.node.on('move', function(event) {
let delta = event.detail.delta;
uiNode.position = uiNode.position.sub(delta);
});
其中,move 事件是自定义的事件,可以通过相机的移动触发该事件,传递相机移动的距离 (delta) 作为参数。
在实际使用中,可以根据需要对按钮节点进行进一步的调整,如设置按钮的大小、文本、点击事件等。
原文地址: https://www.cveoy.top/t/topic/nAxO 著作权归作者所有。请勿转载和采集!