Mirrors/Tone.js
2
0
Fork 0
mirror of https://github.com/Tonejs/Tone.js synced 2025-01-14 12:53:59 +00:00
Code Issues Projects Releases Packages Wiki Activity

JS type attribute not needed in html5 (#214)

Browse source 
* 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
This commit is contained in:
Uzerus 2017-03-18 17:35:37 +01:00 committed by Yotam Mann
parent 4c2cf0705e
commit e32f4b58cb
30 changed files with 304 additions and 304 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

20
examples/analysis.html
View file

@ -7,16 +7,16 @@
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"> <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"> <link rel="icon" type="image/png" sizes="174x174" href="./style/favicon.png">
<script type="text/javascript" src="../build/Tone.js"></script> <script src="../build/Tone.js"></script>
<script type="text/javascript" src="./scripts/jquery.min.js"></script> <script src="./scripts/jquery.min.js"></script>
<script type="text/javascript" src="./scripts/draggabilly.js"></script> <script src="./scripts/draggabilly.js"></script>
<script type="text/javascript" src="https://tonejs.github.io/Logo/build/Logo.js"></script> <script src="https://tonejs.github.io/Logo/build/Logo.js"></script>
<script type="text/javascript" src="./scripts/StartAudioContext.js"></script> <script src="./scripts/StartAudioContext.js"></script>
<script type="text/javascript" src="./scripts/Interface.js"></script> <script src="./scripts/Interface.js"></script>
<link rel="stylesheet" type="text/css" href="./style/examples.css"> <link rel="stylesheet" type="text/css" href="./style/examples.css">
<script type="text/javascript"> <script>
// jshint ignore: start // jshint ignore: start
</script> </script>
<style type="text/css"> <style type="text/css">
@ -40,7 +40,7 @@
</div> </div>
<script type="text/javascript"> <script>
//analyse the frequency/amplitude of the incoming signal //analyse the frequency/amplitude of the incoming signal
var fft = new Tone.Analyser("fft", 32); var fft = new Tone.Analyser("fft", 32);
@ -53,7 +53,7 @@
}).fan(fft, waveform).toMaster(); }).fan(fft, waveform).toMaster();
</script> </script>
<script type="text/javascript"> <script>
$(function(){ $(function(){
@ -146,4 +146,4 @@
}); });
</script> </script>
</body> </body>
</html> </html>

20
examples/animationSync.html
View file

