「VexFlow タブ譜 ミュート」の版間の差分

提供：yonewiki
521行目: 521行目:
Guitar1_St4.draw();
Guitar1_St4.draw();


const Guitar1_tab1 = new VF.Stave(Guitar1_St1.x, Guitar1_St1.y + 110, nHeadMargin + nStaveWidth).setContext(ctx);
for (var i = 0; i < 5; i++) {
  if (i == 0) continue;
  Guitar1_tab1.setConfigForLine(i, {visible: false} );
}
Guitar1_tab1.draw();


const Guitar1_tab2 = new VF.Stave(Guitar1_tab1.width + Guitar1_tab1.x, Guitar1_tab1.y, nStaveWidth).setContext(ctx);
for (var i = 0; i < 5; i++) {
  if (i == 0) continue;
  Guitar1_tab2.setConfigForLine(i, {visible: false} );
}
Guitar1_tab2.draw();


const Guitar1_tab3 = new VF.Stave(Guitar1_tab2.width + Guitar1_tab2.x, Guitar1_tab1.y, nStaveWidth).setContext(ctx);
const Guitar1_Tab_St1 = new VF.Stave(Guitar1_St1.x, Guitar1_St1.y + 120, nHeadMargin + nStaveWidth).setContext(ctx);
for (var i = 0; i < 5; i++) {
  if (i == 0) continue;
  Guitar1_tab3.setConfigForLine(i, {visible: false} );
}
Guitar1_tab3.draw();
 
const Guitar1_tab4 = new VF.Stave(Guitar1_tab3.width + Guitar1_tab3.x, Guitar1_tab1.y, nStaveWidth).setContext(ctx);
for (var i = 0; i < 5; i++) {
  if (i == 0) continue;
  Guitar1_tab4.setConfigForLine(i, {visible: false} );
}
Guitar1_tab4.draw();
 
const Guitar1_Tab1 = new VF.Stave(Guitar1_St1.x, Guitar1_St1.y + 120, nHeadMargin + nStaveWidth).setContext(ctx);
Guitar1_Tab1.draw();
Guitar1_Tab1.draw();


Stave9Pos.x = Guitar1_Tab1.x;
Stave9Pos.x = Guitar1_Tab_St1.x;
Stave9Pos.y = Guitar1_Tab1.y;
Stave9Pos.y = Guitar1_Tab_St1.y;


var connector9_2 = new VF.StaveConnector(Guitar1_St1, Guitar1_Tab1);
var connector9_2 = new VF.StaveConnector(Guitar1_St1, Guitar1_Tab_St1);
connector9_2.setType(VF.StaveConnector.type.BRACKET);
connector9_2.setType(VF.StaveConnector.type.BRACKET);
connector9_2.setContext(ctx);
connector9_2.setContext(ctx);
561行目: 535行目:


Guitar1Inst.x = Vocal_St1.x - 30;
Guitar1Inst.x = Vocal_St1.x - 30;
Guitar1Inst.y = Guitar1_St1.y + ((Guitar1_Tab1.y - Guitar1_St1.y) / 2) + 90;  
Guitar1Inst.y = Guitar1_St1.y + ((Guitar1_Tab_St1.y - Guitar1_St1.y) / 2) + 90;  


const Guitar1_Tab1_1 = new VF.Stave(Guitar1_Tab1.x + nHeadMargin + 20, Guitar1_Tab1.y, 0).setContext(ctx);
const Guitar1_Tab_St1_1 = new VF.Stave(Guitar1_Tab_St1.x + nHeadMargin + 20, Guitar1_Tab_St1.y, 0).setContext(ctx);
Guitar1_Tab1_1.setBegBarType(VF.Barline.type.NONE);
Guitar1_Tab1_St1_1.setBegBarType(VF.Barline.type.NONE);
Guitar1_Tab1_1.setEndBarType(VF.Barline.type.NONE);
Guitar1_Tab1_St1_1.setEndBarType(VF.Barline.type.NONE);
Guitar1_Tab1_1.draw();
Guitar1_Tab1_St1_1.draw();


Guitar1tab_1st.x = Guitar1_Tab1_1.x
Guitar1tab_1st.x = Guitar1_Tab1_St1_1.x
Guitar1tab_1st.y = Guitar1_Tab1_1.y
Guitar1tab_1st.y = Guitar1_Tab1_St1_1.y


