extend moveset with attack, halt, stop

2025-01-12 17:03:42 +09:00
parent 302d2f0618
commit 6ff950640c
4 changed files with 167 additions and 30 deletions
@@ -103,6 +103,35 @@
        color: white;
        font-family: monospace;
      }
+
+      .cast-indicator-wrapper {
+        display: none;
+        position: fixed;
+        inset: auto 0 30%;
+        width: 400px;
+        margin: auto;
+      }
+
+      .cast-indicator-progress {
+        position: absolute;
+        background-color: #edd9ff;
+        width: calc(100% - 4px);
+        height: calc(100% - 4px);
+      }
+
+      .cast-indicator-name {
+        text-align: center;
+        color: white;
+        text-shadow: 1px 1px 2px black, 0 0 1em dimgray, 0 0 0.2em dimgray;
+        }
+
+      .cast-indicator-bar {
+        position: relative;
+        background-color: dimgray;
+        width: 100%;
+        height: 20px;
+        padding: 2px;
+      }
    </style>
  </head>
  <body>
@@ -110,6 +139,12 @@
      <p>Connection: <span id="connection"></span></p>
      <pre id="state"></pre>
    </div>
+    <div id="cast_indicator" class="cast-indicator-wrapper">
+      <div id="cast_indicator_name" class="cast-indicator-name"></div>
+      <div class="cast-indicator-bar">
+        <div id="cast_indicator_progress" class="cast-indicator-progress"></div>
+      </div>
+    </div>
    <div class="hud">
      <div id="ability-0" class="ability">
        A