「VexFlow 連桁」の版間の差分

2023年2月10日 (金) 20:04時点における版

概要

　音符の旗同士を繋ぐ連桁(れんこう：英 Beem ビーム)について、記述します。連桁？はしげた？みなさんはなんと呼んでいるのでしょうか？自分も連桁とは思っていませんでしたが、そうなのだからそうなんだろう。音符の丸いところは符頭(たま)、丸いところから伸びた棒が符幹(ぼう)、8分音符より短いやつらにつけられる符尾(はた)と専門用語いっぱいあります。読み方はちがいますよ。ふとう、ふかん、ふび、ですね。

単純な連桁

　連桁には複雑なものもありますが、まずは単純な8分音符４つや２つを繋げるもの、つまり同じ音分同士を繋ぐというものをやってみましょう。16分音符同士とかです。

VexFlow 使い方に戻る。

@@ 50行目: / 50行目: @@
    const stave3 = new Stave(710, 50, 450).setEndBarType(Barline.type.DOUBLE).setContext(ctx).draw();
-   const notes3 = [
+   const notes3_1 = [
      new StaveNote({ keys: ["c/4"], duration: "8" }),
      new StaveNote({ keys: ["d/4"], duration: "8" }),
+  ];
+  const notes3_2 = [
      new StaveNote({ keys: ["e/4"], duration: "16" }),
      new StaveNote({ keys: ["f/4"], duration: "16" }),
      new StaveNote({ keys: ["g/4"], duration: "16" }),
      new StaveNote({ keys: ["a/4"], duration: "16" }),
+  ];
+  const notes3_3 = [
      new StaveNote({ keys: ["c/4"], duration: "8" }),
      new StaveNote({ keys: ["d/4"], duration: "8" }),
+  ];
+  const notes3_4 = [
      new StaveNote({ keys: ["e/4"], duration: "16" }),
      new StaveNote({ keys: ["f/4"], duration: "16" }),
@@ 64行目: / 70行目: @@
      new StaveNote({ keys: ["a/4"], duration: "16" }),
    ];
+  const Notes3 = notes3_1.concat(notes3_2).concat(notes3_3).concat(notes3_4);
    notes3.forEach((StaveNote) => StaveNote.setStave(stave3));
    const voice3 = new Voice({beat_value: 4, num_beats: 4}).setMode(3).addTickables(notes3);