「VexFlow 休符」の版間の差分
(→休符の種類) |
(→休符の種類) |
||
| 53行目: | 53行目: | ||
const stave3 = new Stave(710, 50, 450).setEndBarType(Barline.type.REPEAT_END).setContext(ctx).draw(); | const stave3 = new Stave(710, 50, 450).setEndBarType(Barline.type.REPEAT_END).setContext(ctx).draw(); | ||
const notes3_1 = [ | const notes3_1 = [ | ||
new StaveNote({ keys: [" | new StaveNote({ keys: ["b/4"], duration: "8r" }), | ||
new StaveNote({ keys: ["d/4"], duration: "8" }), | new StaveNote({ keys: ["d/4"], duration: "8" }), | ||
]; | ]; | ||
const notes3_2 = [ | const notes3_2 = [ | ||
new StaveNote({ keys: [" | new StaveNote({ keys: ["b/4"], duration: "16r" }), | ||
new StaveNote({ keys: ["f/4"], duration: "16" }), | new StaveNote({ keys: ["f/4"], duration: "16" }), | ||
new StaveNote({ keys: ["g/4"], duration: "16" }), | new StaveNote({ keys: ["g/4"], duration: "16" }), | ||
2023年2月10日 (金) 23:37時点における版
VexFlow 使い方に戻る。
概要
音を止めている部分がリズムを構成します。休みの長さは音符のdurationに相当します。VexFlowでは duration に r をつけるだけです。連符の中に現れる休符の方が難しいと思いますが、それについては連符の後に紹介したいと思います。全休符や２分休符では配置がきになるので、GhostNoteという仕組みを使おうと思います。GhostNoteという仕組みを使わない場合は、配置が左寄りになって少し気持ち悪いです。
休符の種類
全休符から１６分休符までを使ってみたいと思います。以下のようになります。
VexFlow 使い方に戻る。