Tone.js/examples/monoSynth.html

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
	<title>MonoSynth</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 type="text/javascript" src="../build/Tone.js"></script>
	<script type="text/javascript" src="./scripts/jquery.min.js"></script>
	<script type="text/javascript" src="./scripts/draggabilly.js"></script>
	<script type="text/javascript" src="./scripts/StartAudioContext.js"></script>
	<script type="text/javascript" src="./scripts/Interface.js"></script>
	<script type="text/javascript" src="./scripts/Logo.js"></script>
	<script type="text/javascript" src="./scripts/qwerty-hancock.js"></script>

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

	<script type="text/javascript">
		// jshint ignore: start
	</script>

</head>
<body>	
	<style type="text/css">

	</style>
	<div id="Content">
		<div id="Title">MonoSynth</div>
		<div id="Explanation">
			<a href="http://tonejs.org/docs/#MonoSynth">Tone.MonoSynth</a> 
			is composed of one oscillator, one filter, and two envelopes.
	 		Both envelopes are triggered simultaneously when a note is triggered. 
	 	   	<img src="https://docs.google.com/drawings/d/1gaY1DF9_Hzkodqf8JI1Cg2VZfwSElpFQfI94IQwad38/pub?w=924&h=240">
		</div>
		<div id="Keyboard"></div>
	</div>

	<script type="text/javascript">

		var synth = new Tone.MonoSynth({
			"portamento" : 0.01,
			"oscillator" : {
				"type" : "square"
			},
			"envelope" : {
				"attack" : 0.005,
				"decay" : 0.2,
				"sustain" : 0.4,
				"release" : 1.4,
			},
			"filterEnvelope" : {
				"attack" : 0.005,
				"decay" : 0.1,
				"sustain" : 0.05,
				"release" : 0.8,
				"baseFrequency" : 300,
				"octaves" : 4
			}
		}).toMaster();

	</script>

	<script id="GUI" type="text/javascript">
		$(function(){

			var keyboard = new QwertyHancock({
				id: "Keyboard",
				width: $("#Content").width(),
				height: 150,
				octaves: Interface.isMobile ? 1.26 : 3,
				startNote: "C3",
				whiteKeyColour: "white",
				blackKeyColour: "#1EDF3E",
				activeColour : "#3833ED"
			});

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

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

		});
	</script>

	</style>
</body>
</html>
adds doctype html and utf-8 encoding on all examples 2014-10-22 22:49:42 +00:00			`<!DOCTYPE html>`
making the examples styled and work consistently. 2014-06-23 17:29:22 +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">`
new examples 2015-06-26 05:23:05 +00:00			`<title>MonoSynth</title>`
making the examples styled and work consistently. 2014-06-23 17:29:22 +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">`
new examples 2015-06-26 05:23:05 +00:00
examples reference build folder and moved deps #28 2014-09-04 19:20:25 +00:00			`<script type="text/javascript" src="../build/Tone.js"></script>`
new examples 2015-06-26 05:23:05 +00:00			`<script type="text/javascript" src="./scripts/jquery.min.js"></script>`
updated examples style and copy add Logo, updated qwerty hancock & nexusUI 2015-12-05 18:20:53 +00:00			`<script type="text/javascript" src="./scripts/draggabilly.js"></script>`
examples use StartAudioContext 2016-03-04 22:38:32 +00:00			`<script type="text/javascript" src="./scripts/StartAudioContext.js"></script>`
updating examples 2015-02-20 05:59:19 +00:00			`<script type="text/javascript" src="./scripts/Interface.js"></script>`
updated examples style and copy add Logo, updated qwerty hancock & nexusUI 2015-12-05 18:20:53 +00:00			`<script type="text/javascript" src="./scripts/Logo.js"></script>`
new examples 2015-06-26 05:23:05 +00:00			`<script type="text/javascript" src="./scripts/qwerty-hancock.js"></script>`
making the examples styled and work consistently. 2014-06-23 17:29:22 +00:00
updating examples 2015-02-20 05:59:19 +00:00			`<link rel="stylesheet" type="text/css" href="./style/examples.css">`

			`<script type="text/javascript">`
			`// jshint ignore: start`
			`</script>`