const Guitar1_Tab_St2 = new VF.Stave(Guitar1_Tab_St1.width + Guitar1_Tab_St1.x, Guitar1_Tab_St1.y, nStaveWidth).setContext(ctx);
Guitar1_Tab_St2.draw();


Guitar1tab_2st.x = Guitar1_Tab_St2.x
Guitar1tab_2st.y = Guitar1_Tab_St2.y


const Guitar1_Tab2 = new VF.Stave(Guitar1_Tab1.width + Guitar1_Tab1.x, Guitar1_Tab1.y, nStaveWidth).setContext(ctx);
const Guitar1_Tab_St3 = new VF.Stave(Guitar1_Tab_St2.width + Guitar1_Tab_St2.x, Guitar1_Tab_St1.y, nStaveWidth).setContext(ctx);
Guitar1_Tab2.draw();
Guitar1_Tab_St3.draw();


Guitar1tab_2st.x = Guitar1_Tab2.x
Guitar1tab_3st.x = Guitar1_Tab_St3.x
Guitar1tab_2st.y = Guitar1_Tab2.y
Guitar1tab_3st.y = Guitar1_Tab_St3.y


const Guitar1_Tab3 = new VF.Stave(Guitar1_Tab2.width + Guitar1_Tab2.x, Guitar1_Tab1.y, nStaveWidth).setContext(ctx);
const Guitar1_Tab_St4 = new VF.Stave(Guitar1_Tab_St3.width + Guitar1_Tab_St3.x, Guitar1_Tab_St1.y, nStaveWidth).setContext(ctx);
Guitar1_Tab3.draw();
Guitar1_Tab_St4.draw();


Guitar1tab_3st.x = Guitar1_Tab3.x
Guitar1tab_4st.x = Guitar1_Tab_St4.x
Guitar1tab_3st.y = Guitar1_Tab3.y
Guitar1tab_4st.y = Guitar1_Tab_St4.y


const Guitar1_Tab4 = new VF.Stave(Guitar1_Tab3.width + Guitar1_Tab3.x, Guitar1_Tab1.y, nStaveWidth).setContext(ctx);
const Guitar1_vTab_St1 = new VF.Stave(Guitar1_St1.x, Guitar1_St1.y + 110, nHeadMargin + nStaveWidth).setContext(ctx);
Guitar1_Tab4.draw();
for (var i = 0; i < 5; i++) {
  if (i == 0) continue;
  Guitar1_tab1.setConfigForLine(i, {visible: false} );
}
Guitar1_tab1.draw();
 
const Guitar1_vTab_St2 = new VF.Stave(Guitar1_vTab_St1.width + Guitar1_vTab_St1.x, Guitar1_vTab_St1.y, nStaveWidth).setContext(ctx);
for (var i = 0; i < 5; i++) {
  if (i == 0) continue;
  Guitar1_vTab_St2.setConfigForLine(i, {visible: false} );
}
Guitar1_vTab_St2.draw();
 
const Guitar1_vTab_St3 = new VF.Stave(Guitar1_vTab_St2.width + Guitar1_vTab_St2.x, Guitar1_vTab_St1.y, nStaveWidth).setContext(ctx);
for (var i = 0; i < 5; i++) {
  if (i == 0) continue;
  Guitar1_vTab_St3.setConfigForLine(i, {visible: false} );
}
Guitar1_vTab_St3.draw();


Guitar1tab_4st.x = Guitar1_Tab4.x
const Guitar1_vTab_St4 = new VF.Stave(Guitar1_vTab_St3.width + Guitar1_vTab_St3.x, Guitar1_vTab_St1.y, nStaveWidth).setContext(ctx);
Guitar1tab_4st.y = Guitar1_Tab4.y
for (var i = 0; i < 5; i++) {
  if (i == 0) continue;
  Guitar1_vTab_St4.setConfigForLine(i, {visible: false} );
}
Guitar1_vTab_St4.draw();


const Guitar2_St1 = new VF.Stave(Guitar1_Tab1.x, Guitar1_Tab1.y + 120, nHeadMargin + nStaveWidth).setContext(ctx);
const Guitar2_St1 = new VF.Stave(Guitar1_Tab1.x, Guitar1_Tab1.y + 120, nHeadMargin + nStaveWidth).setContext(ctx);
612行目: 612行目:




