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

updated examples and example deps

Browse source
This commit is contained in:
Yotam Mann 2020-07-17 17:58:09 -07:00
parent 383b6b4436
commit 23f3fac71f
43 changed files with 980 additions and 33776 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
examples/amSynth.html
View file

@ -6,11 +6,11 @@
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<link rel="icon" type="image/png" sizes="174x174" href="./favicon.png"> <link rel="icon" type="image/png" sizes="174x174" href="./favicon.png">
<script src="https://unpkg.com/@webcomponents/webcomponentsjs@^2/webcomponents-bundle.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/webcomponentsjs/2.4.3/webcomponents-bundle.js"></script>
<link href="https://fonts.googleapis.com/css?family=Material+Icons&display=block" rel="stylesheet"/> <link href="https://fonts.googleapis.com/css?family=Material+Icons&display=block" rel="stylesheet"/>
<script src="../build/Tone.js"></script> <script src="../build/Tone.js"></script>
<script src="../../examples/dist/tone-gui.js"></script> <script src="./js/tone-ui.js"></script>
<script src="../../examples/dist/components.js"></script> <script src="./js/components.js"></script>
</head> </head>
<body> <body>
<tone-example label="AMSynth"> <tone-example label="AMSynth">

6
examples/analysis.html
View file

@ -7,11 +7,11 @@
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<link rel="icon" type="image/png" sizes="174x174" href="./favicon.png"> <link rel="icon" type="image/png" sizes="174x174" href="./favicon.png">
<script src="https://unpkg.com/@webcomponents/webcomponentsjs@^2/webcomponents-bundle.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/webcomponentsjs/2.4.3/webcomponents-bundle.js"></script>
<link href="https://fonts.googleapis.com/css?family=Material+Icons&display=block" rel="stylesheet"/> <link href="https://fonts.googleapis.com/css?family=Material+Icons&display=block" rel="stylesheet"/>
<script src="../build/Tone.js"></script> <script src="../build/Tone.js"></script>
<script src="../../examples/dist/tone-gui.js"></script> <script src="./js/tone-ui.js"></script>
<script src="../../examples/dist/components.js"></script> <script src="./js/components.js"></script>
</head> </head>
<body> <body>

6
examples/animationSync.html
View file

@ -7,11 +7,11 @@
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<link rel="icon" type="image/png" sizes="174x174" href="./favicon.png"> <link rel="icon" type="image/png" sizes="174x174" href="./favicon.png">
<script src="https://unpkg.com/@webcomponents/webcomponentsjs@^2/webcomponents-bundle.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/webcomponentsjs/2.4.3/webcomponents-bundle.js"></script>
<link href="https://fonts.googleapis.com/css?family=Material+Icons&display=block" rel="stylesheet"/> <link href="https://fonts.googleapis.com/css?family=Material+Icons&display=block" rel="stylesheet"/>
<script src="../build/Tone.js"></script> <script src="../build/Tone.js"></script>
<script src="../../examples/dist/tone-gui.js"></script> <script src="./js/tone-ui.js"></script>
<script src="../../examples/dist/components.js"></script> <script src="./js/components.js"></script>
</head> </head>
<body> <body>

6
examples/bembe.html
View file

@ -7,11 +7,11 @@
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<link rel="icon" type="image/png" sizes="174x174" href="./favicon.png"> <link rel="icon" type="image/png" sizes="174x174" href="./favicon.png">
<script src="https://unpkg.com/@webcomponents/webcomponentsjs@^2/webcomponents-bundle.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/webcomponentsjs/2.4.3/webcomponents-bundle.js"></script>
<link href="https://fonts.googleapis.com/css?family=Material+Icons&display=block" rel="stylesheet"/> <link href="https://fonts.googleapis.com/css?family=Material+Icons&display=block" rel="stylesheet"/>
<script src="../build/Tone.js"></script> <script src="../build/Tone.js"></script>
<script src="../../examples/dist/tone-gui.js"></script> <script src="./js/tone-ui.js"></script>
<script src="../../examples/dist/components.js"></script> <script src="./js/components.js"></script>
</head> </head>
<body> <body>

6
examples/buses.html
View file

@ -7,11 +7,11 @@
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<link rel="icon" type="image/png" sizes="174x174" href="./favicon.png"> <link rel="icon" type="image/png" sizes="174x174" href="./favicon.png">
<script src="https://unpkg.com/@webcomponents/webcomponentsjs@^2/webcomponents-bundle.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/webcomponentsjs/2.4.3/webcomponents-bundle.js"></script>
<link href="https://fonts.googleapis.com/css?family=Material+Icons&display=block" rel="stylesheet"/> <link href="https://fonts.googleapis.com/css?family=Material+Icons&display=block" rel="stylesheet"/>
<script src="../build/Tone.js"></script> <script src="../build/Tone.js"></script>
<script src="../../examples/dist/tone-gui.js"></script> <script src="./js/tone-ui.js"></script>
<script src="../../examples/dist/components.js"></script> <script src="./js/components.js"></script>
</head> </head>
<body> <body>
<tone-example label="Buses"> <tone-example label="Buses">

