时间戳

首页 > 解决方案 > 如何在 Dulst 中为卡片添加新的主要属性？

css - 如何在 Dulst 中为卡片添加新的主要属性？

问题描述

在 Dulst 游戏引擎中，如何添加除 Atk 和 Health 之外的新属性。

  1. 悬停时需要在卡片的完整信息显示屏上显示

  2. 在船上玩时，它需要显示在卡片的容器上。

标签： cssrules

解决方案

  1. 进入 admin-gameplay，输入新的属性名称，在这种情况下我们称之为 Armor。这样做可以让系统知道有一个新属性，但它不会显示它，直到你在 CSS 中指定它 检查截图
  2. 在您的测试游戏中，在聊天框中输入 /a editCSS 以调出 CSS 编辑器，找到类似的代码
#cardFullInfo .cardDisplayInner
.cardFullInfo .cardDisplayInner

如果向下滚动，您可以看到类似的代码

        [data-name='cost']
          top 10px
          left 10px
          border 3px solid costColor
        [data-name='atk']
          top 294px
          left 10px
          border 3px solid atkColor

您可以复制该部分下方的代码，然后将其修改为

       [data-name='cost']
         top 10px
         left 10px
         border 3px solid costColor
       [data-name='atk']
         top 294px
         left 10px
         border 3px solid atkColor

       [data-name='armor']
         top 294px
         left 10px
         border 3px solid yellow

您可以更改顶部、左侧和边框旁边的参数来控制属性的外观，只要记住保持缩进一致。如果您有带有盔甲属性的卡片，您应该会看到该属性出现。

这将使您的卡片能够在悬停时显示属性。

  1. 如果您想让该属性在船上播放时可见，您还应该更改其在容器中的代码。找到类似的代码

/*
 * Play Interface. 
 */

#playContainer
  .card
    box-shadow none

如果向下滚动，您可以再次看到类似的代码

      &[data-name="cost"]
        statStyles()
        top .5rem
        left .5rem
        border 1px solid costColor

      &[data-name="atk"]
        statStyles()
        bottom .5rem
        left .5rem
        border 1px solid atkColor

尝试再次复制代码并按照步骤 2 进行修改。

推荐阅读