「VexFlow タブ譜 カッティング」の版間の差分
1,201行目: | 1,201行目: | ||
Guitar2_St4.draw(); | Guitar2_St4.draw(); | ||
const Guitar2_Tab1_1 = new Stave(Guitar2_St1.x + nHeadMargin + 20, Guitar2_St1.y + 120, 0).setContext(ctx); | |||
Guitar2_Tab1_1.setBegBarType(VF.Barline.type.NONE); | |||
Guitar2_Tab1_1.setEndBarType(VF.Barline.type.NONE); | |||
Guitar2_Tab1_1.draw(); | |||
const Guitar2_Tab1 = new Stave(Guitar2_St1.x, Guitar2_St1.y + 120, nHeadMargin + nStaveWidth).setContext(ctx); | const Guitar2_Tab1 = new Stave(Guitar2_St1.x, Guitar2_St1.y + 120, nHeadMargin + nStaveWidth).setContext(ctx); | ||
Guitar2_Tab1.draw(); | Guitar2_Tab1.draw(); | ||
const Guitar2_tab_notes1_1 = [ | |||
dotted(new VF.StaveNote({ keys: ["g/4"], duration: "8d" })), | |||
new VF.StaveNote({ keys: ["g/4"], duration: "16" }), | |||
new VF.StaveNote({ keys: ["g/4"], duration: "8" }), | |||
new VF.StaveNote({ keys: ["g/4"], duration: "16" }), | |||
new VF.StaveNote({ keys: ["g/4"], duration: "16" }), | |||
new VF.StaveNote({ keys: ["g/4"], duration: "16" }), | |||
new VF.StaveNote({ keys: ["g/4"], duration: "16" }), | |||
new VF.StaveNote({ keys: ["g/4"], duration: "16" }), | |||
new VF.StaveNote({ keys: ["g/4"], duration: "16" }), | |||
new VF.StaveNote({ keys: ["g/4"], duration: "8" }), | |||
new VF.StaveNote({ keys: ["g/4"], duration: "8" }), | |||
]; | |||
const Guitar2_tab_notes1_2 = [ | |||
new VF.GhostNote({ keys: ["f/4"], duration: "16"}), | |||
new VF.GhostNote({ keys: ["f/4"], duration: "16"}), | |||
new VF.GhostNote({ keys: ["f/4"], duration: "16"}), | |||
new VF.GhostNote({ keys: ["f/4"], duration: "16"}), | |||
new VF.GhostNote({ keys: ["f/4"], duration: "16"}), | |||
new VF.GhostNote({ keys: ["f/4"], duration: "16"}), | |||
new VF.GhostNote({ keys: ["f/4"], duration: "16"}), | |||
new VF.GhostNote({ keys: ["f/4"], duration: "16"}), | |||
new VF.GhostNote({ keys: ["f/4"], duration: "16"}), | |||
new VF.GhostNote({ keys: ["f/4"], duration: "16"}), | |||
new VF.GhostNote({ keys: ["f/4"], duration: "16"}), | |||
new VF.GhostNote({ keys: ["f/4"], duration: "16"}), | |||
new VF.GhostNote({ keys: ["f/4"], duration: "16"}), | |||
new VF.GhostNote({ keys: ["f/4"], duration: "16"}), | |||
new VF.GhostNote({ keys: ["f/4"], duration: "16"}), | |||
new VF.GhostNote({ keys: ["f/4"], duration: "16"}), | |||
]; | |||
const Guitar2_tab_St1_beam1_1 = new VF.Beam([Guitar2_tab_notes1_1[0], Guitar2_tab_notes1_1[1]]); | |||
const Guitar2_tab_St1_beam1_2 = new VF.Beam([Guitar2_tab_notes1_1[2], Guitar2_tab_notes1_1[3], Guitar2_tab_notes1_1[4]]); | |||
const Guitar2_tab_St1_beam1_3 = new VF.Beam([Guitar2_tab_notes1_1[5], Guitar2_tab_notes1_1[6], Guitar2_tab_notes1_1[7], Guitar2_tab_notes1_1[8]]); | |||
const Guitar2_tab_St1_beam1_4 = new VF.Beam([Guitar2_tab_notes1_1[9], Guitar2_tab_notes1_1[10]]); | |||
UniqueIds = getUniqueNoteheadIds(Guitar2_tab_notes1_1, [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10]); | |||
allUniqueIds = updateAllUniqueIds(UniqueIds); | |||
var Guitar2_tab_St1_1Voice = new Vex.Flow.Voice({ num_beats: 4, beat_value: 4 }); | |||
Guitar2_tab_St1_1Voice.setStrict(true); | |||
Guitar2_tab_St1_1Voice.addTickables(Guitar2_tab_notes1_1); | |||
var Guitar2_tab_St1_2Voice = new Vex.Flow.Voice({ num_beats: 4, beat_value: 4 }); | |||
Guitar2_tab_St1_2Voice.setStrict(true); | |||
Guitar2_tab_St1_2Voice.addTickables(Guitar2_tab_notes1_2); | |||
var formatterGuitar2_tab_St1_1 = new Vex.Flow.Formatter().joinVoices([Guitar2_tab_St1_2Voice, Guitar2_tab_St1_1Voice]); | |||
formatterGuitar2_tab_St1_1.format([Guitar2_tab_St1_2Voice, Guitar2_tab_St1_1Voice], nStaveWidth - 40 - 10); | |||
Guitar2_tab_St1_1Voice.draw(ctx, Guitar2_Tab1_1); | |||
Guitar2_tab_St1_2Voice.draw(ctx, Guitar2_Tab1_1); | |||
Guitar2_tab_St1_beam1_1.setContext(ctx).draw(); | |||
Guitar2_tab_St1_beam1_2.setContext(ctx).draw(); | |||
Guitar2_tab_St1_beam1_3.setContext(ctx).draw(); | |||
Guitar2_tab_St1_beam1_4.setContext(ctx).draw(); | |||
shiftGuitar2_Tab1 = addShift( | |||
Guitar2_tab_notes1_1, | |||
[0, 1, 2, 3, 4, 6, 7, 8, 9, 10], | |||
[4, 4, 4, 4, 4, 4, 4, 4, 4, 4] | |||
); | |||
Guitar2Tab1.x = Guitar2_Tab1.x; | Guitar2Tab1.x = Guitar2_Tab1.x; |
2024年4月9日 (火) 21:34時点における版
VexFlow 使い方に戻る。
概要
カッティングには一弦カッティングと複数弦カッティングがあります。奏法としては、弦の上に指を触れた状態で弦をピッキングするものです。カチャカチャとした音ですが、エフェクターを使うとさらに表現の幅が広がる音でもあります。タブ譜では、複数弦カッティングのときには大きなバツ印と符棒と符旗でリズムを指定します。一弦カッティングのときはカッティングするべき弦にバツ印をつけ、リズムは符棒と符旗で指定します。指の触れるポジションで多少、音の響きが違うのですが、ポジションの指定は通常ありません。前後のコードフォームを維持する場合もあれば、ギューンというような感じのカッティングでは、スライドしながらであったり、一瞬ポジションを低くしたり高くするカッティングもあります。音の指定はありませんので、実際に作曲者が演奏しているものをまねるのが正しいということになります。
タブ譜 カッティング
コードは以下のとおりです。
<div id="yonet202403Mid_Output01"></div>
<script>
</script>
VexFlow 使い方に戻る。