6
examples/daw.html
View file

@ -7,11 +7,11 @@
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<link rel="icon" type="image/png" sizes="174x174" href="./favicon.png"> <link rel="icon" type="image/png" sizes="174x174" href="./favicon.png">
<script src="https://unpkg.com/@webcomponents/webcomponentsjs@^2/webcomponents-bundle.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/webcomponentsjs/2.4.3/webcomponents-bundle.js"></script>
<link href="https://fonts.googleapis.com/css?family=Material+Icons&display=block" rel="stylesheet"/> <link href="https://fonts.googleapis.com/css?family=Material+Icons&display=block" rel="stylesheet"/>
<script src="../build/Tone.js"></script> <script src="../build/Tone.js"></script>
<script src="../../examples/dist/tone-gui.js"></script> <script src="./js/tone-ui.js"></script>
<script src="../../examples/dist/components.js"></script> <script src="./js/components.js"></script>
<style type="text/css"> <style type="text/css">
tone-play-toggle { tone-play-toggle {
margin-bottom: 10px; margin-bottom: 10px;

6
examples/envelope.html
View file

@ -7,11 +7,11 @@
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<link rel="icon" type="image/png" sizes="174x174" href="./favicon.png"> <link rel="icon" type="image/png" sizes="174x174" href="./favicon.png">
<script src="https://unpkg.com/@webcomponents/webcomponentsjs@^2/webcomponents-bundle.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/webcomponentsjs/2.4.3/webcomponents-bundle.js"></script>
<link href="https://fonts.googleapis.com/css?family=Material+Icons&display=block" rel="stylesheet"/> <link href="https://fonts.googleapis.com/css?family=Material+Icons&display=block" rel="stylesheet"/>
<script src="../build/Tone.js"></script> <script src="../build/Tone.js"></script>
<script src="../../examples/dist/tone-gui.js"></script> <script src="./js/tone-ui.js"></script>
<script src="../../examples/dist/components.js"></script> <script src="./js/components.js"></script>
</head> </head>
<body> <body>
<style type="text/css"> <style type="text/css">

6
examples/events.html
View file

@ -7,11 +7,11 @@
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<link rel="icon" type="image/png" sizes="174x174" href="./favicon.png"> <link rel="icon" type="image/png" sizes="174x174" href="./favicon.png">
<script src="https://unpkg.com/@webcomponents/webcomponentsjs@^2/webcomponents-bundle.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/webcomponentsjs/2.4.3/webcomponents-bundle.js"></script>
<link href="https://fonts.googleapis.com/css?family=Material+Icons&display=block" rel="stylesheet"/> <link href="https://fonts.googleapis.com/css?family=Material+Icons&display=block" rel="stylesheet"/>
<script src="../build/Tone.js"></script> <script src="../build/Tone.js"></script>
<script src="../../examples/dist/tone-gui.js"></script> <script src="./js/tone-ui.js"></script>
<script src="../../examples/dist/components.js"></script> <script src="./js/components.js"></script>
</head> </head>
<body> <body>
<tone-example label="Events"> <tone-example label="Events">

6
examples/fmSynth.html
View file

@ -7,11 +7,11 @@
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<link rel="icon" type="image/png" sizes="174x174" href="./favicon.png"> <link rel="icon" type="image/png" sizes="174x174" href="./favicon.png">
<script src="https://unpkg.com/@webcomponents/webcomponentsjs@^2/webcomponents-bundle.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/webcomponentsjs/2.4.3/webcomponents-bundle.js"></script>
<link href="https://fonts.googleapis.com/css?family=Material+Icons&display=block" rel="stylesheet"/> <link href="https://fonts.googleapis.com/css?family=Material+Icons&display=block" rel="stylesheet"/>
<script src="../build/Tone.js"></script> <script src="../build/Tone.js"></script>
<script src="../../examples/dist/tone-gui.js"></script> <script src="./js/tone-ui.js"></script>
<script src="../../examples/dist/components.js"></script> <script src="./js/components.js"></script>
</head> </head>
<body> <body>
<tone-example label="FMSynth"> <tone-example label="FMSynth">

6
examples/funkyShape.html
View file

@ -8,11 +8,11 @@
<link rel="icon" type="image/png" sizes="174x174" href="./favicon.png"> <link rel="icon" type="image/png" sizes="174x174" href="./favicon.png">
<script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/1.0.0/p5.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/1.0.0/p5.js"></script>
<script src="https://unpkg.com/@webcomponents/webcomponentsjs@^2/webcomponents-bundle.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/webcomponentsjs/2.4.3/webcomponents-bundle.js"></script>
<link href="https://fonts.googleapis.com/css?family=Material+Icons&display=block" rel="stylesheet"/> <link href="https://fonts.googleapis.com/css?family=Material+Icons&display=block" rel="stylesheet"/>
<script src="../build/Tone.js"></script> <script src="../build/Tone.js"></script>
<script src="../../examples/dist/tone-gui.js"></script> <script src="./js/tone-ui.js"></script>
<script src="../../examples/dist/components.js"></script> <script src="./js/components.js"></script>
</head> </head>
<body> <body>
<tone-example label="Tone with p5.js"> <tone-example label="Tone with p5.js">

6
examples/grainPlayer.html
View file

@ -7,11 +7,11 @@
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<link rel="icon" type="image/png" sizes="174x174" href="./favicon.png"> <link rel="icon" type="image/png" sizes="174x174" href="./favicon.png">
<script src="https://unpkg.com/@webcomponents/webcomponentsjs@^2/webcomponents-bundle.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/webcomponentsjs/2.4.3/webcomponents-bundle.js"></script>
<link href="https://fonts.googleapis.com/css?family=Material+Icons&display=block" rel="stylesheet"/> <link href="https://fonts.googleapis.com/css?family=Material+Icons&display=block" rel="stylesheet"/>
<script src="../build/Tone.js"></script> <script src="../build/Tone.js"></script>
<script src="../../examples/dist/tone-gui.js"></script> <script src="./js/tone-ui.js"></script>
<script src="../../examples/dist/components.js"></script> <script src="./js/components.js"></script>
</head> </head>
<body> <body>
<style type="text/css"> <style type="text/css">

6
examples/index.html
View file

@ -15,11 +15,11 @@
} }
</script> </script>
<script src="https://unpkg.com/@webcomponents/webcomponentsjs@^2/webcomponents-bundle.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/webcomponentsjs/2.4.3/webcomponents-bundle.js"></script>
<link href="https://fonts.googleapis.com/css?family=Material+Icons&display=block" rel="stylesheet"/> <link href="https://fonts.googleapis.com/css?family=Material+Icons&display=block" rel="stylesheet"/>
<script src="../build/Tone.js"></script> <script src="../build/Tone.js"></script>
<script src="../../examples/dist/tone-gui.js"></script> <script src="./js/tone-ui.js"></script>
<script src="../../examples/dist/components.js"></script> <script src="./js/components.js"></script>
</head> </head>
<body> <body>
<tone-example label="Examples" open> <tone-example label="Examples" open>

