VexFlow オクターブ - 版の履歴

Yo-net: /* 概要 */

2024-03-18T11:32:47Z

概要

← 古い版		2024年3月18日 (月) 20:32時点における版
7行目:		7行目:
	オクターブも時間系の処理が必要っぽいね。ある範囲をオクターブを上げたり下げたりして演奏するための記号です。音域の広いピアノやギターのパートなんかではよく見られる記譜法です。五線譜の上にあるときはオクターブを上げて、五線譜の下にあるときはオクターブを下げたりすることを指示できます。ギターは低い音の範囲が狭いので、オクターブ下はあまり使われないですね。でもE/3あたりをずっと演奏するときは追加線だらけの楽譜になるので、オクターブ下を使ってもよいかもしれません。E/3(ミ)～A/3(シ)の範囲ですね。		オクターブも時間系の処理が必要っぽいね。ある範囲をオクターブを上げたり下げたりして演奏するための記号です。音域の広いピアノやギターのパートなんかではよく見られる記譜法です。五線譜の上にあるときはオクターブを上げて、五線譜の下にあるときはオクターブを下げたりすることを指示できます。ギターは低い音の範囲が狭いので、オクターブ下はあまり使われないですね。でもE/3あたりをずっと演奏するときは追加線だらけの楽譜になるので、オクターブ下を使ってもよいかもしれません。E/3(ミ)～A/3(シ)の範囲ですね。

	TextBracketというクラスを使って実現するもので8vaの他にもいろいろな指示ができます。アルペジオやライトハンド奏法なども同じ仕組みが使えると思います。Muteの範囲指定も同じかな。一音Muteには使えないですね。ここまでいろいろ勉強してきましたが、まだまだ表記できない技術が残っています。楽譜って案外複雑な世界だったんだなって思えますね。吹奏楽部で活動していても、2年目くらいでもまだ、しらない記号出てきたりしたときは、深い！って思ったものです。で、楽典の本で調べてみたら載ってなかったりもするし。本しかない時代だったからな大変だったよね。昭和は。
			TextBracketというクラスを使って実現するもので8vaや8vbの他にもいろいろな指示ができます。アルペジオやライトハンド奏法なども同じ仕組みが使えると思います。Muteの範囲指定も同じかな。一音Muteには使えないですね。ここまでいろいろ勉強してきましたが、まだまだ表記できない技術が残っています。楽譜って案外複雑な世界だったんだなって思えますね。吹奏楽部で活動していても、2年目くらいでもまだ、しらない記号出てきたりしたときは、深い！って思ったものです。で、楽典の本で調べてみたら載ってなかったりもするし。本しかない時代だったからな大変だったよね。昭和は。

2024年3月18日 (月) 11:30にYo-netによる

2024-03-18T11:30:33Z

← 古い版		2024年3月18日 (月) 20:30時点における版
515行目:		515行目:


	<syntaxhighlight lang="javascript" line start="1">		<syntaxhighlight lang="javascript" line start="1" highlight="304-311,313-332,336,337">
	<div id="yonet202403Mid_Output01"></div>		<div id="yonet202403Mid_Output01"></div>
	<script>		<script>

2024年3月18日 (月) 11:26にYo-netによる

2024-03-18T11:26:06Z

差分を表示

2024年3月18日 (月) 10:02にYo-netによる

2024-03-18T10:02:30Z

