76 lines
2.3 KiB
TypeScript
76 lines
2.3 KiB
TypeScript
|
import { _decorator, Component, Node, tween, Vec3, Sprite, UITransform } from "cc";
|
|||
|
|
const { ccclass, property } = _decorator;
|
|||
|
|
|
|||
|
|
@ccclass("HintManager")
|
|||
|
|
export class HintManager extends Component {
|
|||
|
|
@property(Node)
|
|||
|
|
handNode: Node | null = null; // 编辑器里拖一只手的 sprite 节点
|
|||
|
|
|
|||
|
|
private runningTween: any = null;
|
|||
|
|
|
|||
|
|
// 传入 getHint 的结果
|
|||
|
|
showHint(hint: any, getPos: (r: number, c: number) => Vec3) {
|
|||
|
|
if (!this.handNode) return;
|
|||
|
|
|
|||
|
|
// 清理之前的动画
|
|||
|
|
if (this.runningTween) {
|
|||
|
|
this.runningTween.stop();
|
|||
|
|
this.runningTween = null;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
if (!hint.from || !hint.dir || hint.steps == null) return;
|
|||
|
|
|
|||
|
|
const { from, dir, steps } = hint;
|
|||
|
|
const dr = dir.dr;
|
|||
|
|
const dc = dir.dc;
|
|||
|
|
|
|||
|
|
// 生成路径格子（起点 + dir * step）
|
|||
|
|
const pathCells: { r: number; c: number }[] = [];
|
|||
|
|
for (let s = 0; s <= steps; s++) {
|
|||
|
|
pathCells.push({ r: from.r + dr * s, c: from.c + dc * s });
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// 转换成 UI 坐标
|
|||
|
|
const positions: Vec3[] = pathCells.map(cell => getPos(cell.r, cell.c));
|
|||
|
|
|
|||
|
|
const startPos = positions[0];
|
|||
|
|
this.handNode.active = true;
|
|||
|
|
this.handNode.setSiblingIndex(this.handNode.parent.children.length - 1);
|
|||
|
|
this.handNode.setPosition(startPos);
|
|||
|
|
|
|||
|
|
// 构建单向滑动动画（格子之间平均时间）
|
|||
|
|
const durationPerCell = 1 / steps;
|
|||
|
|
let tw = tween(this.handNode);
|
|||
|
|
for (let i = 1; i < positions.length; i++) {
|
|||
|
|
tw = tw.to(durationPerCell, { position: positions[i] });
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// 到终点瞬间回起点
|
|||
|
|
tw = tw.call(() => this.handNode.setPosition(startPos));
|
|||
|
|
|
|||
|
|
// 重复 3 次
|
|||
|
|
this.runningTween = tween(this.handNode)
|
|||
|
|
.repeat(3, tw)
|
|||
|
|
.call(() => {
|
|||
|
|
this.handNode.active = false;
|
|||
|
|
this.runningTween = null;
|
|||
|
|
})
|
|||
|
|
.start();
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
cancelHint() {
|
|||
|
|
if (this.runningTween) {
|
|||
|
|
try {
|
|||
|
|
this.runningTween.stop();
|
|||
|
|
} catch (e) {
|
|||
|
|
console.warn("停止手势动画失败", e);
|
|||
|
|
}
|
|||
|
|
this.runningTween = null;
|
|||
|
|
}
|
|||
|
|
if (this.handNode) {
|
|||
|
|
this.handNode.active = false;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
}
|