VexFlow 休符 - 版の履歴

Yo-net: /* 休符の種類 */

2023-02-10T15:02:03Z

休符の種類

@@ 93行目: / 93行目: @@
 <syntaxhighlight lang="JavaScript" line start="1">
 </syntaxhighlight>
 [[VexFlow 使い方]]に戻る。

2023-02-10T14:56:02Z

休符の種類

← 古い版		2023年2月10日 (金) 23:56時点における版
71行目:		71行目:
	new StaveNote({ keys: ["e/4"], duration: "16" }),		new StaveNote({ keys: ["e/4"], duration: "16" }),
	new StaveNote({ keys: ["f/4"], duration: "16" }),		new StaveNote({ keys: ["f/4"], duration: "16" }),
	new StaveNote({ keys: ["g/4"], duration: "16" }),		new StaveNote({ keys: ["b/4"], duration: "16r" }),
	new StaveNote({ keys: ["a/4"], duration: "16" }),		new StaveNote({ keys: ["a/4"], duration: "16" }),
	];		];

2023-02-10T14:52:30Z

休符の種類

← 古い版		2023年2月10日 (金) 23:52時点における版
37行目:		37行目:
	const notes1 = [		const notes1 = [
	new GhostNote({ duration: "2" }),		new GhostNote({ duration: "2" }),
	new StaveNote({ keys: ["b/4"], duration: "wr" }),		new StaveNote({ keys: ["d/5"], duration: "wr" }),
	];		];
	Formatter.FormatAndDraw(ctx, stave1, notes1);		Formatter.FormatAndDraw(ctx, stave1, notes1);