1016
examples/js/OrbitControls.js
View file

File diff suppressed because it is too large Load diff

51
examples/js/THREE.Tone.js
View file

@ -1,51 +0,0 @@
/**
* Update the position of this panner based on
* a THREE.Object3D that is passed in.
* Adapted from https://github.com/mrdoob/three.js/blob/dev/src/audio/PositionalAudio.js
* @param {THREE.Object3D} object
* @return {Tone.Panner3D} this
*/
Tone.Panner3D.prototype.updatePosition = (function(){
if (!THREE){
throw new Error("this method requires THREE.js");
}
var position = new THREE.Vector3();
return function(object){
position.setFromMatrixPosition(object.matrixWorld);
this.setPosition(position.x, position.y, position.z);
};
}());
/**
* Update the listener's position and orientation based on
* a THREE.Object3D that is passed in.
* Adapted from https://github.com/mrdoob/three.js/blob/dev/src/audio/PositionalAudio.js
* @param {THREE.Object3D} object
* @return {Tone.Panner3D} this
*/
Tone.Listener.constructor.prototype.updatePosition = (function(){
if (!THREE){
throw new Error("this method requires THREE.js");
}
var position = new THREE.Vector3();
var quaternion = new THREE.Quaternion();
var scale = new THREE.Vector3();
var orientation = new THREE.Vector3();
return function(object){
var up = object.up;
object.matrixWorld.decompose( position, quaternion, scale);
orientation.set(0, 0, -1).applyQuaternion( quaternion);
this.setPosition(position.x, position.y, position.z);
this.setOrientation(orientation.x, orientation.y, orientation.z, up.x, up.y, up.z);
};
}());

78
examples/js/WebGLDetector.js
View file