const Guitar2_Tab1_1 = new VF.Stave(Guitar2_St1.x + nHeadMargin + 20, Guitar2_St1.y + 120, 0).setContext(ctx);
const Guitar2_Tab_St1_1 = new VF.Stave(Guitar2_St1.x + nHeadMargin + 20, Guitar2_St1.y + 120, 0).setContext(ctx);
Guitar2_Tab1_1.setBegBarType(VF.Barline.type.NONE);
Guitar2_Tab_St1_1.setBegBarType(VF.Barline.type.NONE);
Guitar2_Tab1_1.setEndBarType(VF.Barline.type.NONE);
Guitar2_Tab_St1_1.setEndBarType(VF.Barline.type.NONE);
Guitar2_Tab1_1.draw();
Guitar2_Tab_St1_1.draw();
const Guitar2_Tab1 = new VF.Stave(Guitar2_St1.x, Guitar2_St1.y + 120, nHeadMargin + nStaveWidth).setContext(ctx);
 
Guitar2_Tab1.draw();
const Guitar2_Tab_St1 = new VF.Stave(Guitar2_St1.x, Guitar2_St1.y + 120, nHeadMargin + nStaveWidth).setContext(ctx);
Guitar2_Tab_St1.draw();


Guitar2tab_1st.x = Guitar2_Tab1_1.x;
Guitar2tab_1st.x = Guitar2_Tab_St1_1.x;
Guitar2tab_1st.y = Guitar2_Tab1_1.y;
Guitar2tab_1st.y = Guitar2_Tab_St1_1.y;


Guitar2Tab1.x = Guitar2_Tab1.x;
Guitar2Tab1.x = Guitar2_Tab1.x;
Guitar2Tab1.y = Guitar2_Tab1.y;
Guitar2Tab1.y = Guitar2_Tab1.y;


const Guitar2_Tab2 = new VF.Stave(Guitar2_Tab1.width + Guitar2_Tab1.x, Guitar2_Tab1.y, nStaveWidth).setContext(ctx);
const Guitar2_Tab_St2 = new VF.Stave(Guitar2_Tab_St1.width + Guitar2_Tab_St1.x, Guitar2_Tab_St1.y, nStaveWidth).setContext(ctx);
Guitar2_Tab2.draw();
Guitar2_Tab2.draw();




const Guitar2_Tab2_1 = new VF.Stave(Guitar2_Tab1.width + Guitar2_Tab1.x + 45, Guitar2_Tab1.y, 0).setContext(ctx);
const Guitar2_Tab_St2_1 = new VF.Stave(Guitar2_Tab_St1.width + Guitar2_Tab_St1.x + 45, Guitar2_Tab_St1.y, 0).setContext(ctx);
Guitar2_Tab2_1.setBegBarType(VF.Barline.type.NONE);
Guitar2_Tab_St2_1.setBegBarType(VF.Barline.type.NONE);
Guitar2_Tab2_1.setEndBarType(VF.Barline.type.NONE);
Guitar2_Tab_St2_1.setEndBarType(VF.Barline.type.NONE);
Guitar2_Tab2_1.draw();
Guitar2_Tab_St2_1.draw();


Guitar2tab_2st.x = Guitar2_Tab2.x;
Guitar2tab_2st.x = Guitar2_Tab_St2.x;
Guitar2tab_2st.y = Guitar2_Tab2.y;
Guitar2tab_2st.y = Guitar2_Tab_St2.y;


const Guitar2_Tab3 = new VF.Stave(Guitar2_Tab2.width + Guitar2_Tab2.x, Guitar2_Tab2.y, nStaveWidth).setContext(ctx);
const Guitar2_Tab_St3 = new VF.Stave(Guitar2_Tab_St2.width + Guitar2_Tab_St2.x, Guitar2_Tab_St2.y, nStaveWidth).setContext(ctx);
Guitar2_Tab3.draw();
Guitar2_Tab_St3.draw();


Guitar2tab_3st.x = Guitar2_Tab3.x;
Guitar2tab_3st.x = Guitar2_Tab_St3.x;
Guitar2tab_3st.y = Guitar2_Tab3.y;
Guitar2tab_3st.y = Guitar2_Tab_St3.y;




const Guitar2_Tab4 = new VF.Stave(Guitar2_Tab3.width + Guitar2_Tab3.x, Guitar2_Tab3.y, nStaveWidth).setContext(ctx);
const Guitar2_Tab_St4 = new VF.Stave(Guitar2_Tab_St3.width + Guitar2_Tab_St3.x, Guitar2_Tab_St3.y, nStaveWidth).setContext(ctx);
Guitar2_Tab4.draw();
Guitar2_Tab_St4.draw();