making the examples styled and work consistently. 2014-06-23 17:29:22 +00:00			`</head>`
new examples 2015-06-26 05:23:05 +00:00			`<body>`
updating examples 2015-02-20 05:59:19 +00:00			`<style type="text/css">`
new examples 2015-06-26 05:23:05 +00:00
updating examples 2015-02-20 05:59:19 +00:00			`</style>`
			`<div id="Content">`
new examples 2015-06-26 05:23:05 +00:00			`<div id="Title">MonoSynth</div>`
			`<div id="Explanation">`
adding links to examples 2015-06-27 22:02:55 +00:00			`<a href="http://tonejs.org/docs/#MonoSynth">Tone.MonoSynth</a>`
			`is composed of one oscillator, one filter, and two envelopes.`
new examples 2015-06-26 05:23:05 +00:00			`Both envelopes are triggered simultaneously when a note is triggered.`
			`<img src="https://docs.google.com/drawings/d/1gaY1DF9_Hzkodqf8JI1Cg2VZfwSElpFQfI94IQwad38/pub?w=924&h=240">`
MonoSynth Example 2014-09-02 04:25:38 +00:00			`</div>`
new examples 2015-06-26 05:23:05 +00:00			`<div id="Keyboard"></div>`
making the examples styled and work consistently. 2014-06-23 17:29:22 +00:00			`</div>`

new examples 2015-06-26 05:23:05 +00:00			`<script type="text/javascript">`

			`var synth = new Tone.MonoSynth({`
changing the synth params slightly 2015-12-06 00:10:27 +00:00			`"portamento" : 0.01,`
new examples 2015-06-26 05:23:05 +00:00			`"oscillator" : {`
			`"type" : "square"`
			`},`
			`"envelope" : {`
changing the synth params slightly 2015-12-06 00:10:27 +00:00			`"attack" : 0.005,`
new examples 2015-06-26 05:23:05 +00:00			`"decay" : 0.2,`
			`"sustain" : 0.4,`
changing the synth params slightly 2015-12-06 00:10:27 +00:00			`"release" : 1.4,`
updated examples style and copy add Logo, updated qwerty hancock & nexusUI 2015-12-05 18:20:53 +00:00			`},`
			`"filterEnvelope" : {`
			`"attack" : 0.005,`
			`"decay" : 0.1,`
			`"sustain" : 0.05,`
			`"release" : 0.8,`
implementing `filterEnvelope` with Tone.FrequencyEnvelope 2015-12-07 05:39:39 +00:00			`"baseFrequency" : 300,`
			`"octaves" : 4`
new examples 2015-06-26 05:23:05 +00:00			`}`
			`}).toMaster();`

updating examples 2015-02-20 05:59:19 +00:00			`</script>`
new examples 2015-06-26 05:23:05 +00:00
updating examples 2015-02-20 05:59:19 +00:00			`<script id="GUI" type="text/javascript">`
new examples 2015-06-26 05:23:05 +00:00			`$(function(){`

			`var keyboard = new QwertyHancock({`
			`id: "Keyboard",`
			`width: $("#Content").width(),`
			`height: 150,`
			`octaves: Interface.isMobile ? 1.26 : 3,`
			`startNote: "C3",`
			`whiteKeyColour: "white",`
			`blackKeyColour: "#1EDF3E",`
			`activeColour : "#3833ED"`
			`});`

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

			`keyboard.keyUp = function () {`
			`synth.triggerRelease();`
			`};`
MonoSynth Example 2014-09-02 04:25:38 +00:00
			`});`
making the examples styled and work consistently. 2014-06-23 17:29:22 +00:00			`</script>`
new examples 2015-06-26 05:23:05 +00:00
			`</style>`
making the examples styled and work consistently. 2014-06-23 17:29:22 +00:00			`</body>`
			`</html>`