@ -7,16 +7,16 @@
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"> <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"> <link rel="icon" type="image/png" sizes="174x174" href="./style/favicon.png">
<script type="text/javascript" src="../build/Tone.js"></script> <script src="../build/Tone.js"></script>
<script type="text/javascript" src="./scripts/jquery.min.js"></script> <script src="./scripts/jquery.min.js"></script>
<script type="text/javascript" src="./scripts/draggabilly.js"></script> <script src="./scripts/draggabilly.js"></script>
<script type="text/javascript" src="./scripts/StartAudioContext.js"></script> <script src="./scripts/StartAudioContext.js"></script>
<script type="text/javascript" src="./scripts/Interface.js"></script> <script src="./scripts/Interface.js"></script>
<script type="text/javascript" src="https://tonejs.github.io/Logo/build/Logo.js"></script> <script src="https://tonejs.github.io/Logo/build/Logo.js"></script>
<link rel="stylesheet" type="text/css" href="./style/examples.css"> <link rel="stylesheet" type="text/css" href="./style/examples.css">
<script type="text/javascript"> <script>
// jshint ignore: start // jshint ignore: start
</script> </script>
<style type="text/css"> <style type="text/css">
@ -53,7 +53,7 @@
</div> </div>
</div> </div>
<script id="ToneCode" type="text/javascript"> <script id="ToneCode">
var piano = new Tone.Synth({ var piano = new Tone.Synth({
"oscillator" : { "oscillator" : {
@ -75,7 +75,7 @@
loop.interval = "16n"; loop.interval = "16n";
</script> </script>
<script type="text/javascript"> <script>
$(function(){ $(function(){
@ -96,4 +96,4 @@
}); });
</script> </script>
</body> </body>
</html> </html>

20
examples/bembe.html
View file

@ -7,16 +7,16 @@
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"> <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"> <link rel="icon" type="image/png" sizes="174x174" href="./style/favicon.png">
<script type="text/javascript" src="../build/Tone.js"></script> <script src="../build/Tone.js"></script>
<script type="text/javascript" src="./scripts/jquery.min.js"></script> <script src="./scripts/jquery.min.js"></script>
<script type="text/javascript" src="./scripts/draggabilly.js"></script> <script src="./scripts/draggabilly.js"></script>
<script type="text/javascript" src="https://tonejs.github.io/Logo/build/Logo.js"></script> <script src="https://tonejs.github.io/Logo/build/Logo.js"></script>
<script type="text/javascript" src="./scripts/StartAudioContext.js"></script> <script src="./scripts/StartAudioContext.js"></script>
<script type="text/javascript" src="./scripts/Interface.js"></script> <script src="./scripts/Interface.js"></script>
<link rel="stylesheet" type="text/css" href="./style/examples.css"> <link rel="stylesheet" type="text/css" href="./style/examples.css">
<script type="text/javascript"> <script>
// jshint ignore: start // jshint ignore: start
</script> </script>
@ -37,7 +37,7 @@
</div> </div>
</div> </div>
<script type="text/javascript"> <script>
var bell = new Tone.MetalSynth({ var bell = new Tone.MetalSynth({
"harmonicity" : 12, "harmonicity" : 12,
@ -78,7 +78,7 @@
</script> </script>
<script id="GUI" type="text/javascript"> <script id="GUI">
$(function(){ $(function(){
Interface.Button({ Interface.Button({
@ -98,4 +98,4 @@
</style> </style>
</body> </body>
</html> </html>

22
examples/buses.html
View file

@ -7,17 +7,17 @@
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"> <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"> <link rel="icon" type="image/png" sizes="174x174" href="./style/favicon.png">
<script type="text/javascript" src="../build/Tone.js"></script> <script src="../build/Tone.js"></script>
<script type="text/javascript" src="./scripts/jquery.min.js"></script> <script src="./scripts/jquery.min.js"></script>
<script type="text/javascript" src="./scripts/draggabilly.js"></script> <script src="./scripts/draggabilly.js"></script>
<script type="text/javascript" src="./scripts/StartAudioContext.js"></script> <script src="./scripts/StartAudioContext.js"></script>
<script type="text/javascript" src="./scripts/Interface.js"></script> <script src="./scripts/Interface.js"></script>
<script type="text/javascript" src="https://tonejs.github.io/Logo/build/Logo.js"></script> <script src="https://tonejs.github.io/Logo/build/Logo.js"></script>
<script type="text/javascript" src="./scripts/Keyboard.js"></script> <script src="./scripts/Keyboard.js"></script>
<link rel="stylesheet" type="text/css" href="./style/examples.css"> <link rel="stylesheet" type="text/css" href="./style/examples.css">
<script type="text/javascript"> <script>
// jshint ignore: start // jshint ignore: start
</script> </script>
@ -36,7 +36,7 @@
<div id="Sliders"></div> <div id="Sliders"></div>
<div id="Keyboard"></div> <div id="Keyboard"></div>
</div> </div>
<script type="text/javascript"> <script>
//the synth //the synth
var synth = new Tone.Synth().toMaster() var synth = new Tone.Synth().toMaster()
@ -62,7 +62,7 @@
.toMaster(); .toMaster();
</script> </script>
<script id="GUI" type="text/javascript"> <script id="GUI">
$(function(){ $(function(){
Interface.Slider({ Interface.Slider({
@ -111,4 +111,4 @@
}); });
</script> </script>
</body> </body>
</html> </html>

20
examples/daw.html
View file

@ -7,16 +7,16 @@
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"> <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"> <link rel="icon" type="image/png" sizes="174x174" href="./style/favicon.png">
<script type="text/javascript" src="../build/Tone.js"></script> <script src="../build/Tone.js"></script>
<script type="text/javascript" src="./scripts/jquery.min.js"></script> <script src="./scripts/jquery.min.js"></script>
<script type="text/javascript" src="./scripts/draggabilly.js"></script> <script src="./scripts/draggabilly.js"></script>
<script type="text/javascript" src="https://tonejs.github.io/Logo/build/Logo.js"></script> <script src="https://tonejs.github.io/Logo/build/Logo.js"></script>
<script type="text/javascript" src="./scripts/StartAudioContext.js"></script> <script src="./scripts/StartAudioContext.js"></script>
<script type="text/javascript" src="./scripts/Interface.js"></script> <script src="./scripts/Interface.js"></script>
<link rel="stylesheet" type="text/css" href="./style/examples.css"> <link rel="stylesheet" type="text/css" href="./style/examples.css">
<script type="text/javascript"> <script>
// jshint ignore: start // jshint ignore: start
</script> </script>
@ -84,7 +84,7 @@
</div> </div>
</div> </div>
<script type="text/javascript"> <script>
Tone.Transport.bpm.value = 108; Tone.Transport.bpm.value = 108;
@ -109,7 +109,7 @@
</script> </script>
<script id="GUI" type="text/javascript"> <script id="GUI">
$(function(){ $(function(){
@ -226,4 +226,4 @@
</style> </style>
</body> </body>
</html> </html>

20
examples/envelope.html
View file

@ -7,16 +7,16 @@
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"> <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"> <link rel="icon" type="image/png" sizes="174x174" href="./style/favicon.png">
<script type="text/javascript" src="../build/Tone.js"></script> <script src="../build/Tone.js"></script>
<script type="text/javascript" src="./scripts/jquery.min.js"></script> <script src="./scripts/jquery.min.js"></script>
<script type="text/javascript" src="./scripts/draggabilly.js"></script> <script src="./scripts/draggabilly.js"></script>
<script type="text/javascript" src="./scripts/StartAudioContext.js"></script> <script src="./scripts/StartAudioContext.js"></script>
<script type="text/javascript" src="./scripts/Interface.js"></script> <script src="./scripts/Interface.js"></script>
<script type="text/javascript" src="https://tonejs.github.io/Logo/build/Logo.js"></script> <script src="https://tonejs.github.io/Logo/build/Logo.js"></script>
<link rel="stylesheet" type="text/css" href="./style/examples.css"> <link rel="stylesheet" type="text/css" href="./style/examples.css">
<script type="text/javascript"> <script>
// jshint ignore: start // jshint ignore: start
</script> </script>
@ -54,7 +54,7 @@
<div id="Sliders"></div> <div id="Sliders"></div>
</div> </div>
<script type="text/javascript"> <script>
var env = new Tone.AmplitudeEnvelope({ var env = new Tone.AmplitudeEnvelope({
"attack" : 0.11, "attack" : 0.11,
"decay" : 0.21, "decay" : 0.21,
@ -72,7 +72,7 @@
</script> </script>
<script id="GUI" type="text/javascript"> <script id="GUI">
$(function(){ $(function(){
Interface.Slider({ Interface.Slider({
@ -131,4 +131,4 @@
</style> </style>
</body> </body>
</html> </html>

20
examples/events.html
View file

@ -7,16 +7,16 @@
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"> <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"> <link rel="icon" type="image/png" sizes="174x174" href="./style/favicon.png">
<script type="text/javascript" src="../build/Tone.js"></script> <script src="../build/Tone.js"></script>
<script type="text/javascript" src="./scripts/jquery.min.js"></script> <script src="./scripts/jquery.min.js"></script>
<script type="text/javascript" src="./scripts/draggabilly.js"></script> <script src="./scripts/draggabilly.js"></script>
<script type="text/javascript" src="./scripts/StartAudioContext.js"></script> <script src="./scripts/StartAudioContext.js"></script>
<script type="text/javascript" src="./scripts/Interface.js"></script> <script src="./scripts/Interface.js"></script>
<script type="text/javascript" src="https://tonejs.github.io/Logo/build/Logo.js"></script> <script src="https://tonejs.github.io/Logo/build/Logo.js"></script>
<link rel="stylesheet" type="text/css" href="./style/examples.css"> <link rel="stylesheet" type="text/css" href="./style/examples.css">
<script type="text/javascript"> <script>
// jshint ignore: start // jshint ignore: start
</script> </script>
@ -37,7 +37,7 @@
</div> </div>
</div> </div>
<script id="ToneCode" type="text/javascript"> <script id="ToneCode">
/* /*
KICK KICK
*/ */
@ -129,7 +129,7 @@
//set the transport //set the transport
Tone.Transport.bpm.value = 90; Tone.Transport.bpm.value = 90;
</script> </script>
<script type="text/javascript"> <script>
$(function(){ $(function(){
@ -148,4 +148,4 @@
}); });
</script> </script>
</body> </body>
</html> </html>

22
examples/fmSynth.html
View file

@ -7,18 +7,18 @@
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"> <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"> <link rel="icon" type="image/png" sizes="174x174" href="./style/favicon.png">
<script type="text/javascript" src="../build/Tone.js"></script> <script src="../build/Tone.js"></script>
<script type="text/javascript" src="./scripts/jquery.min.js"></script> <script src="./scripts/jquery.min.js"></script>
<script type="text/javascript" src="./scripts/draggabilly.js"></script> <script src="./scripts/draggabilly.js"></script>
<script type="text/javascript" src="./scripts/StartAudioContext.js"></script> <script src="./scripts/StartAudioContext.js"></script>
<script type="text/javascript" src="./scripts/Interface.js"></script> <script src="./scripts/Interface.js"></script>
<script type="text/javascript" src="https://tonejs.github.io/Logo/build/Logo.js"></script> <script src="https://tonejs.github.io/Logo/build/Logo.js"></script>
<script type="text/javascript" src="./scripts/Keyboard.js"></script> <script src="./scripts/Keyboard.js"></script>
<link rel="stylesheet" type="text/css" href="./style/examples.css"> <link rel="stylesheet" type="text/css" href="./style/examples.css">
<script type="text/javascript"> <script>
// jshint ignore: start // jshint ignore: start
</script> </script>
@ -34,7 +34,7 @@
</div> </div>
</div> </div>
<script type="text/javascript"> <script>
var synth = new Tone.FMSynth({ var synth = new Tone.FMSynth({
"modulationIndex" : 12.22, "modulationIndex" : 12.22,
"envelope" : { "envelope" : {
@ -51,7 +51,7 @@
}).toMaster(); }).toMaster();
</script> </script>
<script type="text/javascript"> <script>
$(function(){ $(function(){
@ -74,4 +74,4 @@
}); });
</script> </script>
</body> </body>
</html> </html>

26
examples/funkyShape.html
View file

@ -12,18 +12,18 @@
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"> <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"> <link rel="icon" type="image/png" sizes="174x174" href="./style/favicon.png">
<script type="text/javascript" src="./scripts/p5.js"></script> <script src="./scripts/p5.js"></script>
<script type="text/javascript" src="../build/Tone.js"></script> <script src="../build/Tone.js"></script>
<script type="text/javascript" src="./scripts/p5.Tone.js"></script> <script src="./scripts/p5.Tone.js"></script>
<script type="text/javascript" src="./scripts/jquery.min.js"></script> <script src="./scripts/jquery.min.js"></script>
<script type="text/javascript" src="./scripts/draggabilly.js"></script> <script src="./scripts/draggabilly.js"></script>
<script type="text/javascript" src="./scripts/StartAudioContext.js"></script> <script src="./scripts/StartAudioContext.js"></script>
<script type="text/javascript" src="./scripts/Interface.js"></script> <script src="./scripts/Interface.js"></script>
<script type="text/javascript" src="https://tonejs.github.io/Logo/build/Logo.js"></script> <script src="https://tonejs.github.io/Logo/build/Logo.js"></script>
<link rel="stylesheet" type="text/css" href="./style/examples.css"> <link rel="stylesheet" type="text/css" href="./style/examples.css">
<script type="text/javascript"> <script>
// jshint ignore: start // jshint ignore: start
</script> </script>
@ -44,7 +44,7 @@
This sketch uses <a href="https://p5js.org" target="_blank">p5.js</a> for visual components. This sketch uses <a href="https://p5js.org" target="_blank">p5.js</a> for visual components.
</div> </div>
</div> </div>
<script id="p5" type="text/javascript"> <script id="p5">
//creating our class name //creating our class name
function FunkyShape() {} function FunkyShape() {}
@ -141,7 +141,7 @@
} }
</script> </script>
<script id="Song" type="text/javascript"> <script id="Song">
//HATS //HATS
@ -268,7 +268,7 @@
Tone.Transport.loop = true; Tone.Transport.loop = true;
</script> </script>
<script id="GUI" type="text/javascript"> <script id="GUI">
$(function(){ $(function(){
Interface.Button({ Interface.Button({
@ -286,4 +286,4 @@
}); });
</script> </script>
</body> </body>
</html> </html>

20
examples/grainPlayer.html
View file

@ -7,16 +7,16 @@
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"> <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"> <link rel="icon" type="image/png" sizes="174x174" href="./style/favicon.png">
<script type="text/javascript" src="../build/Tone.js"></script> <script src="../build/Tone.js"></script>
<script type="text/javascript" src="./scripts/jquery.min.js"></script> <script src="./scripts/jquery.min.js"></script>
<script type="text/javascript" src="./scripts/draggabilly.js"></script> <script src="./scripts/draggabilly.js"></script>
<script type="text/javascript" src="./scripts/StartAudioContext.js"></script> <script src="./scripts/StartAudioContext.js"></script>
<script type="text/javascript" src="./scripts/Interface.js"></script> <script src="./scripts/Interface.js"></script>
<script type="text/javascript" src="https://tonejs.github.io/Logo/build/Logo.js"></script> <script src="https://tonejs.github.io/Logo/build/Logo.js"></script>
<link rel="stylesheet" type="text/css" href="./style/examples.css"> <link rel="stylesheet" type="text/css" href="./style/examples.css">
<script type="text/javascript"> <script>
// jshint ignore: start // jshint ignore: start
</script> </script>
@ -33,7 +33,7 @@
</div> </div>
<div id="Sliders"></div> <div id="Sliders"></div>
</div> </div>
<script type="text/javascript"> <script>
//the player //the player
var player = new Tone.GrainPlayer({ var player = new Tone.GrainPlayer({
@ -44,7 +44,7 @@
}).toMaster(); }).toMaster();
</script> </script>
<script id="GUI" type="text/javascript"> <script id="GUI">
$(function(){ $(function(){
Interface.Loader(); Interface.Loader();
@ -100,4 +100,4 @@
}); });
</script> </script>
</body> </body>
</html> </html>

10
examples/index.html
View file

@ -7,9 +7,9 @@
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"> <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"> <link rel="icon" type="image/png" sizes="174x174" href="./style/favicon.png">
<script type="text/javascript" src="./scripts/jquery.min.js"></script> <script src="./scripts/jquery.min.js"></script>
<script type="text/javascript" src="https://tonejs.github.io/Logo/build/Logo.js"></script> <script src="https://tonejs.github.io/Logo/build/Logo.js"></script>
<script type="text/javascript" src="./scripts/ExampleList.js"></script> <script src="./scripts/ExampleList.js"></script>
<link rel="stylesheet" type="text/css" href="./style/examples.css"> <link rel="stylesheet" type="text/css" href="./style/examples.css">
<link href="https://fonts.googleapis.com/css?family=Inconsolata" rel="stylesheet"> <link href="https://fonts.googleapis.com/css?family=Inconsolata" rel="stylesheet">
@ -21,7 +21,7 @@
<div id="Sidebar"></div> <div id="Sidebar"></div>
</div> </div>
<script type="text/javascript"> <script>
var container = $("#Sidebar"); var container = $("#Sidebar");
@ -94,4 +94,4 @@
</script> </script>
</body> </body>
</html> </html>

18
examples/jump.html
View file

@ -7,12 +7,12 @@
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"> <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"> <link rel="icon" type="image/png" sizes="174x174" href="./style/favicon.png">
<script type="text/javascript" src="../build/Tone.js"></script> <script src="../build/Tone.js"></script>
<script type="text/javascript" src="./scripts/jquery.min.js"></script> <script src="./scripts/jquery.min.js"></script>
<script type="text/javascript" src="./scripts/draggabilly.js"></script> <script src="./scripts/draggabilly.js"></script>
<script type="text/javascript" src="https://tonejs.github.io/Logo/build/Logo.js"></script> <script src="https://tonejs.github.io/Logo/build/Logo.js"></script>
<script type="text/javascript" src="./scripts/StartAudioContext.js"></script> <script src="./scripts/StartAudioContext.js"></script>
<script type="text/javascript" src="./scripts/Interface.js"></script> <script src="./scripts/Interface.js"></script>
<link rel="stylesheet" type="text/css" href="./style/examples.css"> <link rel="stylesheet" type="text/css" href="./style/examples.css">
@ -39,7 +39,7 @@
</div> </div>
</div> </div>
<script type="text/javascript"> <script>
var synth = new Tone.PolySynth(3, Tone.Synth, { var synth = new Tone.PolySynth(3, Tone.Synth, {
"oscillator" : { "oscillator" : {
@ -262,7 +262,7 @@
</script> </script>
<script id="GUI" type="text/javascript"> <script id="GUI">
$(function(){ $(function(){
Interface.Button({ Interface.Button({
@ -282,4 +282,4 @@
</style> </style>
</body> </body>
</html> </html>

20
examples/lfoEffects.html
View file

@ -7,16 +7,16 @@
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"> <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"> <link rel="icon" type="image/png" sizes="174x174" href="./style/favicon.png">
<script type="text/javascript" src="../build/Tone.js"></script> <script src="../build/Tone.js"></script>
<script type="text/javascript" src="./scripts/jquery.min.js"></script> <script src="./scripts/jquery.min.js"></script>
<script type="text/javascript" src="./scripts/draggabilly.js"></script> <script src="./scripts/draggabilly.js"></script>
<script type="text/javascript" src="./scripts/StartAudioContext.js"></script> <script src="./scripts/StartAudioContext.js"></script>
<script type="text/javascript" src="./scripts/Interface.js"></script> <script src="./scripts/Interface.js"></script>
<script type="text/javascript" src="https://tonejs.github.io/Logo/build/Logo.js"></script> <script src="https://tonejs.github.io/Logo/build/Logo.js"></script>
<link rel="stylesheet" type="text/css" href="./style/examples.css"> <link rel="stylesheet" type="text/css" href="./style/examples.css">
<script type="text/javascript"> <script>
// jshint ignore: start // jshint ignore: start
</script> </script>
</head> </head>
@ -34,7 +34,7 @@
</div> </div>
</div> </div>
<script id="JSCode" type="text/javascript"> <script id="JSCode">
//AutoPanner - a penning modulation effect //AutoPanner - a penning modulation effect
var panner = new Tone.AutoPanner({ var panner = new Tone.AutoPanner({
"frequency" : 4, "frequency" : 4,
@ -73,7 +73,7 @@
}).connect(tremolo).start(); }).connect(tremolo).start();
</script> </script>
<script id="gui" type="text/javascript"> <script id="gui">
$(function(){ $(function(){
@ -142,4 +142,4 @@
</script> </script>
</body> </body>
</html> </html>

20
examples/meter.html
View file

@ -7,16 +7,16 @@
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"> <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"> <link rel="icon" type="image/png" sizes="174x174" href="./style/favicon.png">
<script type="text/javascript" src="../build/Tone.js"></script> <script src="../build/Tone.js"></script>
<script type="text/javascript" src="./scripts/jquery.min.js"></script> <script src="./scripts/jquery.min.js"></script>
<script type="text/javascript" src="./scripts/draggabilly.js"></script> <script src="./scripts/draggabilly.js"></script>
<script type="text/javascript" src="https://tonejs.github.io/Logo/build/Logo.js"></script> <script src="https://tonejs.github.io/Logo/build/Logo.js"></script>
<script type="text/javascript" src="./scripts/StartAudioContext.js"></script> <script src="./scripts/StartAudioContext.js"></script>
<script type="text/javascript" src="./scripts/Interface.js"></script> <script src="./scripts/Interface.js"></script>
<link rel="stylesheet" type="text/css" href="./style/examples.css"> <link rel="stylesheet" type="text/css" href="./style/examples.css">
<script type="text/javascript"> <script>
// jshint ignore: start // jshint ignore: start
</script> </script>
<style type="text/css"> <style type="text/css">
@ -39,7 +39,7 @@
</div> </div>
<script type="text/javascript"> <script>
//create a level meter //create a level meter
var meter = new Tone.Meter("level"); var meter = new Tone.Meter("level");
@ -50,7 +50,7 @@
</script> </script>
<script type="text/javascript"> <script>
$(function(){ $(function(){
@ -112,4 +112,4 @@
}); });
</script> </script>
</body> </body>
</html> </html>

20
examples/mic.html
View file

@ -7,16 +7,16 @@
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"> <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"> <link rel="icon" type="image/png" sizes="174x174" href="./style/favicon.png">
<script type="text/javascript" src="../build/Tone.js"></script> <script src="../build/Tone.js"></script>
<script type="text/javascript" src="./scripts/jquery.min.js"></script> <script src="./scripts/jquery.min.js"></script>
<script type="text/javascript" src="./scripts/draggabilly.js"></script> <script src="./scripts/draggabilly.js"></script>
<script type="text/javascript" src="./scripts/StartAudioContext.js"></script> <script src="./scripts/StartAudioContext.js"></script>
<script type="text/javascript" src="./scripts/Interface.js"></script> <script src="./scripts/Interface.js"></script>
<script type="text/javascript" src="https://tonejs.github.io/Logo/build/Logo.js"></script> <script src="https://tonejs.github.io/Logo/build/Logo.js"></script>
<link rel="stylesheet" type="text/css" href="./style/examples.css"> <link rel="stylesheet" type="text/css" href="./style/examples.css">
<script type="text/javascript"> <script>
// jshint ignore: start // jshint ignore: start
</script> </script>
@ -38,7 +38,7 @@
If supported, Tone.UserMedia uses <code>getUserMedia</code> to open the user's microphone where it can then be processed with Tone.js. Only works on https domains. If supported, Tone.UserMedia uses <code>getUserMedia</code> to open the user's microphone where it can then be processed with Tone.js. Only works on https domains.
</div> </div>
</div> </div>
<script type="text/javascript"> <script>
//you probably DONT want to connect the microphone //you probably DONT want to connect the microphone
//directly to the master output because of feedback. //directly to the master output because of feedback.
@ -53,7 +53,7 @@
</script> </script>
<script id="GUI" type="text/javascript"> <script id="GUI">
$(function(){ $(function(){
//indicate if the microphone is supported or not //indicate if the microphone is supported or not
@ -110,4 +110,4 @@
}); });
</script> </script>
</body> </body>
</html> </html>

22
examples/monoSynth.html
View file

@ -7,17 +7,17 @@
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"> <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"> <link rel="icon" type="image/png" sizes="174x174" href="./style/favicon.png">
<script type="text/javascript" src="../build/Tone.js"></script> <script src="../build/Tone.js"></script>
<script type="text/javascript" src="./scripts/jquery.min.js"></script> <script src="./scripts/jquery.min.js"></script>
<script type="text/javascript" src="./scripts/draggabilly.js"></script> <script src="./scripts/draggabilly.js"></script>
<script type="text/javascript" src="./scripts/StartAudioContext.js"></script> <script src="./scripts/StartAudioContext.js"></script>
<script type="text/javascript" src="./scripts/Interface.js"></script> <script src="./scripts/Interface.js"></script>
<script type="text/javascript" src="https://tonejs.github.io/Logo/build/Logo.js"></script> <script src="https://tonejs.github.io/Logo/build/Logo.js"></script>
<script type="text/javascript" src="./scripts/Keyboard.js"></script> <script src="./scripts/Keyboard.js"></script>
<link rel="stylesheet" type="text/css" href="./style/examples.css"> <link rel="stylesheet" type="text/css" href="./style/examples.css">
<script type="text/javascript"> <script>
// jshint ignore: start // jshint ignore: start
</script> </script>
@ -36,7 +36,7 @@
<div id="Keyboard"></div> <div id="Keyboard"></div>
</div> </div>
<script type="text/javascript"> <script>
var synth = new Tone.MonoSynth({ var synth = new Tone.MonoSynth({
"portamento" : 0.01, "portamento" : 0.01,
@ -61,7 +61,7 @@
</script> </script>
<script id="GUI" type="text/javascript"> <script id="GUI">
$(function(){ $(function(){
var keyboard = Interface.Keyboard(); var keyboard = Interface.Keyboard();
@ -79,4 +79,4 @@
</style> </style>
</body> </body>
</html> </html>

20
examples/noises.html
View file

@ -7,16 +7,16 @@
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"> <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"> <link rel="icon" type="image/png" sizes="174x174" href="./style/favicon.png">
<script type="text/javascript" src="../build/Tone.js"></script> <script src="../build/Tone.js"></script>
<script type="text/javascript" src="./scripts/jquery.min.js"></script> <script src="./scripts/jquery.min.js"></script>
<script type="text/javascript" src="./scripts/draggabilly.js"></script> <script src="./scripts/draggabilly.js"></script>
<script type="text/javascript" src="./scripts/StartAudioContext.js"></script> <script src="./scripts/StartAudioContext.js"></script>
<script type="text/javascript" src="./scripts/Interface.js"></script> <script src="./scripts/Interface.js"></script>
<script type="text/javascript" src="https://tonejs.github.io/Logo/build/Logo.js"></script> <script src="https://tonejs.github.io/Logo/build/Logo.js"></script>
<link rel="stylesheet" type="text/css" href="./style/examples.css"> <link rel="stylesheet" type="text/css" href="./style/examples.css">
<script type="text/javascript"> <script>
// jshint ignore: start // jshint ignore: start
</script> </script>
@ -35,7 +35,7 @@
</div> </div>
<div id="DragContainer"></div> <div id="DragContainer"></div>
</div> </div>
<script id="ToneCode" type="text/javascript"> <script id="ToneCode">
//make the noise and connect it to the output //make the noise and connect it to the output
var noise = new Tone.Noise({ var noise = new Tone.Noise({
"volume" : -20, "volume" : -20,
@ -43,7 +43,7 @@
}).toMaster(); }).toMaster();
</script> </script>
<script id="GUI" type="text/javascript"> <script id="GUI">
$(function(){ $(function(){
Interface.Dragger({ Interface.Dragger({
@ -69,4 +69,4 @@
}) })
</script> </script>
</body> </body>
</html> </html>

20
examples/oscillator.html
View file

@ -7,16 +7,16 @@
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"> <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"> <link rel="icon" type="image/png" sizes="174x174" href="./style/favicon.png">
<script type="text/javascript" src="../build/Tone.js"></script> <script src="../build/Tone.js"></script>
<script type="text/javascript" src="./scripts/jquery.min.js"></script> <script src="./scripts/jquery.min.js"></script>
<script type="text/javascript" src="./scripts/draggabilly.js"></script> <script src="./scripts/draggabilly.js"></script>
<script type="text/javascript" src="./scripts/StartAudioContext.js"></script> <script src="./scripts/StartAudioContext.js"></script>
<script type="text/javascript" src="./scripts/Interface.js"></script> <script src="./scripts/Interface.js"></script>
<script type="text/javascript" src="https://tonejs.github.io/Logo/build/Logo.js"></script> <script src="https://tonejs.github.io/Logo/build/Logo.js"></script>
<link rel="stylesheet" type="text/css" href="./style/examples.css"> <link rel="stylesheet" type="text/css" href="./style/examples.css">
<script type="text/javascript"> <script>
// jshint ignore: start // jshint ignore: start
</script> </script>
@ -31,13 +31,13 @@
</div> </div>
<div id="DragContainer"></div> <div id="DragContainer"></div>
</div> </div>
<script id="ToneCode" type="text/javascript"> <script id="ToneCode">
var osc = new Tone.Oscillator({ var osc = new Tone.Oscillator({
"frequency" : 440, "frequency" : 440,
"volume" : -10 "volume" : -10
}).toMaster(); }).toMaster();
</script> </script>
<script id="GUI" type="text/javascript"> <script id="GUI">
$(function(){ $(function(){
Interface.Dragger({ Interface.Dragger({
@ -67,4 +67,4 @@
</script> </script>
</body> </body>
</html> </html>

20
examples/pianoPhase.html
View file

@ -7,16 +7,16 @@
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"> <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"> <link rel="icon" type="image/png" sizes="174x174" href="./style/favicon.png">
<script type="text/javascript" src="../build/Tone.js"></script> <script src="../build/Tone.js"></script>
<script type="text/javascript" src="./scripts/jquery.min.js"></script> <script src="./scripts/jquery.min.js"></script>
<script type="text/javascript" src="./scripts/draggabilly.js"></script> <script src="./scripts/draggabilly.js"></script>
<script type="text/javascript" src="https://tonejs.github.io/Logo/build/Logo.js"></script> <script src="https://tonejs.github.io/Logo/build/Logo.js"></script>
<script type="text/javascript" src="./scripts/StartAudioContext.js"></script> <script src="./scripts/StartAudioContext.js"></script>
<script type="text/javascript" src="./scripts/Interface.js"></script> <script src="./scripts/Interface.js"></script>
<link rel="stylesheet" type="text/css" href="./style/examples.css"> <link rel="stylesheet" type="text/css" href="./style/examples.css">
<script type="text/javascript"> <script>
// jshint ignore: start // jshint ignore: start
</script> </script>
@ -48,7 +48,7 @@
<canvas id="Right"></canvas> <canvas id="Right"></canvas>
</div> </div>
<script type="text/javascript"> <script>
//set the bpm and time signature first //set the bpm and time signature first
Tone.Transport.timeSignature = [6, 4]; Tone.Transport.timeSignature = [6, 4];
Tone.Transport.bpm.value = 180; Tone.Transport.bpm.value = 180;
@ -101,7 +101,7 @@
</script> </script>
<script id="GUI" type="text/javascript"> <script id="GUI">
$(function(){ $(function(){
Interface.Button({ Interface.Button({
@ -177,4 +177,4 @@
</style> </style>
</body> </body>
</html> </html>

20
examples/pingPongDelay.html
View file

@ -7,16 +7,16 @@
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"> <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"> <link rel="icon" type="image/png" sizes="174x174" href="./style/favicon.png">
<script type="text/javascript" src="../build/Tone.js"></script> <script src="../build/Tone.js"></script>
<script type="text/javascript" src="./scripts/jquery.min.js"></script> <script src="./scripts/jquery.min.js"></script>
<script type="text/javascript" src="./scripts/draggabilly.js"></script> <script src="./scripts/draggabilly.js"></script>
<script type="text/javascript" src="./scripts/StartAudioContext.js"></script> <script src="./scripts/StartAudioContext.js"></script>
<script type="text/javascript" src="./scripts/Interface.js"></script> <script src="./scripts/Interface.js"></script>
<script type="text/javascript" src="https://tonejs.github.io/Logo/build/Logo.js"></script> <script src="https://tonejs.github.io/Logo/build/Logo.js"></script>
<link rel="stylesheet" type="text/css" href="./style/examples.css"> <link rel="stylesheet" type="text/css" href="./style/examples.css">
<script type="text/javascript"> <script>
// jshint ignore: start // jshint ignore: start
</script> </script>
</head> </head>
@ -36,7 +36,7 @@
<a href="https://tonejs.github.io/docs/#PingPongDelay">Tone.PingPongDelay</a> docs. <a href="https://tonejs.github.io/docs/#PingPongDelay">Tone.PingPongDelay</a> docs.
</div> </div>
</div> </div>
<script type="text/javascript"> <script>
//the feedback delay //the feedback delay
var feedbackDelay = new Tone.PingPongDelay({ var feedbackDelay = new Tone.PingPongDelay({
"delayTime" : "8n", "delayTime" : "8n",
@ -47,7 +47,7 @@
//play a snare sound through it //play a snare sound through it
var player = new Tone.Player("./audio/505/snare.mp3").connect(feedbackDelay); var player = new Tone.Player("./audio/505/snare.mp3").connect(feedbackDelay);
</script> </script>
<script type="text/javascript"> <script>
$(function(){ $(function(){
Interface.Loader(); Interface.Loader();
@ -61,4 +61,4 @@
}); });
</script> </script>
</body> </body>
</html> </html>

20
examples/player.html
View file

@ -7,16 +7,16 @@
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"> <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"> <link rel="icon" type="image/png" sizes="174x174" href="./style/favicon.png">
<script type="text/javascript" src="../build/Tone.js"></script> <script src="../build/Tone.js"></script>
<script type="text/javascript" src="./scripts/jquery.min.js"></script> <script src="./scripts/jquery.min.js"></script>
<script type="text/javascript" src="./scripts/draggabilly.js"></script> <script src="./scripts/draggabilly.js"></script>
<script type="text/javascript" src="./scripts/StartAudioContext.js"></script> <script src="./scripts/StartAudioContext.js"></script>
<script type="text/javascript" src="./scripts/Interface.js"></script> <script src="./scripts/Interface.js"></script>
<script type="text/javascript" src="https://tonejs.github.io/Logo/build/Logo.js"></script> <script src="https://tonejs.github.io/Logo/build/Logo.js"></script>
<link rel="stylesheet" type="text/css" href="./style/examples.css"> <link rel="stylesheet" type="text/css" href="./style/examples.css">
<script type="text/javascript"> <script>
// jshint ignore: start // jshint ignore: start
</script> </script>
@ -29,7 +29,7 @@
using <a href="https://tonejs.github.io/docs/#Player">Tone.Player</a>. using <a href="https://tonejs.github.io/docs/#Player">Tone.Player</a>.
</div> </div>
</div> </div>
<script type="text/javascript"> <script>
//the player //the player
var player = new Tone.Player({ var player = new Tone.Player({
@ -38,7 +38,7 @@
}).toMaster(); }).toMaster();
</script> </script>
<script id="GUI" type="text/javascript"> <script id="GUI">
$(function(){ $(function(){
Interface.Loader(); Interface.Loader();
@ -57,4 +57,4 @@
}); });
</script> </script>
</body> </body>
</html> </html>

22
examples/polySynth.html
View file

@ -7,17 +7,17 @@
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"> <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"> <link rel="icon" type="image/png" sizes="174x174" href="./style/favicon.png">
<script type="text/javascript" src="../build/Tone.js"></script> <script src="../build/Tone.js"></script>
<script type="text/javascript" src="./scripts/jquery.min.js"></script> <script src="./scripts/jquery.min.js"></script>
<script type="text/javascript" src="./scripts/draggabilly.js"></script> <script src="./scripts/draggabilly.js"></script>
<script type="text/javascript" src="./scripts/StartAudioContext.js"></script> <script src="./scripts/StartAudioContext.js"></script>
<script type="text/javascript" src="./scripts/Interface.js"></script> <script src="./scripts/Interface.js"></script>
<script type="text/javascript" src="https://tonejs.github.io/Logo/build/Logo.js"></script> <script src="https://tonejs.github.io/Logo/build/Logo.js"></script>
<script type="text/javascript" src="./scripts/Keyboard.js"></script> <script src="./scripts/Keyboard.js"></script>
<link rel="stylesheet" type="text/css" href="./style/examples.css"> <link rel="stylesheet" type="text/css" href="./style/examples.css">
<script type="text/javascript"> <script>
// jshint ignore: start // jshint ignore: start
</script> </script>
@ -39,7 +39,7 @@
<div id="Keyboard"></div> <div id="Keyboard"></div>
</div> </div>
<script type="text/javascript"> <script>
var synth = new Tone.PolySynth(6, Tone.Synth, { var synth = new Tone.PolySynth(6, Tone.Synth, {
"oscillator" : { "oscillator" : {
@ -49,7 +49,7 @@
</script> </script>
<script id="GUI" type="text/javascript"> <script id="GUI">
$(function(){ $(function(){
var keyboard = Interface.Keyboard(); var keyboard = Interface.Keyboard();
@ -67,4 +67,4 @@
</style> </style>
</body> </body>
</html> </html>

20
examples/quantization.html
View file

@ -7,16 +7,16 @@
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"> <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"> <link rel="icon" type="image/png" sizes="174x174" href="./style/favicon.png">
<script type="text/javascript" src="../build/Tone.js"></script> <script src="../build/Tone.js"></script>
<script type="text/javascript" src="./scripts/jquery.min.js"></script> <script src="./scripts/jquery.min.js"></script>
<script type="text/javascript" src="./scripts/draggabilly.js"></script> <script src="./scripts/draggabilly.js"></script>
<script type="text/javascript" src="https://tonejs.github.io/Logo/build/Logo.js"></script> <script src="https://tonejs.github.io/Logo/build/Logo.js"></script>
<script type="text/javascript" src="./scripts/StartAudioContext.js"></script> <script src="./scripts/StartAudioContext.js"></script>
<script type="text/javascript" src="./scripts/Interface.js"></script> <script src="./scripts/Interface.js"></script>
<link rel="stylesheet" type="text/css" href="./style/examples.css"> <link rel="stylesheet" type="text/css" href="./style/examples.css">
<script type="text/javascript"> <script>
// jshint ignore: start // jshint ignore: start
</script> </script>
</head> </head>
@ -36,13 +36,13 @@
(aligned to a subdivision). In this example, a note's start time is aligned to the given subdivision. (aligned to a subdivision). In this example, a note's start time is aligned to the given subdivision.
</div> </div>
</div> </div>
<script id="JSCode" type="text/javascript"> <script id="JSCode">
var polySynth = new Tone.PolySynth(4, Tone.Synth).toMaster(); var polySynth = new Tone.PolySynth(4, Tone.Synth).toMaster();
Tone.Transport.start(); Tone.Transport.start();
</script> </script>
<script id="gui" type="text/javascript"> <script id="gui">
$(function(){ $(function(){
@ -84,4 +84,4 @@
</script> </script>
</body> </body>
</html> </html>

22
examples/rampTo.html
View file

@ -7,17 +7,17 @@
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"> <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"> <link rel="icon" type="image/png" sizes="174x174" href="./style/favicon.png">
<script type="text/javascript" src="../build/Tone.js"></script> <script src="../build/Tone.js"></script>
<script type="text/javascript" src="./scripts/jquery.min.js"></script> <script src="./scripts/jquery.min.js"></script>
<script type="text/javascript" src="./scripts/draggabilly.js"></script> <script src="./scripts/draggabilly.js"></script>
<script type="text/javascript" src="https://tonejs.github.io/Logo/build/Logo.js"></script> <script src="https://tonejs.github.io/Logo/build/Logo.js"></script>
<script type="text/javascript" src="./scripts/StartAudioContext.js"></script> <script src="./scripts/StartAudioContext.js"></script>
<script type="text/javascript" src="./scripts/Interface.js"></script> <script src="./scripts/Interface.js"></script>
<script type="text/javascript" src="./scripts/nexusUI.js"></script> <script src="./scripts/nexusUI.js"></script>
<link rel="stylesheet" type="text/css" href="./style/examples.css"> <link rel="stylesheet" type="text/css" href="./style/examples.css">
<script type="text/javascript"> <script>
// jshint ignore: start // jshint ignore: start
</script> </script>
@ -46,7 +46,7 @@
<canvas nx="joints"></canvas> <canvas nx="joints"></canvas>
</div> </div>
<script type="text/javascript"> <script>
Tone.Master.volume.value = -Infinity; Tone.Master.volume.value = -Infinity;
@ -66,7 +66,7 @@
</script> </script>
<script type="text/javascript"> <script>
nx.onload = function(){ nx.onload = function(){
nx.colorize("#7F33ED"); nx.colorize("#7F33ED");
@ -133,4 +133,4 @@
</script> </script>
</body> </body>
</html> </html>

12
examples/require.html
View file

@ -4,11 +4,11 @@
<meta charset="utf-8"> <meta charset="utf-8">
<title>MODULE LOADERS</title> <title>MODULE LOADERS</title>
<script type="text/javascript" src="./scripts/StartAudioContext.js"></script> <script src="./scripts/StartAudioContext.js"></script>
<script type="text/javascript" src="./scripts/require.js"></script> <script src="./scripts/require.js"></script>
<script type="text/javascript" src="./scripts/jquery.min.js"></script> <script src="./scripts/jquery.min.js"></script>
<script type="text/javascript" src="./scripts/Interface.js"></script> <script src="./scripts/Interface.js"></script>
<link rel="stylesheet" type="text/css" href="./style/examples.css"> <link rel="stylesheet" type="text/css" href="./style/examples.css">
@ -28,7 +28,7 @@
Take a look at the source to see how. Take a look at the source to see how.
</div> </div>
</div> </div>
<script type="text/javascript"> <script>
require.config({ require.config({
baseUrl : "./", baseUrl : "./",
@ -46,4 +46,4 @@
}); });
</script> </script>
</body> </body>
</html> </html>

22
examples/shiny.html
View file

@ -7,17 +7,17 @@
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"> <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"> <link rel="icon" type="image/png" sizes="174x174" href="./style/favicon.png">
<script type="text/javascript" src="../build/Tone.js"></script> <script src="../build/Tone.js"></script>
<script type="text/javascript" src="./scripts/jquery.min.js"></script> <script src="./scripts/jquery.min.js"></script>
<script type="text/javascript" src="./scripts/draggabilly.js"></script> <script src="./scripts/draggabilly.js"></script>
<script type="text/javascript" src="./scripts/StartAudioContext.js"></script> <script src="./scripts/StartAudioContext.js"></script>
<script type="text/javascript" src="./scripts/Interface.js"></script> <script src="./scripts/Interface.js"></script>
<script type="text/javascript" src="https://tonejs.github.io/Logo/build/Logo.js"></script> <script src="https://tonejs.github.io/Logo/build/Logo.js"></script>
<script type="text/javascript" src="./scripts/nexusUI.js"></script> <script src="./scripts/nexusUI.js"></script>
<link rel="stylesheet" type="text/css" href="./style/examples.css"> <link rel="stylesheet" type="text/css" href="./style/examples.css">
<script type="text/javascript"> <script>
// jshint ignore: start // jshint ignore: start
</script> </script>
@ -30,7 +30,7 @@
</div> </div>
</div> </div>
<script type="text/javascript"> <script>
//DRUMS// //DRUMS//
@ -211,7 +211,7 @@
Tone.Transport.bpm.value = 125; Tone.Transport.bpm.value = 125;
</script> </script>
<script type="text/javascript"> <script>
$(function(){ $(function(){
@ -259,4 +259,4 @@
}); });
</script> </script>
</body> </body>
</html> </html>

20
examples/signal.html
View file

@ -7,16 +7,16 @@
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"> <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"> <link rel="icon" type="image/png" sizes="174x174" href="./style/favicon.png">
<script type="text/javascript" src="../build/Tone.js"></script> <script src="../build/Tone.js"></script>
<script type="text/javascript" src="./scripts/jquery.min.js"></script> <script src="./scripts/jquery.min.js"></script>
<script type="text/javascript" src="./scripts/draggabilly.js"></script> <script src="./scripts/draggabilly.js"></script>
<script type="text/javascript" src="https://tonejs.github.io/Logo/build/Logo.js"></script> <script src="https://tonejs.github.io/Logo/build/Logo.js"></script>
<script type="text/javascript" src="./scripts/StartAudioContext.js"></script> <script src="./scripts/StartAudioContext.js"></script>
<script type="text/javascript" src="./scripts/Interface.js"></script> <script src="./scripts/Interface.js"></script>
<link rel="stylesheet" type="text/css" href="./style/examples.css"> <link rel="stylesheet" type="text/css" href="./style/examples.css">
<script type="text/javascript"> <script>
// jshint ignore: start // jshint ignore: start
</script> </script>
@ -38,7 +38,7 @@
and a <a href="https://tonejs.github.io/docs/#LFO">Tone.LFO</a>. and a <a href="https://tonejs.github.io/docs/#LFO">Tone.LFO</a>.
</div> </div>
</div> </div>
<script type="text/javascript"> <script>
//initially muted //initially muted
Tone.Master.mute = true; Tone.Master.mute = true;
@ -84,7 +84,7 @@
</script> </script>
<script id="GUI" type="text/javascript"> <script id="GUI">
$(function(){ $(function(){
/*Notone.config({ /*Notone.config({
@ -124,4 +124,4 @@
</script> </script>
</body> </body>
</html> </html>

22
examples/simpleSynth.html
View file

@ -7,17 +7,17 @@
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"> <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"> <link rel="icon" type="image/png" sizes="174x174" href="./style/favicon.png">
<script type="text/javascript" src="../build/Tone.js"></script> <script src="../build/Tone.js"></script>
<script type="text/javascript" src="./scripts/jquery.min.js"></script> <script src="./scripts/jquery.min.js"></script>
<script type="text/javascript" src="./scripts/draggabilly.js"></script> <script src="./scripts/draggabilly.js"></script>
<script type="text/javascript" src="./scripts/StartAudioContext.js"></script> <script src="./scripts/StartAudioContext.js"></script>
<script type="text/javascript" src="./scripts/Interface.js"></script> <script src="./scripts/Interface.js"></script>
<script type="text/javascript" src="https://tonejs.github.io/Logo/build/Logo.js"></script> <script src="https://tonejs.github.io/Logo/build/Logo.js"></script>
<script type="text/javascript" src="./scripts/Keyboard.js"></script> <script src="./scripts/Keyboard.js"></script>
<link rel="stylesheet" type="text/css" href="./style/examples.css"> <link rel="stylesheet" type="text/css" href="./style/examples.css">
<script type="text/javascript"> <script>
// jshint ignore: start // jshint ignore: start
</script> </script>
@ -48,7 +48,7 @@
<div id="Keyboard"></div> <div id="Keyboard"></div>
</div> </div>
<script type="text/javascript"> <script>
var synth = new Tone.Synth({ var synth = new Tone.Synth({
"oscillator" : { "oscillator" : {
@ -64,7 +64,7 @@
</script> </script>
<script id="GUI" type="text/javascript"> <script id="GUI">
$(function(){ $(function(){
var keyboard = Interface.Keyboard(); var keyboard = Interface.Keyboard();
@ -82,4 +82,4 @@
</style> </style>
</body> </body>
</html> </html>

26
examples/spatialPanner.html
View file

@ -7,19 +7,19 @@
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"> <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"> <link rel="icon" type="image/png" sizes="174x174" href="./style/favicon.png">
<script type="text/javascript" src="../build/Tone.js"></script> <script src="../build/Tone.js"></script>
<script type="text/javascript" src="./scripts/three.min.js"></script> <script src="./scripts/three.min.js"></script>
<script type="text/javascript" src="./scripts/OrbitControls.js"></script> <script src="./scripts/OrbitControls.js"></script>
<script type="text/javascript" src="./scripts/THREE.Tone.js"></script> <script src="./scripts/THREE.Tone.js"></script>
<script type="text/javascript" src="./scripts/jquery.min.js"></script> <script src="./scripts/jquery.min.js"></script>
<script type="text/javascript" src="./scripts/draggabilly.js"></script> <script src="./scripts/draggabilly.js"></script>
<script type="text/javascript" src="https://tonejs.github.io/Logo/build/Logo.js"></script> <script src="https://tonejs.github.io/Logo/build/Logo.js"></script>
<script type="text/javascript" src="./scripts/StartAudioContext.js"></script> <script src="./scripts/StartAudioContext.js"></script>
<script type="text/javascript" src="./scripts/Interface.js"></script> <script src="./scripts/Interface.js"></script>
<link rel="stylesheet" type="text/css" href="./style/examples.css"> <link rel="stylesheet" type="text/css" href="./style/examples.css">
<script type="text/javascript"> <script>
// jshint ignore: start // jshint ignore: start
</script> </script>
@ -40,7 +40,7 @@
<div id="three"></div> <div id="three"></div>
</div> </div>
<script type="text/javascript"> <script>
var greenSphere = new Tone.Panner3D().toMaster(); var greenSphere = new Tone.Panner3D().toMaster();
var drone = new Tone.Player({ var drone = new Tone.Player({
@ -62,7 +62,7 @@
</script> </script>
<script id="GUI" type="text/javascript"> <script id="GUI">
$(function(){ $(function(){
Interface.Loader() Interface.Loader()
@ -156,4 +156,4 @@
</style> </style>
</body> </body>
</html> </html>

22
examples/stepSequencer.html
View file

@ -7,17 +7,17 @@
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"> <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"> <link rel="icon" type="image/png" sizes="174x174" href="./style/favicon.png">
<script type="text/javascript" src="../build/Tone.js"></script> <script src="../build/Tone.js"></script>
<script type="text/javascript" src="./scripts/jquery.min.js"></script> <script src="./scripts/jquery.min.js"></script>
<script type="text/javascript" src="./scripts/draggabilly.js"></script> <script src="./scripts/draggabilly.js"></script>
<script type="text/javascript" src="https://tonejs.github.io/Logo/build/Logo.js"></script> <script src="https://tonejs.github.io/Logo/build/Logo.js"></script>
<script type="text/javascript" src="./scripts/StartAudioContext.js"></script> <script src="./scripts/StartAudioContext.js"></script>
<script type="text/javascript" src="./scripts/Interface.js"></script> <script src="./scripts/Interface.js"></script>
<script type="text/javascript" src="./scripts/nexusUI.js"></script> <script src="./scripts/nexusUI.js"></script>
<link rel="stylesheet" type="text/css" href="./style/examples.css"> <link rel="stylesheet" type="text/css" href="./style/examples.css">
<script type="text/javascript"> <script>
// jshint ignore: start // jshint ignore: start
</script> </script>
@ -36,7 +36,7 @@
</div> </div>
<canvas nx="matrix"></canvas> <canvas nx="matrix"></canvas>
</div> </div>
<script type="text/javascript"> <script>
//setup a polyphonic sampler //setup a polyphonic sampler
var keys = new Tone.MultiPlayer({ var keys = new Tone.MultiPlayer({
urls : { urls : {
@ -66,7 +66,7 @@
Tone.Transport.start(); Tone.Transport.start();
</script> </script>
<script type="text/javascript"> <script>
nx.onload = function(){ nx.onload = function(){
nx.colorize("#f5871f"); nx.colorize("#f5871f");
@ -110,4 +110,4 @@
}); });
</script> </script>
</body> </body>
</html> </html>