把卡片精灵做成预制体,锚点为0,0
创建一个卡片层,继承于脚本基类,在卡片层脚本中拿到预制体创建卡片(卡片要通过代码创建,不要直接在层级管理器中挂,否则会在Game.ts的onLoad加载所有节点是我就加载出来,后续处理比较麻烦)
import ScriptBase from './ScriptBase'
const {
ccclass, property} = cc._decorator;
@ccclass
export default class CardLayer extends ScriptBase {
@property(cc.Prefab)
cardPrefab:cc.Prefab = null;
onInit () {
//要有几张卡片,这个数值应该是关卡数据过来。
let count:number = 4;
for(let i = 0;i < count;i++){
//拿卡片预制体生成卡片
let cardNode:cc.Node = cc.instantiate(this.cardPrefab);
//锚点设置了0,0
//拿到当前节点的宽度
let width:number = cardNode.width;
//设置位置(一排过去) 如果不是一排,就要一个个去设置位置,不能循环。比如上下左右分别设置位置。
cardNode.x = i*width;
//挂载
cardNode.parent = this.node;
}
}
}
在触摸层点击非路径时,生成卡片层,设置卡片层位置为触摸点位置(到卡片中写个触摸点接口)
在TouchLayer.ts中
if(tiledMapCtrl.isClickLayer('path',clickTile)){
console.log('不创建武器');
}
else{
let cardLayer:CardLayer = (ConfigMgr.getInstance().getData('CardLayer')) as CardLayer;
//调用卡片层的点击事件,设置卡片层的位置为触摸点坐标
cardLayer.clickEvent(clickPos)