「VexFlow タブ譜 コードフォーム」の版間の差分
| 1,003行目: | 1,003行目: | ||
insertTiePathToSVG({x:shiftGuitar1_1st[2].x , y:shiftGuitar1_1st[2].y + 10}, {x:shiftGuitar1_1st[2].x + 35, y:shiftGuitar1_1st[2].y + 10}); | insertTiePathToSVG({x:shiftGuitar1_1st[2].x , y:shiftGuitar1_1st[2].y + 10}, {x:shiftGuitar1_1st[2].x + 35, y:shiftGuitar1_1st[2].y + 10}); | ||
var Guitar1tab_st1_option = { | |||
textContent: ["\u254F", "３", "２", "１", "：", "：", "／", "／", "／", "／"], // 必須文字列 | |||
strID: "Guitar1tab_st1", // 必須 | |||
Stave_x_Offset: 0, | |||
Stave_y_Offset: 0, | |||
fontSize: 40, | |||
fontFamily: "YonetMuFL, Arial", // オプション、デフォルトは"Bravura, Arial" | |||
shift_x: [ | |||
{x:Guitar1tab_1st.x + 10, y:Guitar1tab_1st.y + 80}, | |||
{x:Guitar1tab_1st.x + 15, y:Guitar1tab_1st.y + 90}, | |||
{x:Guitar1tab_1st.x + 30, y:Guitar1tab_1st.y + 90}, | |||
{x:Guitar1tab_1st.x + 45, y:Guitar1tab_1st.y + 90}, | |||
{x:Guitar1tab_1st.x + 27, y:Guitar1tab_1st.y + 70},//4弦中ポジ | |||
{x:Guitar1tab_1st.x + 27, y:Guitar1tab_1st.y + 60},//5弦中ポジ | |||
{x:Guitar1tab_1st.x + 60, y:Guitar1tab_1st.y + 30},//1弦ネックマーク | |||
{x:Guitar1tab_1st.x + 60, y:Guitar1tab_1st.y + 40},//2弦ネックマーク | |||
{x:Guitar1tab_1st.x + 60, y:Guitar1tab_1st.y + 50},//3弦ネックマーク | |||
{x:Guitar1tab_1st.x + 60, y:Guitar1tab_1st.y + 80},//6弦ネックマーク | |||
], // xのオフセット値配列 | |||
IsOffset_x_Abs: true | |||
}; | |||
insertTextToSVG(Guitar1tab_st1_option); | |||
var Guitar1_st2_option = { | var Guitar1_st2_option = { | ||
| 1,019行目: | 1,041行目: | ||
//u254F左利き用4線フレット | //u254F左利き用4線フレット | ||
var | var Guitar1tab_st2_option = { | ||
textContent: ["\ | textContent: ["\uFF03", "５", "４", "３", "：", "：", "：", "［"], // 必須文字列 | ||
strID: " | strID: "Guitar1tab_st2", // 必須 | ||
Stave_x_Offset: 0, | Stave_x_Offset: 0, | ||
Stave_y_Offset: 0, | Stave_y_Offset: 0, | ||
| 1,027行目: | 1,049行目: | ||
fontFamily: "YonetMuFL, Arial", // オプション、デフォルトは"Bravura, Arial" | fontFamily: "YonetMuFL, Arial", // オプション、デフォルトは"Bravura, Arial" | ||
shift_x: [ | shift_x: [ | ||
{x: | {x:Guitar1tab_2st.x + 10, y:Guitar1tab_2st.y + 80}, | ||
{x: | {x:Guitar1tab_2st.x + 15, y:Guitar1tab_2st.y + 90}, | ||
{x: | {x:Guitar1tab_2st.x + 30, y:Guitar1tab_2st.y + 90}, | ||
{x: | {x:Guitar1tab_2st.x + 45, y:Guitar1tab_2st.y + 90}, | ||
{x: | {x:Guitar1tab_2st.x + 27, y:Guitar1tab_2st.y + 60},//3弦中ポジ | ||
{x: | {x:Guitar1tab_2st.x + 15, y:Guitar1tab_2st.y + 70},//4弦内ポジ | ||
{x: | {x:Guitar1tab_2st.x + 15, y:Guitar1tab_2st.y + 60},//5弦内ポジ | ||
{x: | {x:Guitar1tab_2st.x + 45, y:Guitar1tab_2st.y + 85},//外全セーハ | ||
{x: | //{x:Guitar1tab_2st.x + 60, y:Guitar1tab_2st.y + 40},//2弦ネックマーク | ||
{x: | //{x:Guitar1tab_2st.x + 60, y:Guitar1tab_2st.y + 50},//3弦ネックマーク | ||
//{x:Guitar1tab_2st.x + 60, y:Guitar1tab_2st.y + 80},//6弦ネックマーク | |||
], // xのオフセット値配列 | ], // xのオフセット値配列 | ||
IsOffset_x_Abs: true | IsOffset_x_Abs: true | ||
}; | }; | ||
insertTextToSVG( | insertTextToSVG(Guitar1tab_st2_option); | ||
var EGuitar2Text_options = { | var EGuitar2Text_options = { | ||
2024年4月12日 (金) 00:01時点における版
VexFlow 使い方に戻る。
概要
コードフォームをタブ譜に載せるという手法もありまして、コードが一小節で2種類くらいしか無いような曲で見られる描画方法です。その場合、五線譜には同一コード用の音符を使ってリズムだけをハタ棒とハタで表現します。管理人は左利きなので、左利き用のコードフォームを表示してみました。人生初くらいだな。左利き向けのコードフォームタブ譜なんて見たことなかった。もちろん、作成したフォントには右利き向けのグリフも登録してあります。あとちょっとで完成しそうですね。フォントファイル。もうちょっとで配布できるようになる。駆け抜けたい。でもこの先まだまだ難しいタブ譜作成技術の紹介が残っています。手ごわい。アーム操作の曲線とかどうするべって感じ。VexFlowも不完全だし、機能追加にも疲れてきたっすね。
タブ譜 コードフォーム
コードは以下のとおりです。
<div id="yonet202403Mid_Output01"></div>
<script>
</script>
VexFlow 使い方に戻る。