Tone.js/examples/fmSynth.html

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
	<title>FMSynth</title>

	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
	<link rel="icon" type="image/png" sizes="174x174" href="./style/favicon.png">
	
	<script src="../build/Tone.js"></script>
	<script src="./scripts/jquery.min.js"></script>
	<script src="./scripts/draggabilly.js"></script>
	<script src="./scripts/StartAudioContext.js"></script>
	<script src="./scripts/Interface.js"></script>
	<script src="https://tonejs.github.io/Logo/build/Logo.js"></script>
	<script src="./scripts/Keyboard.js"></script>


	<link rel="stylesheet" type="text/css" href="./style/examples.css">

	<script>
		// jshint ignore: start
	</script>

</head>
<body>
	<div id="Content">
		<div id="Title">FMSynth</div>
		<div id="Explanation">	
			<a href="https://tonejs.github.io/docs/#FMSynth">Tone.FMSynth</a>
			is composed of two 
			<a href="https://tonejs.github.io/docs/#Synth">Tone.Synths</a> 
			where one Tone.Synth modulates the frequency of a second Tone.Synth. 
		</div>
	</div>

	<script>			
		var synth = new Tone.FMSynth({
			"modulationIndex" : 12.22,
			"envelope" : {
				"attack" : 0.01,
				"decay" : 0.2
			},
			"modulation" : {
				"type" : "square"
			},
			"modulationEnvelope" : {
				"attack" : 0.2,
				"decay" : 0.01
			}
		}).toMaster();

		// GUI //

		Interface.Slider({
			tone : synth,
			param : "modulationIndex",
			name : "mod index",
			max : 100
		});

		var keyboard = Interface.Keyboard();

		keyboard.keyDown = function (note) {
			synth.triggerAttack(note);
		};

		keyboard.keyUp = function (note) {
			synth.triggerRelease();
		};

	</script>
</body>
</html>
adds doctype html and utf-8 encoding on all examples 2014-10-22 22:49:42 +00:00			`<!DOCTYPE html>`
FM Synth with example Fixes #26 2014-09-03 18:54:46 +00:00			`<html>`
			`<head>`
