20. 攻击牌的拖拽指针

合集 - 王国之梦(42)

1.02. 创建房间的 Prefab2024-03-012.03. 设计地图配置表2024-03-013.04. 生成地图上的房间2024-03-014.07. 泛型事件框架2024-03-025.08. 场景加载2024-03-026.09. 保存地图场景2024-03-027.10. 房间进出逻辑2024-03-028.11. 制作卡牌 Prefab2024-03-039.12. 创建卡牌数据类2024-03-0410.13. 对象池2024-03-0411.14. 制作卡牌库实现抽卡2024-03-0512.15. 创建卡牌布局2024-03-0513.16. 抽卡动画2024-03-0514.17. 实现卡牌扇形布局2024-03-0515.18. 实现鼠标事件2024-03-0516.19. 卡牌拖拽2024-03-05

17.20. 攻击牌的拖拽指针2024-03-05

18.21. 实现洗牌逻辑2024-03-0519.22. 导入Spine人物素材2024-03-0520.23. 人物基类代码2024-03-0521.24. 执行卡牌效果2024-03-0522.25. 制作血条的 UI Document2024-03-0523.26. 绑定血条数据2024-03-0624.27. 创建USS血条样式2024-03-0625.28. 制作 Gameplay Panel2024-03-0626.29. 绑定 Gameplay Panel 数据2024-03-0627.30. 回合转换2024-03-0628.31. 出牌能量判断2024-03-0729.32. 防御牌及 UI2024-03-0730.33. 回血的苹果牌及特效2024-03-0731.34. 增加力量牌及 UI2024-03-0732.35. 更多卡牌2024-03-0733.36. 人物动画2024-03-0934.37. 敌人意图 AI 逻辑2024-03-1135.38. 敌人的动画执行逻辑2024-03-1136.39. 对战胜负逻辑2024-03-1237.40. 制作胜利和抽卡面板2024-03-1238.41. 抽卡面板的实际逻辑2024-03-1239.42. GameOver 及 Menu 面板2024-03-1340.43. 实现休息房间的逻辑2024-03-1341.44. Boss 制作和整体流程2024-03-1342.45. 淡入淡出及打包游戏2024-03-13

收起

制作攻击指针

首先创建一个 ArrowLine 的对象，然后给它添加 LineRenderer，将线宽改为 1.5，Materials 改为 RedArrow

RedArrow 就长这个样子

鼠标点击攻击牌的时候出现指针

二次贝塞尔曲线理论和实现方式

相关代码

public void SetArrowPosition()
    {
        Vector3 cardPosition = transform.position; // 卡牌位置
        Vector3 direction = mousePos - cardPosition; // 从卡牌指向鼠标的方向
        Vector3 normalizedDirection = direction.normalized; // 归一化方向

        // 计算垂直于卡牌到鼠标方向的向量
        Vector3 perpendicular = new(-normalizedDirection.y, normalizedDirection.x, normalizedDirection.z);

        // 设置控制点的偏移量
        Vector3 offset = perpendicular * arcModifier; // 你可以调整这个值来改变曲线的形状

        Vector3 controlPoint = (cardPosition + mousePos) / 2 + offset; // 控制点


        lineRenderer.positionCount = pointsCount; // 设置 LineRenderer 的点的数量

        for (int i = 0; i < pointsCount; i++)
        {
            float t = i / (float)(pointsCount - 1);
            Vector3 point = CalculateQuadraticBezierPoint(t, cardPosition, controlPoint, mousePos);
            lineRenderer.SetPosition(i, point);
        }
    }

    //计算二次贝塞尔曲线点
    Vector3 CalculateQuadraticBezierPoint(float t, Vector3 p0, Vector3 p1, Vector3 p2)
    {
        float u = 1 - t;
        float tt = t * t;
        float uu = u * u;

        Vector3 p = uu * p0; // 第一项
        p += 2 * u * t * p1; // 第二项
        p += tt * p2; // 第三项

        return p;
    }

项目相关代码

代码仓库：https://gitee.com/nbda1121440/DreamOfTheKingdom.git

标签：20240305_1517