44行目:		44行目:
	const notes2 = [		const notes2 = [
	new GhostNote({ duration: "4" }),		new GhostNote({ duration: "4" }),
	new StaveNote({ keys: ["d/5"], duration: "hr" }),		new StaveNote({ keys: ["b/4"], duration: "hr" }),
	new StaveNote({ keys: ["d/4", "f/4", "a/4"], duration: "4" })		new StaveNote({ keys: ["d/4", "f/4", "a/4"], duration: "4" })
	.addModifier(new Accidental('#'), 2),		.addModifier(new Accidental('#'), 2),

2023-02-10T14:51:50Z

休符の種類

← 古い版		2023年2月10日 (金) 23:51時点における版
44行目:		44行目:
	const notes2 = [		const notes2 = [
	new GhostNote({ duration: "4" }),		new GhostNote({ duration: "4" }),
	new StaveNote({ keys: ["b/4"], duration: "hr" }),		new StaveNote({ keys: ["d/5"], duration: "hr" }),
	new StaveNote({ keys: ["d/4", "f/4", "a/4"], duration: "4" })		new StaveNote({ keys: ["d/4", "f/4", "a/4"], duration: "4" })
	.addModifier(new Accidental('#'), 2),		.addModifier(new Accidental('#'), 2),

2023-02-10T14:49:04Z

休符の種類

← 古い版		2023年2月10日 (金) 23:49時点における版
36行目:		36行目:

	const notes1 = [		const notes1 = [
	new GhostNote({ duration: "1" }),		new GhostNote({ duration: "2" }),
	new StaveNote({ keys: ["b/4"], duration: "wr" }),		new StaveNote({ keys: ["b/4"], duration: "wr" }),
	];		];

2023-02-10T14:48:36Z

休符の種類

← 古い版		2023年2月10日 (金) 23:48時点における版
36行目:		36行目:

	const notes1 = [		const notes1 = [
	new GhostNote({ duration: "2" }),		new GhostNote({ duration: "1" }),
	new StaveNote({ keys: ["b/4"], duration: "wr" }),		new StaveNote({ keys: ["b/4"], duration: "wr" }),
	];		];

2023-02-10T14:46:14Z

休符の種類

← 古い版		2023年2月10日 (金) 23:46時点における版
56行目:		56行目:
	new StaveNote({ keys: ["d/4"], duration: "8" }),		new StaveNote({ keys: ["d/4"], duration: "8" }),
	];		];
			const notes3_2_0 = [
			new StaveNote({ keys: ["b/4"], duration: "16r" }),
			];
	const notes3_2 = [		const notes3_2 = [
	~~new StaveNote({ keys: ["b/4"], duration: "16r" }),~~
	new StaveNote({ keys: ["f/4"], duration: "16" }),		new StaveNote({ keys: ["f/4"], duration: "16" }),
	new StaveNote({ keys: ["g/4"], duration: "16" }),		new StaveNote({ keys: ["g/4"], duration: "16" }),
73行目:		75行目:
	];		];

	const notes3 = notes3_1.concat(notes3_2).concat(notes3_3).concat(notes3_4);		const notes3 = notes3_1.concat(notes3_2_0).concat(notes3_2).concat(notes3_3).concat(notes3_4);

	const beams3 = [~~new Beam(notes3_1),~~ new Beam(notes3_2), new Beam(notes3_3), new Beam(notes3_4)];		const beams3 = [new Beam(notes3_2), new Beam(notes3_3), new Beam(notes3_4)];

	stave3.setContext(ctx).draw();		stave3.setContext(ctx).draw();

2023-02-10T14:37:39Z

休符の種類

← 古い版		2023年2月10日 (金) 23:37時点における版
53行目:		53行目:
	const stave3 = new Stave(710, 50, 450).setEndBarType(Barline.type.REPEAT_END).setContext(ctx).draw();		const stave3 = new Stave(710, 50, 450).setEndBarType(Barline.type.REPEAT_END).setContext(ctx).draw();
	const notes3_1 = [		const notes3_1 = [
	new StaveNote({ keys: ["c/4"], duration: "8" }),		new StaveNote({ keys: ["b/4"], duration: "8r" }),
	new StaveNote({ keys: ["d/4"], duration: "8" }),		new StaveNote({ keys: ["d/4"], duration: "8" }),
	];		];
	const notes3_2 = [		const notes3_2 = [
	new StaveNote({ keys: ["e/4"], duration: "16" }),		new StaveNote({ keys: ["b/4"], duration: "16r" }),
	new StaveNote({ keys: ["f/4"], duration: "16" }),		new StaveNote({ keys: ["f/4"], duration: "16" }),
	new StaveNote({ keys: ["g/4"], duration: "16" }),		new StaveNote({ keys: ["g/4"], duration: "16" }),

2023-02-10T14:32:49Z

休符の種類

← 古い版		2023年2月10日 (金) 23:32時点における版
47行目:		47行目:
	new StaveNote({ keys: ["d/4", "f/4", "a/4"], duration: "4" })		new StaveNote({ keys: ["d/4", "f/4", "a/4"], duration: "4" })
	.addModifier(new Accidental('#'), 2),		.addModifier(new Accidental('#'), 2),
	new StaveNote({ keys: [~~"e/4", "g/4",~~ "b/4"], duration: "4" })		new StaveNote({ keys: ["b/4"], duration: "4r" }),
	~~.addModifier(new Accidental('##'), 2~~),
	];		];
	Formatter.FormatAndDraw(ctx, stave2, notes2);		Formatter.FormatAndDraw(ctx, stave2, notes2);

2023-02-10T14:30:50Z

休符の種類

← 古い版		2023年2月10日 (金) 23:30時点における版
43行目:		43行目:
	const stave2 = new Stave(360, 50, 350).setContext(ctx).draw();		const stave2 = new Stave(360, 50, 350).setContext(ctx).draw();
	const notes2 = [		const notes2 = [
	new ~~StaveNote~~({ ~~keys~~: ["c/4", "~~e/4", "g~~/4"], duration: "2" })		new GhostNote({ duration: "4" }),
	~~.addModifier(new Accidental('n'), 1~~),		new StaveNote({ keys: ["b/4"], duration: "hr" }),
	new StaveNote({ keys: ["d/4", "f/4", "a/4"], duration: "4" })		new StaveNote({ keys: ["d/4", "f/4", "a/4"], duration: "4" })
	.addModifier(new Accidental('#'), 2),		.addModifier(new Accidental('#'), 2),