adds doctype html and utf-8 encoding on all examples 2014-10-22 22:49:42 +00:00			`<meta charset="utf-8">`
updated examples to new synth names/APIs 2016-01-30 21:18:28 +00:00			`<title>FMSynth</title>`
FM Synth with example Fixes #26 2014-09-03 18:54:46 +00:00
updated meta tags 2015-06-27 22:10:18 +00:00			`<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">`
adding favicon 2015-12-08 05:06:58 +00:00			`<link rel="icon" type="image/png" sizes="174x174" href="./style/favicon.png">`
updated examples 2015-06-27 21:25:01 +00:00
JS type attribute not needed in html5 (#214) * type attribute not needed * type att not needed * type att not needed * type att not needed * type att not needed * type att not needed * type att not needed * type att not needed * type att not needed * type att not needed * type att not needed * type att not needed * type att not needed * type att not needed * type att not needed * type att not needed * type att not needed * type att not needed * type att not needed * type at not needed * type att not needed * type att not needed * type att not needed * type att not needed * type att not needed * type att not neede * type att not needed * type att not needed * type att not needed * type att not needed 2017-03-18 16:35:37 +00:00			`<script src="../build/Tone.js"></script>`
			`<script src="./scripts/jquery.min.js"></script>`
			`<script src="./scripts/draggabilly.js"></script>`
			`<script src="./scripts/StartAudioContext.js"></script>`
			`<script src="./scripts/Interface.js"></script>`
			`<script src="https://tonejs.github.io/Logo/build/Logo.js"></script>`
			`<script src="./scripts/Keyboard.js"></script>`
FM Synth with example Fixes #26 2014-09-03 18:54:46 +00:00
updated examples style and copy add Logo, updated qwerty hancock & nexusUI 2015-12-05 18:20:53 +00:00
updated examples 2015-02-24 03:14:51 +00:00			`<link rel="stylesheet" type="text/css" href="./style/examples.css">`

JS type attribute not needed in html5 (#214) * type attribute not needed * type att not needed * type att not needed * type att not needed * type att not needed * type att not needed * type att not needed * type att not needed * type att not needed * type att not needed * type att not needed * type att not needed * type att not needed * type att not needed * type att not needed * type att not needed * type att not needed * type att not needed * type att not needed * type at not needed * type att not needed * type att not needed * type att not needed * type att not needed * type att not needed * type att not neede * type att not needed * type att not needed * type att not needed * type att not needed 2017-03-18 16:35:37 +00:00			`<script>`
updated examples 2015-02-24 03:14:51 +00:00			`// jshint ignore: start`
			`</script>`

FM Synth with example Fixes #26 2014-09-03 18:54:46 +00:00			`</head>`
			`<body>`
updated examples 2015-02-24 03:14:51 +00:00			`<div id="Content">`
updated examples 2015-06-27 21:25:01 +00:00			`<div id="Title">FMSynth</div>`
			`<div id="Explanation">`
moving location of docs to github.io [skip ci] 2016-07-07 20:10:29 +00:00			`<a href="https://tonejs.github.io/docs/#FMSynth">Tone.FMSynth</a>`
adding links to examples 2015-06-27 22:02:55 +00:00			`is composed of two`
moving location of docs to github.io [skip ci] 2016-07-07 20:10:29 +00:00			`<a href="https://tonejs.github.io/docs/#Synth">Tone.Synths</a>`
changing instances of Tone.SimpleSynth to Tone.Synth [skip ci] 2016-05-23 23:52:56 +00:00			`where one Tone.Synth modulates the frequency of a second Tone.Synth.`
FM Synth with example Fixes #26 2014-09-03 18:54:46 +00:00			`</div>`
			`</div>`

JS type attribute not needed in html5 (#214) * type attribute not needed * type att not needed * type att not needed * type att not needed * type att not needed * type att not needed * type att not needed * type att not needed * type att not needed * type att not needed * type att not needed * type att not needed * type att not needed * type att not needed * type att not needed * type att not needed * type att not needed * type att not needed * type att not needed * type at not needed * type att not needed * type att not needed * type att not needed * type att not needed * type att not needed * type att not neede * type att not needed * type att not needed * type att not needed * type att not needed 2017-03-18 16:35:37 +00:00			`<script>`
updated examples to new synth names/APIs 2016-01-30 21:18:28 +00:00			`var synth = new Tone.FMSynth({`
updated examples style and copy add Logo, updated qwerty hancock & nexusUI 2015-12-05 18:20:53 +00:00			`"modulationIndex" : 12.22,`
updated examples to new synth names/APIs 2016-01-30 21:18:28 +00:00			`"envelope" : {`
			`"attack" : 0.01,`
			`"decay" : 0.2`
updated examples style and copy add Logo, updated qwerty hancock & nexusUI 2015-12-05 18:20:53 +00:00			`},`
updated examples to new synth names/APIs 2016-01-30 21:18:28 +00:00			`"modulation" : {`
			`"type" : "square"`
			`},`
			`"modulationEnvelope" : {`
			`"attack" : 0.2,`
			`"decay" : 0.01`
updated examples style and copy add Logo, updated qwerty hancock & nexusUI 2015-12-05 18:20:53 +00:00			`}`
updated examples 2015-06-27 21:25:01 +00:00			`}).toMaster();`
FM Synth with example Fixes #26 2014-09-03 18:54:46 +00:00
removing jquery ready from examples 2017-03-26 20:39:19 +00:00			`// GUI //`
updated examples 2015-06-27 21:25:01 +00:00
removing jquery ready from examples 2017-03-26 20:39:19 +00:00			`Interface.Slider({`
			`tone : synth,`
			`param : "modulationIndex",`
			`name : "mod index",`
			`max : 100`
			`});`
FM Synth with example Fixes #26 2014-09-03 18:54:46 +00:00
removing jquery ready from examples 2017-03-26 20:39:19 +00:00			`var keyboard = Interface.Keyboard();`
updated examples 2015-06-27 21:25:01 +00:00
removing jquery ready from examples 2017-03-26 20:39:19 +00:00			`keyboard.keyDown = function (note) {`
			`synth.triggerAttack(note);`
			`};`

			`keyboard.keyUp = function (note) {`
			`synth.triggerRelease();`
			`};`
updated examples 2015-06-27 21:25:01 +00:00
FM Synth with example Fixes #26 2014-09-03 18:54:46 +00:00			`</script>`
			`</body>`
JS type attribute not needed in html5 (#214) * type attribute not needed * type att not needed * type att not needed * type att not needed * type att not needed * type att not needed * type att not needed * type att not needed * type att not needed * type att not needed * type att not needed * type att not needed * type att not needed * type att not needed * type att not needed * type att not needed * type att not needed * type att not needed * type att not needed * type at not needed * type att not needed * type att not needed * type att not needed * type att not needed * type att not needed * type att not neede * type att not needed * type att not needed * type att not needed * type att not needed 2017-03-18 16:35:37 +00:00			`</html>`