VexFlow タブ譜カッティング - 版の履歴

2024年4月15日 (月) 13:14にYo-netによる

2024-04-15T13:14:24Z

← 古い版		2024年4月15日 (月) 22:14時点における版
2,446行目:		2,446行目:


	<syntaxhighlight lang="javascript" line start="1" highlight="">		<syntaxhighlight lang="javascript" line start="1" highlight="1108-1123, 1151, 1152, 1172-1176, 1188-1203, 1231, 1232, 1252-1256, 1274-1289, 1317, 1318, 1338-1342, 1356-1371, 1399, 1400, 1420-1424, 2065-2075, 2079-2089, 2093-2103, 2107-2117">
	<div id="yonet202403Mid_Output01"></div>		<div id="yonet202403Mid_Output01"></div>
	<script>		<script>
4,793行目:		4,793行目:
	</syntaxhighlight>		</syntaxhighlight>


			目新しい技術はありません。カッティングの記号は上向きが\uFF64で下向きが\uFF86というところでしょうか？コードポイントについては別記事でまとめる予定です。

Yo-net: /* タブ譜カッティング */

2024-04-11T12:50:58Z

タブ譜カッティング

@@ 2,102行目: / 2,102行目: @@
 };
 insertTextToSVG(Guitar2_St1_notes1_option);
 insertTiePathToSVG({x:shiftGuitar2_St1[4].x , y:shiftGuitar2_St1[4].y + 10}, {x:shiftGuitar2_St1[4].x + 35, y:shiftGuitar2_St1[4].y + 10});
@@ 2,130行目: / 2,142行目: @@
 };
 insertTextToSVG(Guitar2_tab_St1_notes1_option);
 insertTiePathToSVG({x:shiftGuitar2_Tab1[4].x , y:shiftGuitar2_Tab1[4].y + 10}, {x:shiftGuitar2_Tab1[4].x + 35, y:shiftGuitar2_Tab1[4].y + 10});

Yo-net: /* タブ譜カッティング */

2024-04-11T12:48:48Z

タブ譜カッティング

@@ 2,258行目: / 2,258行目: @@
 // 例としてここでIDを指定
 let autoUniqueIds = allUniqueIds.map(id => "vf-" + id);