← 古い版		2024年3月18日 (月) 19:02時点における版
1,022行目:		1,022行目:


	VivratoBracketクラスのオブジェクトを生成するときのコンストラクタの引数に、ビブラートの開始位置から終了位置に該当するStaveNoteクラスのオブジェクトの音符の要素を指定します。めちゃくちゃ長いビブラートで小節終了までとかは無理ですが、指定をはぶけば該当する小節の最初からとか最後までとかは指定できるみたいです。		TextBracketクラスのオブジェクトを生成するときのコンストラクタの引数は以下のような意味になっています。


	'''第一引数：'''ビブラートの始点の位置を示すStaveNoteクラス型オブジェクトの中で定義された音符要素の配列番号を指定します。小節の始めからを指定する場合はnullを指定することができます。ただし終点に小節の先頭の0番の要素を指定することはできません。できますが、何も変化がおこらなくなります。		'''第一引数：'''各種キーを保持した配列を設定できます。

			*start
			:横方向のテキストブラケット開始位置となるStaveNoteクラスのオブジェクトの音符配列の要素番号を示します。

	'''第二引数：'''ビブラートの終点の位置を示すStaveNoteクラス型オブジェクトの中で定義された音符要素の配列番号を指定します。小節の終了までを指定する場合はnullを指定することができます。

			*stop
			:横方向のテキストブラケット終了位置となるStaveNoteクラスのオブジェクトの音符配列の要素番号を示します。

	VibratoBracketクラスのオブジェクトが持つメンバ関数.setLine()の引数の番号でビブラートの描かれる高さを指定できます。大きくすると高さは上にいく感じですね0.5刻みで指定するものです。

			*text
			:ブラケットの最初に挿入する文字を指定します。

	第一引数か第二引数にnullを指定した場合、VibratoBracketクラスのオブジェクトが持つメンバ関数.setHarsh(true);とするときっちり小節の最後までや最初から波線がひかれます。

			var bracket7bottom = new VF.TextBracket({
	~~最後にVibratoBracketクラスのオブジェクトが持つメンバ関数~~.~~setContext~~(~~ctx~~).~~draw~~();~~で、描画実行を指示します。~~		start: notes7[1],
			stop: notes7[3],
			text: "8",
			superscript: "vb",
			position: -1
			});
			bracket7bottom.setLine(4);
			bracket7bottom.render_options.bracket_height = 40;
			bracket7bottom.render_options.line_width = 2;
			bracket7bottom.render_options.show_bracket = true;
			bracket7bottom.setDashed(true, [2, 2]);
			bracket7bottom.font.size = 15;
			bracket7bottom.setDashed(false);
			bracket7bottom.render_options.underline_superscript = false;
			bracket7bottom.setFont({
			weight: "bold",
			family: "Arial",
			size: 15
			});



	[[VexFlow 使い方]]に戻る。		[[VexFlow 使い方]]に戻る。

Yo-net: /* オクターブ */

2024-03-18T09:56:27Z

オクターブ

← 古い版		2024年3月18日 (月) 18:56時点における版
377行目:		377行目:
	position: -1		position: -1
	});		});
	bracket7bottom.setLine(0);		bracket7bottom.setLine(4);
	bracket7bottom.render_options.bracket_height = 40;		bracket7bottom.render_options.bracket_height = 40;
	bracket7bottom.render_options.line_width = 2;		bracket7bottom.render_options.line_width = 2;

Yo-net: /* オクターブ */

2024-03-18T09:55:15Z

オクターブ

← 古い版		2024年3月18日 (月) 18:55時点における版
377行目:		377行目:
	position: -1		position: -1
	});		});
	bracket7bottom.setLine(2);		bracket7bottom.setLine(0);
	bracket7bottom.render_options.bracket_height = 40;		bracket7bottom.render_options.bracket_height = 40;
	bracket7bottom.render_options.line_width = 2;		bracket7bottom.render_options.line_width = 2;

Yo-net: /* オクターブ */

2024-03-18T09:47:10Z

オクターブ

@@ 369行目: / 369行目: @@
 });
 bracket7top.setLine(2);
 stave7Voice.draw(ctx, stave7);
 bracket7top.setContext(ctx).draw();
 const stave8 = new Stave(stave7.width + stave7.x, stave5.y, nStaveWidth).setContext(ctx);

Yo-net: /* オクターブ */

2024-03-18T09:29:19Z

オクターブ

← 古い版		2024年3月18日 (月) 18:29時点における版
368行目:		368行目:
	position: 1		position: 1
	});		});
	bracket7top.setLine(0);		bracket7top.setLine(2);

	stave7Voice.draw(ctx, stave7);		stave7Voice.draw(ctx, stave7);

Yo-net: /* オクターブ */

2024-03-18T09:28:15Z

オクターブ

← 古い版		2024年3月18日 (月) 18:28時点における版
359行目:		359行目:

	var formatter7 = new Vex.Flow.Formatter().joinVoices([stave7Voice]);		var formatter7 = new Vex.Flow.Formatter().joinVoices([stave7Voice]);
	formatter7.format([~~stave5Voice~~], nStaveWidth);		formatter7.format([stave7Voice], nStaveWidth);

	var bracket7top = new VF.TextBracket({		var bracket7top = new VF.TextBracket({