15. 创建卡牌布局

合集 - 王国之梦(42)

1.02. 创建房间的 Prefab2024-03-01 2.03. 设计地图配置表2024-03-01 3.04. 生成地图上的房间2024-03-01 4.07. 泛型事件框架2024-03-02 5.08. 场景加载2024-03-02 6.09. 保存地图场景2024-03-02 7.10. 房间进出逻辑2024-03-02 8.11. 制作卡牌 Prefab2024-03-03 9.12. 创建卡牌数据类2024-03-04 10.13. 对象池2024-03-04 11.14. 制作卡牌库实现抽卡2024-03-05

12.15. 创建卡牌布局2024-03-05

13.16. 抽卡动画2024-03-05 14.17. 实现卡牌扇形布局2024-03-05 15.18. 实现鼠标事件2024-03-05 16.19. 卡牌拖拽2024-03-05 17.20. 攻击牌的拖拽指针2024-03-05 18.21. 实现洗牌逻辑2024-03-05 19.22. 导入Spine人物素材2024-03-05 20.23. 人物基类代码2024-03-05 21.24. 执行卡牌效果2024-03-05 22.25. 制作血条的 UI Document2024-03-05 23.26. 绑定血条数据2024-03-06 24.27. 创建USS血条样式2024-03-06 25.28. 制作 Gameplay Panel2024-03-06 26.29. 绑定 Gameplay Panel 数据2024-03-06 27.30. 回合转换2024-03-06 28.31. 出牌能量判断2024-03-07 29.32. 防御牌及 UI2024-03-07 30.33. 回血的苹果牌及特效2024-03-07 31.34. 增加力量牌及 UI2024-03-07 32.35. 更多卡牌2024-03-07 33.36. 人物动画2024-03-09 34.37. 敌人意图 AI 逻辑2024-03-11 35.38. 敌人的动画执行逻辑2024-03-11 36.39. 对战胜负逻辑2024-03-12 37.40. 制作胜利和抽卡面板2024-03-12 38.41. 抽卡面板的实际逻辑2024-03-12 39.42. GameOver 及 Menu 面板2024-03-13 40.43. 实现休息房间的逻辑2024-03-13 41.44. Boss 制作和整体流程2024-03-13 42.45. 淡入淡出及打包游戏2024-03-13

在项目中添加 CardLayoutManager

代码如下

using System.Collections.Generic;
using UnityEngine;

public class CardLayoutManager : MonoBehaviour
{
    public bool isHorizontal;
    // 摄像机的大小是6，分辨率是1920x1080，也就是说摄像机可以看到(-10.7,-6)~(10.7,6)的物体，这里让手牌的位置从-3.5~3.5
    public float maxWidth = 7f;
    // 卡牌与卡牌之间最大的间隔是2
    public float cardSpacing = 2f;
    // 中心点位置，表示卡牌在屏幕中的位置
    public Vector3 centerPoint;

    [SerializeField]
    private List<Vector3> cardPositions = new List<Vector3>();
    private List<Quaternion> cardRotations = new List<Quaternion>();

    /// <summary>
    /// 当一共有 totalCards 张卡牌的时候，计算出第 index 张卡牌的坐标和旋转
    /// </summary>
    /// <param name="index"></param>
    /// <param name="totalCards"></param>
    /// <returns></returns>
    public CardTransform GetCardTransform(int index, int totalCards)
    {
        CalculatePositoin(totalCards, isHorizontal);

        return new CardTransform(cardPositions[index], cardRotations[index]);
    }

    /// <summary>
    /// 计算卡牌的位置
    /// </summary>
    /// <param name="numberOfCards">当前有多少张卡牌</param>
    /// <param name="horizontal">横向还是扇形</param>
    private void CalculatePositoin(int numberOfCards, bool horizontal)
    {
        // 首先要清理一下之前算好的位置
        cardPositions.Clear();
        cardRotations.Clear();

        if (horizontal)
        {
            // 卡牌是横向排列的

            // 一共有 numberOfCards 张卡牌，卡牌与卡牌之间的间距是 cardSpacing，那么它们之间的总间距是 currentWidth
            float currentWidth = cardSpacing * (numberOfCards - 1);
            // 如果卡牌太多超过 maxWidth 的话，就需要将最大宽度设置为 maxWidth
            float totalWidth = Mathf.Min(currentWidth, maxWidth);

            // 算出当前卡牌与卡牌之间的间距
            float currentSpacing = totalWidth > 0 ? totalWidth / (numberOfCards - 1) : 0;
            for (int i = 0; i < numberOfCards; i++) 
            {
                // 让卡牌从最左边以此排过来
                float xPos = 0 - totalWidth / 2 + currentSpacing * i;

                var pos = new Vector3(xPos, centerPoint.y, 0);
                var rotation = Quaternion.identity;

                // 然后记录它们的位置和旋转
                cardPositions.Add(pos);
                cardRotations.Add(rotation);
            }
        }
    }
}