@ -1,78 +0,0 @@
/**
* @author alteredq / http://alteredqualia.com/
* @author mr.doob / http://mrdoob.com/
*/
var Detector = {
canvas: !! window.CanvasRenderingContext2D,
webgl: ( function () {
try {
var canvas = document.createElement( 'canvas' ); return !! ( window.WebGLRenderingContext && ( canvas.getContext( 'webgl' ) || canvas.getContext( 'experimental-webgl' ) ) );
} catch ( e ) {
return false;
}
} )(),
workers: !! window.Worker,
fileapi: window.File && window.FileReader && window.FileList && window.Blob,
getWebGLErrorMessage: function () {
var element = document.createElement( 'div' );
element.id = 'webgl-error-message';
element.style.fontFamily = 'monospace';
element.style.fontSize = '13px';
element.style.fontWeight = 'normal';
element.style.textAlign = 'center';
element.style.background = '#fff';
element.style.color = '#000';
element.style.padding = '1.5em';
element.style.width = '400px';
element.style.margin = '5em auto 0';
if ( ! this.webgl ) {
element.innerHTML = window.WebGLRenderingContext ? [
'Your graphics card does not seem to support <a href="http://khronos.org/webgl/wiki/Getting_a_WebGL_Implementation" style="color:#000">WebGL</a>.<br />',
'Find out how to get it <a href="http://get.webgl.org/" style="color:#000">here</a>.'
].join( '\n' ) : [
'Your browser does not seem to support <a href="http://khronos.org/webgl/wiki/Getting_a_WebGL_Implementation" style="color:#000">WebGL</a>.<br/>',
'Find out how to get it <a href="http://get.webgl.org/" style="color:#000">here</a>.'
].join( '\n' );
}
return element;
},
addGetWebGLMessage: function ( parameters ) {
var parent, id, element;
parameters = parameters || {};
parent = parameters.parent !== undefined ? parameters.parent : document.body;
id = parameters.id !== undefined ? parameters.id : 'oldie';
element = Detector.getWebGLErrorMessage();
element.id = id;
parent.appendChild( element );
}
};
// browserify support
if ( typeof module === 'object' ) {
module.exports = Detector;
}

408
examples/js/components.js
View file

File diff suppressed because one or more lines are too long

28206
examples/js/p5.js
View file

File diff suppressed because it is too large Load diff

831
examples/js/three.min.js vendored
View file

File diff suppressed because one or more lines are too long

677
examples/js/tone-gui.js → examples/js/tone-ui.js
View file

File diff suppressed because one or more lines are too long

3279
examples/js/tonejs-ui.js
View file

File diff suppressed because one or more lines are too long

6
examples/jump.html
View file

@ -7,11 +7,11 @@
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<link rel="icon" type="image/png" sizes="174x174" href="./favicon.png"> <link rel="icon" type="image/png" sizes="174x174" href="./favicon.png">
<script src="https://unpkg.com/@webcomponents/webcomponentsjs@^2/webcomponents-bundle.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/webcomponentsjs/2.4.3/webcomponents-bundle.js"></script>
<link href="https://fonts.googleapis.com/css?family=Material+Icons&display=block" rel="stylesheet"/> <link href="https://fonts.googleapis.com/css?family=Material+Icons&display=block" rel="stylesheet"/>
<script src="../build/Tone.js"></script> <script src="../build/Tone.js"></script>
<script src="../../examples/dist/tone-gui.js"></script> <script src="./js/tone-ui.js"></script>
<script src="../../examples/dist/components.js"></script> <script src="./js/components.js"></script>
</head> </head>
<body> <body>
<style type="text/css"> <style type="text/css">

6
examples/lfoEffects.html
View file

@ -7,11 +7,11 @@
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<link rel="icon" type="image/png" sizes="174x174" href="./favicon.png"> <link rel="icon" type="image/png" sizes="174x174" href="./favicon.png">
<script src="https://unpkg.com/@webcomponents/webcomponentsjs@^2/webcomponents-bundle.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/webcomponentsjs/2.4.3/webcomponents-bundle.js"></script>
<link href="https://fonts.googleapis.com/css?family=Material+Icons&display=block" rel="stylesheet"/> <link href="https://fonts.googleapis.com/css?family=Material+Icons&display=block" rel="stylesheet"/>
<script src="../build/Tone.js"></script> <script src="../build/Tone.js"></script>
<script src="../../examples/dist/tone-gui.js"></script> <script src="./js/tone-ui.js"></script>
<script src="../../examples/dist/components.js"></script> <script src="./js/components.js"></script>
</head> </head>
<body> <body>
<tone-example label="LFO Effects"> <tone-example label="LFO Effects">

6
examples/meter.html
View file

@ -7,11 +7,11 @@
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<link rel="icon" type="image/png" sizes="174x174" href="./favicon.png"> <link rel="icon" type="image/png" sizes="174x174" href="./favicon.png">
<script src="https://unpkg.com/@webcomponents/webcomponentsjs@^2/webcomponents-bundle.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/webcomponentsjs/2.4.3/webcomponents-bundle.js"></script>
<link href="https://fonts.googleapis.com/css?family=Material+Icons&display=block" rel="stylesheet"/> <link href="https://fonts.googleapis.com/css?family=Material+Icons&display=block" rel="stylesheet"/>
<script src="../build/Tone.js"></script> <script src="../build/Tone.js"></script>
<script src="../../examples/dist/tone-gui.js"></script> <script src="./js/tone-ui.js"></script>
<script src="../../examples/dist/components.js"></script> <script src="./js/components.js"></script>
</head> </head>
<body> <body>
<tone-example label="Meter"> <tone-example label="Meter">

6
examples/mic.html
View file

