Merge pull request #47 from otofuda/develop

speed, orbit 可視化
otofuda · Nov 23, 2024 · 5667d33 · 5667d33
2 parents 98136a6 + 29f331e
commit 5667d33
Show file tree

Hide file tree

Showing 2 changed files with 43 additions and 0 deletions.
diff --git a/src/App.vue b/src/App.vue
@@ -1849,6 +1849,8 @@ export default Vue.extend<
   transition: 0.1s all ease;
   strong {
     color: #a0a0a0;
+    &.speed { color: #f08080; }
+    &.orbit { color: #87cefa; }
   }
   input[type="checkbox"] {
     position: absolute;

diff --git a/src/components/Note.vue b/src/components/Note.vue
@@ -81,6 +81,9 @@
           <span>{{ getError }}</span>
         </v-tooltip>
 
+        <strong v-if="noteSpeed !== 1" class="speed">x{{ noteSpeed }}</strong>
+        <strong v-if="noteOrbit !== 0" class="orbit">&gt;{{ noteOrbit }}</strong>
+
         <strong v-if="drawType === 97">BEAT {{ note.option[0] }}</strong>
         {{ note.position }}/{{ note.split }}
         <strong v-if="drawType === 91">SpObj</strong>
@@ -355,6 +358,44 @@ export default Vue.extend({
       }
       return null;
     },
+    noteSpeed(): number {
+      // TAP, ロング, 音札
+      if ([1, 2, 5].includes(this.drawType)) {
+        if (this.drawOptions[0]) { return Number(this.drawOptions[0]) }
+      }
+      // 左右フリック
+      else if ([3, 4].includes(this.drawType)) {
+        if (this.drawOptions[3]) { return Number(this.drawOptions[3]) }
+      }
+      // テクスチャ
+      else if (this.drawType === 94) {
+        if (this.drawOptions[5]) { return Number(this.drawOptions[5]) }
+      }
+      // 区切り線
+      else if (this.drawType === 95) {
+        if (this.drawOptions[1]) { return Number(this.drawOptions[1]) }
+      }
+      return 1;
+    },
+    noteOrbit(): number {
+      // TAP, ロング
+      if ([1, 2].includes(this.drawType)) {
+        if (this.drawOptions[1]) { return Number(this.drawOptions[1]) }
+      }
+      // 左右フリック
+      else if ([3, 4].includes(this.drawType)) {
+        if (this.drawOptions[4]) { return Number(this.drawOptions[4]) }
+      }
+      // テクスチャ
+      else if (this.drawType === 94) {
+        if (this.drawOptions[6]) { return Number(this.drawOptions[6]) }
+      }
+      // 区切り線
+      else if (this.drawType === 95) {
+        if (this.drawOptions[2]) { return Number(this.drawOptions[2]) }
+      }
+      return 0;
+    },
     /** 描画用のノートタイプ(ダミー時は擬態対象) */
     drawType (): number {
       if (this.note.type === 90) {