VexFlow 連符 - 版の履歴

Yo-net: /* 12連符安定版 */

2023-02-01T16:17:39Z

12連符安定版

2023年2月1日 (水) 16:14にYo-netによる

2023-02-01T16:14:35Z

← 古い版		2023年2月2日 (木) 01:14時点における版
3行目:		3行目:
	<script>		<script>
	</yjavascript>		</yjavascript>
			[[VexFlow 使い方]]に戻る。
	== '''概要''' ==		== '''概要''' ==
	連符を描いてみたいと思います。tupletというのが連符のキーワードになります。		連符を描いてみたいと思います。tupletというのが連符のキーワードになります。
1,264行目:		1,265行目:

	え、何言ってるかわからない？ならこのサイトで徐々に発表されていくVexFlowの使い方を見届けるしかないね。ゆっくり待っていてほしい。少しづつ解き明かしてしんぜよう。ワハハハハ。ガハハハ♪腹立つわコイツ。		え、何言ってるかわからない？ならこのサイトで徐々に発表されていくVexFlowの使い方を見届けるしかないね。ゆっくり待っていてほしい。少しづつ解き明かしてしんぜよう。ワハハハハ。ガハハハ♪腹立つわコイツ。



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

Yo-net: /* 12連符安定版 */

2023-02-01T16:12:57Z

12連符安定版

← 古い版		2023年2月2日 (木) 01:12時点における版
1,049行目:		1,049行目:

	<div id="output6"></div>		<div id="output6"></div>

			だいぶわかってきたので、以下の記述法を安定版として発表します。定義だな。スラーもつけれるようになった。進歩だね。もうなんでも来いって状態になってきたかもしれない。ここまで複雑な表記はあまりないと思う。コツつかんだなオレ。VexFlowlerだな。いやVexFlowlistか。



	<yjavascript></script>		<yjavascript></script>
1,255行目:		1,259行目:
	})();		})();
	</yjavascript>		</yjavascript>

			関数の使い方をつかむには、何の参考にもならなそうな、テストを動かして、デバッグ(開発ツールで調査するを実行)してみることだな。そうすると、リストボックスに対応するソースの名前がわかる。そして、デバッグでソースを表示させて、該当の.tsファイルでブレークポイントをしかける。まずはサンプルで使ってる関数名がわかる。引数がわからんが、引数のサンプルはテストのソースに書いてある。そうすると次に実際に引数がわからないことに気づく。そして、自分でconst Curve1 = new Curve(サンプルと同じ個数の引数);という命令を追加してデバッグする。呼ばれる関数の中身を見るとどんな引数を渡せばいいか予想できる。この循環だな。


			え、何言ってるかわからない？ならこのサイトで徐々に発表されていくVexFlowの使い方を見届けるしかないね。ゆっくり待っていてほしい。少しづつ解き明かしてしんぜよう。ワハハハハ。ガハハハ♪腹立つわコイツ。

Yo-net: /* 12連符安定版 */

2023-02-01T15:58:37Z

12連符安定版

← 古い版		2023年2月2日 (木) 00:58時点における版
1,154行目:		1,154行目:
	{		{
	cps: [		cps: [
	{ x: 0, y:60 },		{ x: 0, y:100 },
	{ x: 0, y:150 },		{ x: 0, y:150 },
	],		],

Yo-net: /* 12連符安定版 */

2023-02-01T15:57:15Z

12連符安定版

← 古い版		2023年2月2日 (木) 00:57時点における版
1,154行目:		1,154行目:
	{		{
	cps: [		cps: [
	{ x: 0, y:~~-20~~ },		{ x: 0, y:60 },
	{ x: 0, y:150 },		{ x: 0, y:150 },
	],		],

Yo-net: /* 12連符安定版 */

2023-02-01T15:55:59Z

12連符安定版

← 古い版		2023年2月2日 (木) 00:55時点における版
1,154行目:		1,154行目:
	{		{
	cps: [		cps: [
	{ x: 0, y: 10 },		{ x: 0, y:-20 },
	{ x: 0, y:~~100~~ },		{ x: 0, y:150 },
	],		],
	},		},

Yo-net: /* 12連符安定版 */

2023-02-01T15:54:11Z

12連符安定版

← 古い版		2023年2月2日 (木) 00:54時点における版
1,155行目:		1,155行目:
	cps: [		cps: [
	{ x: 0, y: 10 },		{ x: 0, y: 10 },
	{ x: 0, y: 50 },		{ x: 0, y:100 },
	],		],
	},		},

Yo-net: /* 12連符安定版 */

2023-02-01T15:43:06Z

12連符安定版

← 古い版		2023年2月2日 (木) 00:43時点における版
1,149行目:		1,149行目:
	];		];

	const Curve1_1to2_2 = new Curve({		const Curve1_1to2_2 = new Curve(
	~~from:~~ notesBar1[0],		notesBar1[0],
	~~to:~~ notesBar1[47],		notesBar1[47],
	~~options:~~ {		{
	cps: [		cps: [
	{ x: 0, y: 10 },		{ x: 0, y: 10 },
1,158行目:		1,158行目:
	],		],
	},		},
	});		);

Yo-net: /* 12連符安定版 */

2023-02-01T15:35:25Z

12連符安定版

← 古い版		2023年2月2日 (木) 00:35時点における版
1,149行目:		1,149行目:
	];		];

	const Curve1_1to2_2 = new Curve(		const Curve1_1to2_2 = new Curve({
	notesBar1~~.slice(~~0, ~~48)~~, {		from: notesBar1[0],
			to: notesBar1[47],
			options: {
	cps: [		cps: [
	{ x: 0, y: 10 },		{ x: 0, y: 10 },
	{ x: 0, y: 20 },		{ x: 0, y: 50 },
	],		],
	}		},
	);		});

Yo-net: /* 12連符安定版 */

2023-02-01T15:33:07Z

12連符安定版

← 古い版		2023年2月2日 (木) 00:33時点における版
1,150行目:		1,150行目:

	const Curve1_1to2_2 = new Curve(		const Curve1_1to2_2 = new Curve(
	notesBar1.slice(12, 24), {		notesBar1.slice(0, 48), {
	cps: [		cps: [
	{ x: 0, y: 10 },		{ x: 0, y: 10 },

VexFlow 連符 - 版の履歴

Yo-net: /* 12連符 安定版 */

2023年2月1日 (水) 16:14にYo-netによる

Yo-net: /* 12連符 安定版 */

Yo-net: /* 12連符 安定版 */

Yo-net: /* 12連符 安定版 */

Yo-net: /* 12連符 安定版 */

Yo-net: /* 12連符 安定版 */

Yo-net: /* 12連符 安定版 */

Yo-net: /* 12連符 安定版 */

Yo-net: /* 12連符 安定版 */

Yo-net: /* 12連符安定版 */

Yo-net: /* 12連符安定版 */

Yo-net: /* 12連符安定版 */

Yo-net: /* 12連符安定版 */

Yo-net: /* 12連符安定版 */

Yo-net: /* 12連符安定版 */

Yo-net: /* 12連符安定版 */

Yo-net: /* 12連符安定版 */

Yo-net: /* 12連符安定版 */