@ -7,11 +7,11 @@
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<link rel="icon" type="image/png" sizes="174x174" href="./favicon.png"> <link rel="icon" type="image/png" sizes="174x174" href="./favicon.png">
<script src="https://unpkg.com/@webcomponents/webcomponentsjs@^2/webcomponents-bundle.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/webcomponentsjs/2.4.3/webcomponents-bundle.js"></script>
<link href="https://fonts.googleapis.com/css?family=Material+Icons&display=block" rel="stylesheet"/> <link href="https://fonts.googleapis.com/css?family=Material+Icons&display=block" rel="stylesheet"/>
<script src="../build/Tone.js"></script> <script src="../build/Tone.js"></script>
<script src="../../examples/dist/tone-gui.js"></script> <script src="./js/tone-ui.js"></script>
<script src="../../examples/dist/components.js"></script> <script src="./js/components.js"></script>
</head> </head>
<body> <body>
<style type="text/css"> <style type="text/css">

6
examples/mixer.html
View file

@ -7,11 +7,11 @@
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<link rel="icon" type="image/png" sizes="174x174" href="./favicon.png"> <link rel="icon" type="image/png" sizes="174x174" href="./favicon.png">
<script src="https://unpkg.com/@webcomponents/webcomponentsjs@^2/webcomponents-bundle.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/webcomponentsjs/2.4.3/webcomponents-bundle.js"></script>
<link href="https://fonts.googleapis.com/css?family=Material+Icons&display=block" rel="stylesheet"/> <link href="https://fonts.googleapis.com/css?family=Material+Icons&display=block" rel="stylesheet"/>
<script src="../build/Tone.js"></script> <script src="../build/Tone.js"></script>
<script src="../../examples/dist/tone-gui.js"></script> <script src="./js/tone-ui.js"></script>
<script src="../../examples/dist/components.js"></script> <script src="./js/components.js"></script>
<style type="text/css"> <style type="text/css">
#tracks { #tracks {
display: flex; display: flex;

6
examples/monoSynth.html
View file

@ -7,11 +7,11 @@
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<link rel="icon" type="image/png" sizes="174x174" href="./favicon.png"> <link rel="icon" type="image/png" sizes="174x174" href="./favicon.png">
<script src="https://unpkg.com/@webcomponents/webcomponentsjs@^2/webcomponents-bundle.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/webcomponentsjs/2.4.3/webcomponents-bundle.js"></script>
<link href="https://fonts.googleapis.com/css?family=Material+Icons&display=block" rel="stylesheet"/> <link href="https://fonts.googleapis.com/css?family=Material+Icons&display=block" rel="stylesheet"/>
<script src="../build/Tone.js"></script> <script src="../build/Tone.js"></script>
<script src="../../examples/dist/tone-gui.js"></script> <script src="./js/tone-ui.js"></script>
<script src="../../examples/dist/components.js"></script> <script src="./js/components.js"></script>
</head> </head>
<body> <body>
<style> <style>

6
examples/noises.html
View file

@ -7,11 +7,11 @@
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<link rel="icon" type="image/png" sizes="174x174" href="./favicon.png"> <link rel="icon" type="image/png" sizes="174x174" href="./favicon.png">
<script src="https://unpkg.com/@webcomponents/webcomponentsjs@^2/webcomponents-bundle.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/webcomponentsjs/2.4.3/webcomponents-bundle.js"></script>
<link href="https://fonts.googleapis.com/css?family=Material+Icons&display=block" rel="stylesheet"/> <link href="https://fonts.googleapis.com/css?family=Material+Icons&display=block" rel="stylesheet"/>
<script src="../build/Tone.js"></script> <script src="../build/Tone.js"></script>
<script src="../../examples/dist/tone-gui.js"></script> <script src="./js/tone-ui.js"></script>
<script src="../../examples/dist/components.js"></script> <script src="./js/components.js"></script>
</head> </head>
<body> <body>
<style> <style>

6
examples/offline.html
View file