Guitar2tab_4st.x = Guitar2_Tab4.x;
Guitar2tab_4st.x = Guitar2_Tab_St4.x;
Guitar2tab_4st.y = Guitar2_Tab4.y;
Guitar2tab_4st.y = Guitar2_Tab_St4.y;


var Guitar2_connect = new VF.StaveConnector(Guitar2_St1, Guitar2_Tab1);
var Guitar2_connect = new VF.StaveConnector(Guitar2_St1, Guitar2_Tab_St1);
Guitar2_connect.setType(VF.StaveConnector.type.BRACKET);
Guitar2_connect.setType(VF.StaveConnector.type.BRACKET);
Guitar2_connect.setContext(ctx);
Guitar2_connect.setContext(ctx);
Guitar2_connect.draw();
Guitar2_connect.draw();


const Guitar2_Tab1_tab = new VF.Stave(Guitar2_Tab1.x, Guitar2_Tab1.y - 10, nHeadMargin + nStaveWidth).setContext(ctx);
const Guitar2_vTab_St1 = new VF.Stave(Guitar2_Tab_St1.x, Guitar2_Tab_St1.y - 10, nHeadMargin + nStaveWidth).setContext(ctx);
for (var i = 0; i < 5; i++) {
for (var i = 0; i < 5; i++) {
   if (i == 0) continue;
   if (i == 0) continue;
   Guitar2_Tab1_tab.setConfigForLine(i, {visible: false} );
   Guitar2_vTab_St1.setConfigForLine(i, {visible: false} );
}
}
Guitar2_Tab1_tab.draw();
Guitar2_vTab_St1.draw();


const Guitar2_Tab2_tab = new VF.Stave(Guitar2_Tab1_tab.width + Guitar2_Tab1_tab.x, Guitar2_Tab1_tab.y, nStaveWidth).setContext(ctx);
const Guitar2_vTab_St2 = new VF.Stave(Guitar2_vTab_St1.width + Guitar2_vTab_St1.x, Guitar2_vTab_St1.y, nStaveWidth).setContext(ctx);
for (var i = 0; i < 5; i++) {
for (var i = 0; i < 5; i++) {
   if (i == 0) continue;
   if (i == 0) continue;
   Guitar2_Tab2_tab.setConfigForLine(i, {visible: false} );
   Guitar2_vTab_St2.setConfigForLine(i, {visible: false} );
}
}
Guitar2_Tab2_tab.draw();
Guitar2_vTab_St2.draw();


const Guitar2_Tab3_tab = new VF.Stave(Guitar2_Tab2_tab.width + Guitar2_Tab2_tab.x, Guitar2_Tab2_tab.y, nStaveWidth).setContext(ctx);
const Guitar2_vTab_St3 = new VF.Stave(Guitar2_vTab_St2.width + Guitar2_vTab_St2.x, Guitar2_vTab_St2.y, nStaveWidth).setContext(ctx);
for (var i = 0; i < 5; i++) {
for (var i = 0; i < 5; i++) {
   if (i == 0) continue;
   if (i == 0) continue;
   Guitar2_Tab3_tab.setConfigForLine(i, {visible: false} );
   Guitar2_vTab_St3.setConfigForLine(i, {visible: false} );
}
}
Guitar2_Tab3_tab.draw();
Guitar2_vTab_St3.draw();


const Guitar2_Tab4_tab = new VF.Stave(Guitar2_Tab3_tab.width + Guitar2_Tab3_tab.x, Guitar2_Tab3_tab.y, nStaveWidth).setContext(ctx);
const Guitar2_vTab_St4 = new VF.Stave(Guitar2_vTab_St3.width + Guitar2_vTab_St3.x, Guitar2_vTab_St3.y, nStaveWidth).setContext(ctx);
for (var i = 0; i < 5; i++) {
for (var i = 0; i < 5; i++) {
   if (i == 0) continue;
   if (i == 0) continue;
   Guitar2_Tab4_tab.setConfigForLine(i, {visible: false} );
   Guitar2_vTab_St4.setConfigForLine(i, {visible: false} );
}
}
Guitar2_Tab4_tab.draw();
Guitar2_vTab_St4.draw();


Guitar2Inst.x = Guitar2_St1.x - 30;
Guitar2Inst.x = Guitar2_St1.x - 30;

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

VexFlow 使い方に戻る。

概要

　

　

タブ譜 ミュート


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


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


　

　

VexFlow 使い方に戻る。

「https://wiki.yo-net.jp/index.php?title=VexFlow_タブ譜_ミュート&oldid=7852」から取得