+let Last_Stem_x = 0;
 // 各IDに対して処理
    autoUniqueIds.forEach(id => {
@@ 2,264行目: / 2,264行目: @@
      let element = svgElement.getElementById(id);
      if (element) {
        // 該当する要素があれば、描画内容を透明にする
        let paths = element.querySelectorAll("path");
@@ 2,282行目: / 2,283行目: @@
                  var ydiff = coords[1] - coords[3]; // yの差を計算
                  // xが0でyが0より大きい場合、描画内容を透明にします
                  if (xdiff <= -3.590) {
@@ 2,317行目: / 2,324行目: @@
+           }
            else if (numberOfValues === 1) {
              var firstCoord = dAttribute;
              if (dAttribute.startsWith('M')) {
@@ 2,328行目: / 2,374行目: @@
                  // xが0でyが0より大きい場合、描画内容を透明にします
                  if (xdiff < -10) {
-                 if (xdiff > -18) {
+                 if (xdiff > -20) {
                    if(ydiff === 0){
                      path.setAttribute("fill", "none");

2024年4月11日 (木) 12:46にYo-netによる

2024-04-11T12:46:33Z

← 古い版		2024年4月11日 (木) 21:46時点における版
301行目:		301行目:
	else{		else{
	tempnote = notes[arr[i]];		tempnote = notes[arr[i]];
			}
			if (tempnote.attrs){
			if(tempnote.attrs.type === "StaveNote") {
			uniqueIds.add(tempnote.attrs.id);
			}
	}		}
	tempnote.children.forEach(child => {		tempnote.children.forEach(child => {
	//typeが"notehead"であるかチェックし、idを取得		//typeが"notehead"であるかチェックし、idを取得
	if (child.attrs){		if (child.attrs){
			if(child.attrs.type === "Stem") {
			uniqueIds.add(child.attrs.id);
			}
	if(child.attrs.type === "NoteHead") {		if(child.attrs.type === "NoteHead") {
	uniqueIds.add(child.attrs.id);		uniqueIds.add(child.attrs.id);

2024年4月9日 (火) 15:33にYo-netによる

2024-04-09T15:33:08Z

差分を表示

Yo-net: /* タブ譜カッティング */

2024-04-09T15:04:10Z

タブ譜カッティング

← 古い版		2024年4月10日 (水) 00:04時点における版
2,137行目:		2,137行目:
	insertTextToSVG(Guitar2_tab_St2_notes1_option);		insertTextToSVG(Guitar2_tab_St2_notes1_option);

	insertTiePathToSVG({x:shiftGuitar2_Tab2[4].x , y:shiftGuitar2_Tab2[4].y ~~+ 10~~}, {x:shiftGuitar2_Tab2[4].x + 35, y:shiftGuitar2_Tab2[4].y ~~+ 10~~});		insertTiePathToSVG({x:shiftGuitar2_Tab2[4].x , y:shiftGuitar2_Tab2[4].y - 20}, {x:shiftGuitar2_Tab2[4].x + 35, y:shiftGuitar2_Tab2[4].y - 20}, -1);

Yo-net: /* 概要 */

2024-04-09T15:02:04Z

概要

← 古い版		2024年4月10日 (水) 00:02時点における版
10行目:		10行目:

	ちなみに「散歩道」のギターソロの裏でやってるGuitar2とかDrumとかとはまったく無関係の採譜です。こんな楽譜だったら、Guitar2は邪魔でしかない。		ちなみに「散歩道」のギターソロの裏でやってるGuitar2とかDrumとかとはまったく無関係の採譜です。こんな楽譜だったら、Guitar2は邪魔でしかない。


			一弦カッティングはドラム譜のハット音と同じ仕組みなので、説明は省略ですね。

Yo-net: /* タブ譜カッティング */

2024-04-09T14:57:33Z

タブ譜カッティング

← 古い版		2024年4月9日 (火) 23:57時点における版
1,290行目:		1,290行目:

	const Guitar2_tab_notes1_1 = [		const Guitar2_tab_notes1_1 = [
	dotted(new VF.StaveNote({ keys: ["g/4"], duration: "8d" })),		dotted(new VF.StaveNote({ keys: ["b/4"], duration: "8d" })),
	new VF.StaveNote({ keys: ["g/4"], duration: "16" }),		new VF.StaveNote({ keys: ["b/4"], duration: "16" }),

	new VF.StaveNote({ keys: ["g/4"], duration: "8" }),		new VF.StaveNote({ keys: ["b/4"], duration: "8" }),
	new VF.StaveNote({ keys: ["g/4"], duration: "16" }),		new VF.StaveNote({ keys: ["b/4"], duration: "16" }),
	new VF.StaveNote({ keys: ["g/4"], duration: "16" }),		new VF.StaveNote({ keys: ["b/4"], duration: "16" }),

	new VF.StaveNote({ keys: ["g/4"], duration: "16" }),		new VF.StaveNote({ keys: ["b/4"], duration: "16" }),
	new VF.StaveNote({ keys: ["g/4"], duration: "16" }),		new VF.StaveNote({ keys: ["b/4"], duration: "16" }),
	new VF.StaveNote({ keys: ["g/4"], duration: "16" }),		new VF.StaveNote({ keys: ["b/4"], duration: "16" }),
	new VF.StaveNote({ keys: ["g/4"], duration: "16" }),		new VF.StaveNote({ keys: ["b/4"], duration: "16" }),

	new VF.StaveNote({ keys: ["g/4"], duration: "8" }),		new VF.StaveNote({ keys: ["b/4"], duration: "8" }),
	new VF.StaveNote({ keys: ["g/4"], duration: "8" }),		new VF.StaveNote({ keys: ["b/4"], duration: "8" }),
	];		];
	const Guitar2_tab_notes1_2 = [		const Guitar2_tab_notes1_2 = [
1,356行目:		1,356行目:
	Guitar2_tab_notes1_1,		Guitar2_tab_notes1_1,
	[0, 1, 2, 3, 4, 6, 7, 8, 9, 10],		[0, 1, 2, 3, 4, 6, 7, 8, 9, 10],
	[4, 4, 4, 4, 4, 4, 4, 4, 4, 4]		[3, 3, 3, 3, 3, 3, 3, 3, 3, 3]
	);		);

1,372行目:		1,372行目:

	const Guitar2_tab_notes2_1 = [		const Guitar2_tab_notes2_1 = [
	dotted(new VF.StaveNote({ keys: ["d/5"], duration: "8d", stem_direction: -1 })),		dotted(new VF.StaveNote({ keys: ["b/4"], duration: "8d", stem_direction: -1 })),
	new VF.StaveNote({ keys: ["d/5"], duration: "16", stem_direction: -1 }),		new VF.StaveNote({ keys: ["b/4"], duration: "16", stem_direction: -1 }),

	new VF.StaveNote({ keys: ["d/5"], duration: "8", stem_direction: -1 }),		new VF.StaveNote({ keys: ["b/4"], duration: "8", stem_direction: -1 }),
	new VF.StaveNote({ keys: ["d/5"], duration: "16", stem_direction: -1 }),		new VF.StaveNote({ keys: ["b/4"], duration: "16", stem_direction: -1 }),
	new VF.StaveNote({ keys: ["d/5"], duration: "16", stem_direction: -1 }),		new VF.StaveNote({ keys: ["b/4"], duration: "16", stem_direction: -1 }),

	new VF.StaveNote({ keys: ["d/5"], duration: "16", stem_direction: -1 }),		new VF.StaveNote({ keys: ["b/4"], duration: "16", stem_direction: -1 }),
	new VF.StaveNote({ keys: ["d/5"], duration: "16", stem_direction: -1 }),		new VF.StaveNote({ keys: ["b/4"], duration: "16", stem_direction: -1 }),
	new VF.StaveNote({ keys: ["d/5"], duration: "16", stem_direction: -1 }),		new VF.StaveNote({ keys: ["b/4"], duration: "16", stem_direction: -1 }),
	new VF.StaveNote({ keys: ["d/5"], duration: "16", stem_direction: -1 }),		new VF.StaveNote({ keys: ["b/4"], duration: "16", stem_direction: -1 }),

	new VF.StaveNote({ keys: ["d/5"], duration: "8", stem_direction: -1 }),		new VF.StaveNote({ keys: ["b/4"], duration: "8", stem_direction: -1 }),
	new VF.StaveNote({ keys: ["d/5"], duration: "8", stem_direction: -1 }),		new VF.StaveNote({ keys: ["b/4"], duration: "8", stem_direction: -1 }),
	];		];
	const Guitar2_tab_notes2_2 = [		const Guitar2_tab_notes2_2 = [
1,438行目:		1,438行目:
	Guitar2_tab_notes2_1,		Guitar2_tab_notes2_1,
	[0, 1, 2, 3, 4, 6, 7, 8, 9, 10],		[0, 1, 2, 3, 4, 6, 7, 8, 9, 10],
	[1, 1, 1, 1, 1, 1, 1, 1, 1, 1]		[2, 2, 2, 2, 2, 2, 2, 2, 2, 2]
	);		);

Yo-net: /* タブ譜カッティング */

2024-04-09T14:52:22Z

タブ譜カッティング

← 古い版		2024年4月9日 (火) 23:52時点における版
1,438行目:		1,438行目:
	Guitar2_tab_notes2_1,		Guitar2_tab_notes2_1,
	[0, 1, 2, 3, 4, 6, 7, 8, 9, 10],		[0, 1, 2, 3, 4, 6, 7, 8, 9, 10],
	[4, 4, 4, 4, 4, 4, 4, 4, 4, 4]		[1, 1, 1, 1, 1, 1, 1, 1, 1, 1]
	);		);

Yo-net: /* タブ譜カッティング */

2024-04-09T14:50:40Z

タブ譜カッティング

← 古い版		2024年4月9日 (火) 23:50時点における版
1,372行目:		1,372行目:

	const Guitar2_tab_notes2_1 = [		const Guitar2_tab_notes2_1 = [
	dotted(new VF.StaveNote({ keys: ["g/4"], duration: "8d", stem_direction: -1 })),		dotted(new VF.StaveNote({ keys: ["d/5"], duration: "8d", stem_direction: -1 })),
	new VF.StaveNote({ keys: ["g/4"], duration: "16", stem_direction: -1 }),		new VF.StaveNote({ keys: ["d/5"], duration: "16", stem_direction: -1 }),

	new VF.StaveNote({ keys: ["g/4"], duration: "8", stem_direction: -1 }),		new VF.StaveNote({ keys: ["d/5"], duration: "8", stem_direction: -1 }),
	new VF.StaveNote({ keys: ["g/4"], duration: "16", stem_direction: -1 }),		new VF.StaveNote({ keys: ["d/5"], duration: "16", stem_direction: -1 }),
	new VF.StaveNote({ keys: ["g/4"], duration: "16", stem_direction: -1 }),		new VF.StaveNote({ keys: ["d/5"], duration: "16", stem_direction: -1 }),

	new VF.StaveNote({ keys: ["g/4"], duration: "16", stem_direction: -1 }),		new VF.StaveNote({ keys: ["d/5"], duration: "16", stem_direction: -1 }),
	new VF.StaveNote({ keys: ["g/4"], duration: "16", stem_direction: -1 }),		new VF.StaveNote({ keys: ["d/5"], duration: "16", stem_direction: -1 }),
	new VF.StaveNote({ keys: ["g/4"], duration: "16", stem_direction: -1 }),		new VF.StaveNote({ keys: ["d/5"], duration: "16", stem_direction: -1 }),
	new VF.StaveNote({ keys: ["g/4"], duration: "16", stem_direction: -1 }),		new VF.StaveNote({ keys: ["d/5"], duration: "16", stem_direction: -1 }),

	new VF.StaveNote({ keys: ["g/4"], duration: "8", stem_direction: -1 }),		new VF.StaveNote({ keys: ["d/5"], duration: "8", stem_direction: -1 }),
	new VF.StaveNote({ keys: ["g/4"], duration: "8", stem_direction: -1 }),		new VF.StaveNote({ keys: ["d/5"], duration: "8", stem_direction: -1 }),
	];		];
	const Guitar2_tab_notes2_2 = [		const Guitar2_tab_notes2_2 = [
2,121行目:		2,121行目:

	insertTiePathToSVG({x:shiftGuitar2_Tab1[4].x , y:shiftGuitar2_Tab1[4].y + 10}, {x:shiftGuitar2_Tab1[4].x + 35, y:shiftGuitar2_Tab1[4].y + 10});		insertTiePathToSVG({x:shiftGuitar2_Tab1[4].x , y:shiftGuitar2_Tab1[4].y + 10}, {x:shiftGuitar2_Tab1[4].x + 35, y:shiftGuitar2_Tab1[4].y + 10});

			var Guitar2_tab_St2_notes1_option = {
			textContent: ["\uFF86"], // 必須文字列
			strID: "Guitar2_tab_St2_notes1", // 必須
			Stave_x_Offset: 0,
			Stave_y_Offset: 0,
			fontSize: 40,
			fontFamily: "YonetMuFL, Arial", // オプション、デフォルトは"Bravura, Arial"
			shift_x: shiftGuitar2_Tab2, // xのオフセット値配列
			IsOffset_x_Abs: true
			};
			insertTextToSVG(Guitar2_tab_St2_notes1_option);

			insertTiePathToSVG({x:shiftGuitar2_Tab2[4].x , y:shiftGuitar2_Tab2[4].y + 10}, {x:shiftGuitar2_Tab2[4].x + 35, y:shiftGuitar2_Tab2[4].y + 10});


	var EGuitar2Text_options = {		var EGuitar2Text_options = {

VexFlow タブ譜 カッティング - 版の履歴

2024年4月15日 (月) 13:14にYo-netによる

Yo-net: /* タブ譜 カッティング */

Yo-net: /* タブ譜 カッティング */

2024年4月11日 (木) 12:46にYo-netによる

2024年4月9日 (火) 15:33にYo-netによる

Yo-net: /* タブ譜 カッティング */

Yo-net: /* 概要 */

Yo-net: /* タブ譜 カッティング */

Yo-net: /* タブ譜 カッティング */

Yo-net: /* タブ譜 カッティング */

VexFlow タブ譜カッティング - 版の履歴

Yo-net: /* タブ譜カッティング */

Yo-net: /* タブ譜カッティング */

Yo-net: /* タブ譜カッティング */

Yo-net: /* タブ譜カッティング */

Yo-net: /* タブ譜カッティング */

Yo-net: /* タブ譜カッティング */