「VexFlow タブ譜 コードフォーム」の版間の差分

提供：yonewiki
57行目: 57行目:
var shiftGuitar1_tab4_tr;
var shiftGuitar1_tab4_tr;


var shiftGuitar1_tab1;
var shiftGuitar1_1st;
var shiftGuitar1_tab2;
var shiftGuitar1_2st;
var shiftGuitar1_tab3;
var shiftGuitar1_3st;
var shiftGuitar1_tab4;
var shiftGuitar1_4st;


var shiftGuitar2_St1;
var shiftGuitar1tab_1st;
var shiftGuitar2_St2;
var shiftGuitar1tab_2st;
var shiftGuitar2_St3;
var shiftGuitar1tab_3st;
var shiftGuitar2_St4;
var shiftGuitar1tab_4st;


var shiftGuitar2_Tab1;
var shiftGuitar2_1st;
var shiftGuitar2_Tab2;
var shiftGuitar2_2st;
var shiftGuitar2_Tab3;
var shiftGuitar2_3st;
var shiftGuitar2_Tab4;
var shiftGuitar2_4st;
 
var shiftGuitar2tab_1st;
var shiftGuitar2tab_2st;
var shiftGuitar2tab_3st;
var shiftGuitar2tab_4st;


var shiftDrum1;
var shiftDrum1;
558行目: 563行目:
Guitar1_St1_beam_2.setContext(ctx).draw();
Guitar1_St1_beam_2.setContext(ctx).draw();


 
shiftGuitar1_1st= addShift(
  Guitar1_St1_notes_1,
  [0, 1, 2, 3, 4, 5, 6],
  [2, 2, 2, 2, 2, 2, 2]
);


const Guitar1St2 = new Stave(Guitar1St1.width + Guitar1St1.x, Guitar1St1.y, nStaveWidth).setContext(ctx);
const Guitar1St2 = new Stave(Guitar1St1.width + Guitar1St1.x, Guitar1St1.y, nStaveWidth).setContext(ctx);
911行目: 920行目:
};
};
insertTextToSVG(EGuitarTab_options);
insertTextToSVG(EGuitarTab_options);
//shiftGuitar1_1st
var Guitar1_st1_option = {
    textContent: ["；", "；", "；", "；", "；", "；", "；"], // 必須文字列
    strID: "Guitar1_st1", // 必須
    Stave_x_Offset: 0,
    Stave_y_Offset: 0,
    fontSize: 40,
    fontFamily: "YonetMuFL, Arial", // オプション、デフォルトは"Bravura, Arial"
    shift_x: shiftGuitar1_1st,
    IsOffset_x_Abs: true
};
insertTextToSVG(Guitar1_st1_option);


//u254F左利き用4線フレット
//u254F左利き用4線フレット
var Guitar1_tab_St1_notes1_option = {
var Guitar1tab_st1_option = {
     textContent: ["\u254F", "３", "２", "１", "：", "：", "／", "／", "／", "／"], // 必須文字列
     textContent: ["\u254F", "３", "２", "１", "：", "：", "／", "／", "／", "／"], // 必須文字列
     strID: "Guitar1_tab_St1_notes1", // 必須
     strID: "Guitar1tab_st1", // 必須
     Stave_x_Offset: 0,
     Stave_x_Offset: 0,
     Stave_y_Offset: 0,
     Stave_y_Offset: 0,
934行目: 956行目:
     IsOffset_x_Abs: true
     IsOffset_x_Abs: true
};
};
insertTextToSVG(Guitar1_tab_St1_notes1_option);
insertTextToSVG(Guitar1tab_st1_option);


var EGuitar2Text_options = {
var EGuitar2Text_options = {

2024年4月11日 (木) 23:17時点における版

VexFlow 使い方に戻る。

概要

　コードフォームをタブ譜に載せるという手法もありまして、コードが一小節で2個種類くらいしか無いような曲で見られる描画方法です。その場合、五線譜には同一コード用の音符を使ってリズムだけをハタ棒とハタで表現します。

　

タブ譜 コードフォーム


　コードは以下のとおりです。 


<div id="yonet202403Mid_Output01"></div>
<script>

</script>


　

　

VexFlow 使い方に戻る。

「https://wiki.yo-net.jp/index.php?title=VexFlow_タブ譜_コードフォーム&oldid=7732」から取得