🎨 同時押しガイドを画像に変更 (#23)

ricora · Nov 21, 2023 · be0361c · be0361c
1 parent 88fbdeb
commit be0361c
Show file tree

Hide file tree

Showing 4 changed files with 9 additions and 3 deletions.
diff --git a/dist/assets/skin/each_line.png b/dist/assets/skin/each_line.png
diff --git a/src/class/ChartPlayer.ts b/src/class/ChartPlayer.ts
@@ -216,10 +216,14 @@ export class ChartPlayer {
 
     // each line
     for (const [beat, [leftPosition, rightPosition]] of Object.entries(eachLinePositions)) {
+      if (rightPosition === leftPosition) {
+        continue
+      }
       const eachLine: EachLine = new EachLine(
         parseFloat(beat),
         scene.add
-          .rectangle(leftPosition, -100, rightPosition - leftPosition, 4, 0xffffff)
+          .image(leftPosition, -100, "each-line")
+          .setDisplaySize(rightPosition - leftPosition, 10)
           .setOrigin(0, 0.5)
           .setDepth(-2)
           .setVisible(playConfig.noteType !== "rectangle"),

diff --git a/src/class/EachLine.ts b/src/class/EachLine.ts
@@ -1,8 +1,8 @@
 export class EachLine {
   public beat: number
-  public rectangle: Phaser.GameObjects.Rectangle
+  public rectangle: Phaser.GameObjects.Image
 
-  constructor(beat: number, rectangle: Phaser.GameObjects.Rectangle) {
+  constructor(beat: number, rectangle: Phaser.GameObjects.Image) {
     this.beat = beat
     this.rectangle = rectangle
   }

diff --git a/src/scene/LoadingScene.ts b/src/scene/LoadingScene.ts
@@ -83,6 +83,8 @@ export class LoadingScene extends Phaser.Scene {
 
     this.load.image("longnote-line", "./assets/skin/longnote_line.png")
 
+    this.load.image("each-line", "./assets/skin/each_line.png")
+
     this.load.image("judge-0", "./assets/skin/judge_0.png")
     this.load.image("judge-1", "./assets/skin/judge_1.png")
     this.load.image("judge-2", "./assets/skin/judge_2.png")