炉石传说：“我从未离开，只是换了一种方式陪伴你”

前端

2023-12-08 13:51:45

Cocos 中的炉石传说：目标选择箭头效果实现

前言：炉石传说——永垂不朽的回忆

炉石传说，一款风靡全球的卡牌游戏，陪伴了无数玩家度过了无数难忘的时光。然而，随着网易与暴雪合作的结束，炉石传说在国内的运营也遗憾终止。虽然游戏已停服，但炉石传说的魅力仍在玩家心中萦绕。

在 Cocos 中延续炉石传说的火种

虽然炉石传说已经离我们远去，但我们仍然可以通过其他方式体验它的乐趣。Cocos，一款开源的游戏引擎，为我们提供了创建各种类型游戏的可能，其中当然也包括卡牌游戏。

实现炉石传说目标选择箭头效果

炉石传说的目标选择箭头效果，为玩家提供了更直观的目标选择体验。在 Cocos 中，我们可以使用简单的代码实现这一效果。

// 创建一个新的箭头精灵
var arrow = new cc.Sprite.create("arrow.png");

// 将箭头精灵添加到场景中
this.addChild(arrow);

// 设置箭头精灵的位置和旋转角度
arrow.setPosition(cc.p(100, 100));
arrow.setRotation(0);

// 创建一个触摸监听器，当玩家点击屏幕时，箭头精灵会旋转
var touchListener = cc.EventListener.create({
    event: cc.EventListener.TOUCH_ONE_BY_ONE,
    onTouchBegan: function(touch, event) {
        var target = event.getCurrentTarget();

        // 获取触摸点相对于箭头精灵的位置
        var locationInNode = target.convertToNodeSpace(touch.getLocation());

        // 计算触摸点与箭头精灵中心点的角度
        var angle = Math.atan2(locationInNode.y, locationInNode.x);

        // 设置箭头精灵的旋转角度
        target.setRotation(angle);

        return true;
    }
});

// 将触摸监听器添加到场景中
cc.eventManager.addListener(touchListener, this);