@ -7,11 +7,11 @@
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<link rel="icon" type="image/png" sizes="174x174" href="./favicon.png"> <link rel="icon" type="image/png" sizes="174x174" href="./favicon.png">
<script src="https://unpkg.com/@webcomponents/webcomponentsjs@^2/webcomponents-bundle.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/webcomponentsjs/2.4.3/webcomponents-bundle.js"></script>
<link href="https://fonts.googleapis.com/css?family=Material+Icons&display=block" rel="stylesheet"/> <link href="https://fonts.googleapis.com/css?family=Material+Icons&display=block" rel="stylesheet"/>
<script src="../build/Tone.js"></script> <script src="../build/Tone.js"></script>
<script src="../../examples/dist/tone-gui.js"></script> <script src="./js/tone-ui.js"></script>
<script src="../../examples/dist/components.js"></script> <script src="./js/components.js"></script>
<style type="text/css"> <style type="text/css">
tone-button { tone-button {
margin-bottom: 10px; margin-bottom: 10px;

6
examples/oscillator.html
View file

@ -7,11 +7,11 @@
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<link rel="icon" type="image/png" sizes="174x174" href="./favicon.png"> <link rel="icon" type="image/png" sizes="174x174" href="./favicon.png">
<script src="https://unpkg.com/@webcomponents/webcomponentsjs@^2/webcomponents-bundle.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/webcomponentsjs/2.4.3/webcomponents-bundle.js"></script>
<link href="https://fonts.googleapis.com/css?family=Material+Icons&display=block" rel="stylesheet"/> <link href="https://fonts.googleapis.com/css?family=Material+Icons&display=block" rel="stylesheet"/>
<script src="../build/Tone.js"></script> <script src="../build/Tone.js"></script>
<script src="../../examples/dist/tone-gui.js"></script> <script src="./js/tone-ui.js"></script>
<script src="../../examples/dist/components.js"></script> <script src="./js/components.js"></script>
<style type="text/css"> <style type="text/css">
tone-play-toggle { tone-play-toggle {
margin-bottom: 10px; margin-bottom: 10px;

6
examples/pianoPhase.html
View file

@ -7,11 +7,11 @@
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<link rel="icon" type="image/png" sizes="174x174" href="./favicon.png"> <link rel="icon" type="image/png" sizes="174x174" href="./favicon.png">
<script src="https://unpkg.com/@webcomponents/webcomponentsjs@^2/webcomponents-bundle.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/webcomponentsjs/2.4.3/webcomponents-bundle.js"></script>
<link href="https://fonts.googleapis.com/css?family=Material+Icons&display=block" rel="stylesheet"/> <link href="https://fonts.googleapis.com/css?family=Material+Icons&display=block" rel="stylesheet"/>
<script src="../build/Tone.js"></script> <script src="../build/Tone.js"></script>
<script src="../../examples/dist/tone-gui.js"></script> <script src="./js/tone-ui.js"></script>
<script src="../../examples/dist/components.js"></script> <script src="./js/components.js"></script>
</head> </head>
<body> <body>
<style type="text/css"> <style type="text/css">

6
examples/pingPongDelay.html
View file

@ -7,11 +7,11 @@
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<link rel="icon" type="image/png" sizes="174x174" href="./favicon.png"> <link rel="icon" type="image/png" sizes="174x174" href="./favicon.png">
<script src="https://unpkg.com/@webcomponents/webcomponentsjs@^2/webcomponents-bundle.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/webcomponentsjs/2.4.3/webcomponents-bundle.js"></script>
<link href="https://fonts.googleapis.com/css?family=Material+Icons&display=block" rel="stylesheet"/> <link href="https://fonts.googleapis.com/css?family=Material+Icons&display=block" rel="stylesheet"/>
<script src="../build/Tone.js"></script> <script src="../build/Tone.js"></script>
<script src="../../examples/dist/tone-gui.js"></script> <script src="./js/tone-ui.js"></script>
<script src="../../examples/dist/components.js"></script> <script src="./js/components.js"></script>
</head> </head>
<body> <body>
<tone-example label="Ping Pong Delay"> <tone-example label="Ping Pong Delay">

6
examples/pitchShift.html
View file

@ -7,11 +7,11 @@
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<link rel="icon" type="image/png" sizes="174x174" href="./favicon.png"> <link rel="icon" type="image/png" sizes="174x174" href="./favicon.png">
<script src="https://unpkg.com/@webcomponents/webcomponentsjs@^2/webcomponents-bundle.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/webcomponentsjs/2.4.3/webcomponents-bundle.js"></script>
<link href="https://fonts.googleapis.com/css?family=Material+Icons&display=block" rel="stylesheet"/> <link href="https://fonts.googleapis.com/css?family=Material+Icons&display=block" rel="stylesheet"/>
<script src="../build/Tone.js"></script> <script src="../build/Tone.js"></script>
<script src="../../examples/dist/tone-gui.js"></script> <script src="./js/tone-ui.js"></script>
<script src="../../examples/dist/components.js"></script> <script src="./js/components.js"></script>
</head> </head>
<body> <body>
<style> <style>

6
examples/player.html
View file

@ -7,11 +7,11 @@
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<link rel="icon" type="image/png" sizes="174x174" href="./favicon.png"> <link rel="icon" type="image/png" sizes="174x174" href="./favicon.png">
<script src="https://unpkg.com/@webcomponents/webcomponentsjs@^2/webcomponents-bundle.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/webcomponentsjs/2.4.3/webcomponents-bundle.js"></script>
<link href="https://fonts.googleapis.com/css?family=Material+Icons&display=block" rel="stylesheet"/> <link href="https://fonts.googleapis.com/css?family=Material+Icons&display=block" rel="stylesheet"/>
<script src="../build/Tone.js"></script> <script src="../build/Tone.js"></script>
<script src="../../examples/dist/tone-gui.js"></script> <script src="./js/tone-ui.js"></script>
<script src="../../examples/dist/components.js"></script> <script src="./js/components.js"></script>
<style type="text/css"> <style type="text/css">
tone-play-toggle { tone-play-toggle {
margin-bottom: 10px; margin-bottom: 10px;

6
examples/polySynth.html
View file

@ -7,11 +7,11 @@
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<link rel="icon" type="image/png" sizes="174x174" href="./favicon.png"> <link rel="icon" type="image/png" sizes="174x174" href="./favicon.png">
<script src="https://unpkg.com/@webcomponents/webcomponentsjs@^2/webcomponents-bundle.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/webcomponentsjs/2.4.3/webcomponents-bundle.js"></script>
<link href="https://fonts.googleapis.com/css?family=Material+Icons&display=block" rel="stylesheet"/> <link href="https://fonts.googleapis.com/css?family=Material+Icons&display=block" rel="stylesheet"/>
<script src="../build/Tone.js"></script> <script src="../build/Tone.js"></script>
<script src="../../examples/dist/tone-gui.js"></script> <script src="./js/tone-ui.js"></script>
<script src="../../examples/dist/components.js"></script> <script src="./js/components.js"></script>
</head> </head>
<body> <body>
<style> <style>

6
examples/quantization.html
View file

@ -7,11 +7,11 @@
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<link rel="icon" type="image/png" sizes="174x174" href="./favicon.png"> <link rel="icon" type="image/png" sizes="174x174" href="./favicon.png">
<script src="https://unpkg.com/@webcomponents/webcomponentsjs@^2/webcomponents-bundle.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/webcomponentsjs/2.4.3/webcomponents-bundle.js"></script>
<link href="https://fonts.googleapis.com/css?family=Material+Icons&display=block" rel="stylesheet"/> <link href="https://fonts.googleapis.com/css?family=Material+Icons&display=block" rel="stylesheet"/>
<script src="../build/Tone.js"></script> <script src="../build/Tone.js"></script>
<script src="../../examples/dist/tone-gui.js"></script> <script src="./js/tone-ui.js"></script>
<script src="../../examples/dist/components.js"></script> <script src="./js/components.js"></script>
</head> </head>
<body> <body>
<style> <style>

6
examples/rampTo.html
View file

@ -7,11 +7,11 @@
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<link rel="icon" type="image/png" sizes="174x174" href="./favicon.png"> <link rel="icon" type="image/png" sizes="174x174" href="./favicon.png">
<script src="https://unpkg.com/@webcomponents/webcomponentsjs@^2/webcomponents-bundle.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/webcomponentsjs/2.4.3/webcomponents-bundle.js"></script>
<link href="https://fonts.googleapis.com/css?family=Material+Icons&display=block" rel="stylesheet"/> <link href="https://fonts.googleapis.com/css?family=Material+Icons&display=block" rel="stylesheet"/>
<script src="../build/Tone.js"></script> <script src="../build/Tone.js"></script>
<script src="../../examples/dist/tone-gui.js"></script> <script src="./js/tone-ui.js"></script>
<script src="../../examples/dist/components.js"></script> <script src="./js/components.js"></script>
</head> </head>
<body> <body>
<style> <style>

6
examples/reverb.html
View file

@ -7,11 +7,11 @@
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<link rel="icon" type="image/png" sizes="174x174" href="./favicon.png"> <link rel="icon" type="image/png" sizes="174x174" href="./favicon.png">
<script src="https://unpkg.com/@webcomponents/webcomponentsjs@^2/webcomponents-bundle.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/webcomponentsjs/2.4.3/webcomponents-bundle.js"></script>
<link href="https://fonts.googleapis.com/css?family=Material+Icons&display=block" rel="stylesheet"/> <link href="https://fonts.googleapis.com/css?family=Material+Icons&display=block" rel="stylesheet"/>
<script src="../build/Tone.js"></script> <script src="../build/Tone.js"></script>
<script src="../../examples/dist/tone-gui.js"></script> <script src="./js/tone-ui.js"></script>
<script src="../../examples/dist/components.js"></script> <script src="./js/components.js"></script>
</head> </head>
<body> <body>
<style> <style>

6
examples/sampler.html
View file

@ -7,11 +7,11 @@
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<link rel="icon" type="image/png" sizes="174x174" href="./favicon.png"> <link rel="icon" type="image/png" sizes="174x174" href="./favicon.png">
<script src="https://unpkg.com/@webcomponents/webcomponentsjs@^2/webcomponents-bundle.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/webcomponentsjs/2.4.3/webcomponents-bundle.js"></script>
<link href="https://fonts.googleapis.com/css?family=Material+Icons&display=block" rel="stylesheet"/> <link href="https://fonts.googleapis.com/css?family=Material+Icons&display=block" rel="stylesheet"/>
<script src="../build/Tone.js"></script> <script src="../build/Tone.js"></script>
<script src="../../examples/dist/tone-gui.js"></script> <script src="./js/tone-ui.js"></script>
<script src="../../examples/dist/components.js"></script> <script src="./js/components.js"></script>
</head> </head>
<body> <body>
<style> <style>

6
examples/shiny.html
View file

@ -7,11 +7,11 @@
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<link rel="icon" type="image/png" sizes="174x174" href="./favicon.png"> <link rel="icon" type="image/png" sizes="174x174" href="./favicon.png">
<script src="https://unpkg.com/@webcomponents/webcomponentsjs@^2/webcomponents-bundle.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/webcomponentsjs/2.4.3/webcomponents-bundle.js"></script>
<link href="https://fonts.googleapis.com/css?family=Material+Icons&display=block" rel="stylesheet"/> <link href="https://fonts.googleapis.com/css?family=Material+Icons&display=block" rel="stylesheet"/>
<script src="../build/Tone.js"></script> <script src="../build/Tone.js"></script>
<script src="../../examples/dist/tone-gui.js"></script> <script src="./js/tone-ui.js"></script>
<script src="../../examples/dist/components.js"></script> <script src="./js/components.js"></script>
<style type="text/css"> <style type="text/css">
tone-play-toggle { tone-play-toggle {
margin-bottom: 10px; margin-bottom: 10px;

6
examples/signal.html
View file

@ -7,11 +7,11 @@
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<link rel="icon" type="image/png" sizes="174x174" href="./favicon.png"> <link rel="icon" type="image/png" sizes="174x174" href="./favicon.png">
<script src="https://unpkg.com/@webcomponents/webcomponentsjs@^2/webcomponents-bundle.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/webcomponentsjs/2.4.3/webcomponents-bundle.js"></script>
<link href="https://fonts.googleapis.com/css?family=Material+Icons&display=block" rel="stylesheet"/> <link href="https://fonts.googleapis.com/css?family=Material+Icons&display=block" rel="stylesheet"/>
<script src="../build/Tone.js"></script> <script src="../build/Tone.js"></script>
<script src="../../examples/dist/tone-gui.js"></script> <script src="./js/tone-ui.js"></script>
<script src="../../examples/dist/components.js"></script> <script src="./js/components.js"></script>
<style type="text/css"> <style type="text/css">
tone-play-toggle { tone-play-toggle {
margin-bottom: 10px; margin-bottom: 10px;

6
examples/simpleSynth.html
View file

@ -7,11 +7,11 @@
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<link rel="icon" type="image/png" sizes="174x174" href="./favicon.png"> <link rel="icon" type="image/png" sizes="174x174" href="./favicon.png">
<script src="https://unpkg.com/@webcomponents/webcomponentsjs@^2/webcomponents-bundle.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/webcomponentsjs/2.4.3/webcomponents-bundle.js"></script>
<link href="https://fonts.googleapis.com/css?family=Material+Icons&display=block" rel="stylesheet"/> <link href="https://fonts.googleapis.com/css?family=Material+Icons&display=block" rel="stylesheet"/>
<script src="../build/Tone.js"></script> <script src="../build/Tone.js"></script>
<script src="../../examples/dist/tone-gui.js"></script> <script src="./js/tone-ui.js"></script>
<script src="../../examples/dist/components.js"></script> <script src="./js/components.js"></script>
</head> </head>
<body> <body>
<style> <style>

6
examples/spatialPanner.html
View file

@ -7,11 +7,11 @@
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<link rel="icon" type="image/png" sizes="174x174" href="./favicon.png"> <link rel="icon" type="image/png" sizes="174x174" href="./favicon.png">
<script src="https://unpkg.com/@webcomponents/webcomponentsjs@^2/webcomponents-bundle.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/webcomponentsjs/2.4.3/webcomponents-bundle.js"></script>
<link href="https://fonts.googleapis.com/css?family=Material+Icons&display=block" rel="stylesheet"/> <link href="https://fonts.googleapis.com/css?family=Material+Icons&display=block" rel="stylesheet"/>
<script src="../build/Tone.js"></script> <script src="../build/Tone.js"></script>
<script src="../../examples/dist/tone-gui.js"></script> <script src="./js/tone-ui.js"></script>
<script src="../../examples/dist/components.js"></script> <script src="./js/components.js"></script>
<script src="./js/three.min.js"></script> <script src="./js/three.min.js"></script>
<script src="./js/OrbitControls.js"></script> <script src="./js/OrbitControls.js"></script>
<script src="./js/WebGLDetector.js"></script> <script src="./js/WebGLDetector.js"></script>

6
examples/stepSequencer.html
View file

@ -7,11 +7,11 @@
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<link rel="icon" type="image/png" sizes="174x174" href="./favicon.png"> <link rel="icon" type="image/png" sizes="174x174" href="./favicon.png">
<script src="https://unpkg.com/@webcomponents/webcomponentsjs@^2/webcomponents-bundle.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/webcomponentsjs/2.4.3/webcomponents-bundle.js"></script>
<link href="https://fonts.googleapis.com/css?family=Material+Icons&display=block" rel="stylesheet"/> <link href="https://fonts.googleapis.com/css?family=Material+Icons&display=block" rel="stylesheet"/>
<script src="../build/Tone.js"></script> <script src="../build/Tone.js"></script>
<script src="../../examples/dist/tone-gui.js"></script> <script src="./js/tone-ui.js"></script>
<script src="../../examples/dist/components.js"></script> <script src="./js/components.js"></script>
<style type="text/css"> <style type="text/css">
tone-transport { tone-transport {
margin-bottom: 10px; margin-bottom: 10px;