mirror of
https://github.com/Tonejs/Tone.js
synced 2025-01-13 04:18:52 +00:00
updated examples and example deps
This commit is contained in:
Yotam Mann
parent
383b6b4436
commit
23f3fac71f
43 changed files with 980 additions and 33776 deletions
|
|
@ -6,11 +6,11 @@
|
|||
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
|
||||
<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"/>
|
||||
<script src="../build/Tone.js"></script>
|
||||
<script src="../../examples/dist/tone-gui.js"></script>
|
||||
<script src="../../examples/dist/components.js"></script>
|
||||
<script src="./js/tone-ui.js"></script>
|
||||
<script src="./js/components.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<tone-example label="AMSynth">
|
||||
|
|
|
|||
|
|
@ -7,11 +7,11 @@
|
|||
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
|
||||
<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"/>
|
||||
<script src="../build/Tone.js"></script>
|
||||
<script src="../../examples/dist/tone-gui.js"></script>
|
||||
<script src="../../examples/dist/components.js"></script>
|
||||
<script src="./js/tone-ui.js"></script>
|
||||
<script src="./js/components.js"></script>
|
||||
|
||||
</head>
|
||||
<body>
|
||||
|
|
|
|||
|
|
@ -7,11 +7,11 @@
|
|||
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
|
||||
<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"/>
|
||||
<script src="../build/Tone.js"></script>
|
||||
<script src="../../examples/dist/tone-gui.js"></script>
|
||||
<script src="../../examples/dist/components.js"></script>
|
||||
<script src="./js/tone-ui.js"></script>
|
||||
<script src="./js/components.js"></script>
|
||||
|
||||
</head>
|
||||
<body>
|
||||
|
|
|
|||
|
|
@ -7,11 +7,11 @@
|
|||
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
|
||||
<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"/>
|
||||
<script src="../build/Tone.js"></script>
|
||||
<script src="../../examples/dist/tone-gui.js"></script>
|
||||
<script src="../../examples/dist/components.js"></script>
|
||||
<script src="./js/tone-ui.js"></script>
|
||||
<script src="./js/components.js"></script>
|
||||
|
||||
</head>
|
||||
<body>
|
||||
|
|
|
|||
|
|
@ -7,11 +7,11 @@
|
|||
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
|
||||
<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"/>
|
||||
<script src="../build/Tone.js"></script>
|
||||
<script src="../../examples/dist/tone-gui.js"></script>
|
||||
<script src="../../examples/dist/components.js"></script>
|
||||
<script src="./js/tone-ui.js"></script>
|
||||
<script src="./js/components.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<tone-example label="Buses">
|
||||
|
|
|
|||
|
|
@ -7,11 +7,11 @@
|
|||
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
|
||||
<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"/>
|
||||
<script src="../build/Tone.js"></script>
|
||||
<script src="../../examples/dist/tone-gui.js"></script>
|
||||
<script src="../../examples/dist/components.js"></script>
|
||||
<script src="./js/tone-ui.js"></script>
|
||||
<script src="./js/components.js"></script>
|
||||
<style type="text/css">
|
||||
tone-play-toggle {
|
||||
margin-bottom: 10px;
|
||||
|
|
|
|||
|
|
@ -7,11 +7,11 @@
|
|||
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
|
||||
<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"/>
|
||||
<script src="../build/Tone.js"></script>
|
||||
<script src="../../examples/dist/tone-gui.js"></script>
|
||||
<script src="../../examples/dist/components.js"></script>
|
||||
<script src="./js/tone-ui.js"></script>
|
||||
<script src="./js/components.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<style type="text/css">
|
||||
|
|
|
|||
|
|
@ -7,11 +7,11 @@
|
|||
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
|
||||
<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"/>
|
||||
<script src="../build/Tone.js"></script>
|
||||
<script src="../../examples/dist/tone-gui.js"></script>
|
||||
<script src="../../examples/dist/components.js"></script>
|
||||
<script src="./js/tone-ui.js"></script>
|
||||
<script src="./js/components.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<tone-example label="Events">
|
||||
|
|
|
|||
|
|
@ -7,11 +7,11 @@
|
|||
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
|
||||
<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"/>
|
||||
<script src="../build/Tone.js"></script>
|
||||
<script src="../../examples/dist/tone-gui.js"></script>
|
||||
<script src="../../examples/dist/components.js"></script>
|
||||
<script src="./js/tone-ui.js"></script>
|
||||
<script src="./js/components.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<tone-example label="FMSynth">
|
||||
|
|
|
|||
|
|
@ -8,11 +8,11 @@
|
|||
<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://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"/>
|
||||
<script src="../build/Tone.js"></script>
|
||||
<script src="../../examples/dist/tone-gui.js"></script>
|
||||
<script src="../../examples/dist/components.js"></script>
|
||||
<script src="./js/tone-ui.js"></script>
|
||||
<script src="./js/components.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<tone-example label="Tone with p5.js">
|
||||
|
|
|
|||
|
|
@ -7,11 +7,11 @@
|
|||
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
|
||||
<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"/>
|
||||
<script src="../build/Tone.js"></script>
|
||||
<script src="../../examples/dist/tone-gui.js"></script>
|
||||
<script src="../../examples/dist/components.js"></script>
|
||||
<script src="./js/tone-ui.js"></script>
|
||||
<script src="./js/components.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<style type="text/css">
|
||||
|
|
|
|||
|
|
@ -15,11 +15,11 @@
|
|||
}
|
||||
</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"/>
|
||||
<script src="../build/Tone.js"></script>
|
||||
<script src="../../examples/dist/tone-gui.js"></script>
|
||||
<script src="../../examples/dist/components.js"></script>
|
||||
<script src="./js/tone-ui.js"></script>
|
||||
<script src="./js/components.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<tone-example label="Examples" open>
|
||||
|
|
|
|||
File diff suppressed because it is too large
Load diff
|
|
@ -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);
|
||||
};
|
||||
|
||||
}());
|
||||
|
|
@ -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;
|
||||
|
||||
}
|
||||
File diff suppressed because one or more lines are too long
28206
examples/js/p5.js
28206
examples/js/p5.js
File diff suppressed because it is too large
Load diff
831
examples/js/three.min.js
vendored
831
examples/js/three.min.js
vendored
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
|
|
@ -7,11 +7,11 @@
|
|||
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
|
||||
<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"/>
|
||||
<script src="../build/Tone.js"></script>
|
||||
<script src="../../examples/dist/tone-gui.js"></script>
|
||||
<script src="../../examples/dist/components.js"></script>
|
||||
<script src="./js/tone-ui.js"></script>
|
||||
<script src="./js/components.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<style type="text/css">
|
||||
|
|
|
|||
|
|
@ -7,11 +7,11 @@
|
|||
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
|
||||
<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"/>
|
||||
<script src="../build/Tone.js"></script>
|
||||
<script src="../../examples/dist/tone-gui.js"></script>
|
||||
<script src="../../examples/dist/components.js"></script>
|
||||
<script src="./js/tone-ui.js"></script>
|
||||
<script src="./js/components.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<tone-example label="LFO Effects">
|
||||
|
|
|
|||
|
|
@ -7,11 +7,11 @@
|
|||
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
|
||||
<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"/>
|
||||
<script src="../build/Tone.js"></script>
|
||||
<script src="../../examples/dist/tone-gui.js"></script>
|
||||
<script src="../../examples/dist/components.js"></script>
|
||||
<script src="./js/tone-ui.js"></script>
|
||||
<script src="./js/components.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<tone-example label="Meter">
|
||||
|
|
|
|||
|
|
@ -7,11 +7,11 @@
|
|||
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
|
||||
<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"/>
|
||||
<script src="../build/Tone.js"></script>
|
||||
<script src="../../examples/dist/tone-gui.js"></script>
|
||||
<script src="../../examples/dist/components.js"></script>
|
||||
<script src="./js/tone-ui.js"></script>
|
||||
<script src="./js/components.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<style type="text/css">
|
||||
|
|
|
|||
|
|
@ -7,11 +7,11 @@
|
|||
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
|
||||
<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"/>
|
||||
<script src="../build/Tone.js"></script>
|
||||
<script src="../../examples/dist/tone-gui.js"></script>
|
||||
<script src="../../examples/dist/components.js"></script>
|
||||
<script src="./js/tone-ui.js"></script>
|
||||
<script src="./js/components.js"></script>
|
||||
<style type="text/css">
|
||||
#tracks {
|
||||
display: flex;
|
||||
|
|
|
|||
|
|
@ -7,11 +7,11 @@
|
|||
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
|
||||
<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"/>
|
||||
<script src="../build/Tone.js"></script>
|
||||
<script src="../../examples/dist/tone-gui.js"></script>
|
||||
<script src="../../examples/dist/components.js"></script>
|
||||
<script src="./js/tone-ui.js"></script>
|
||||
<script src="./js/components.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<style>
|
||||
|
|
|
|||
|
|
@ -7,11 +7,11 @@
|
|||
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
|
||||
<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"/>
|
||||
<script src="../build/Tone.js"></script>
|
||||
<script src="../../examples/dist/tone-gui.js"></script>
|
||||
<script src="../../examples/dist/components.js"></script>
|
||||
<script src="./js/tone-ui.js"></script>
|
||||
<script src="./js/components.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<style>
|
||||
|
|
|
|||
|
|
@ -7,11 +7,11 @@
|
|||
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
|
||||
<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"/>
|
||||
<script src="../build/Tone.js"></script>
|
||||
<script src="../../examples/dist/tone-gui.js"></script>
|
||||
<script src="../../examples/dist/components.js"></script>
|
||||
<script src="./js/tone-ui.js"></script>
|
||||
<script src="./js/components.js"></script>
|
||||
<style type="text/css">
|
||||
tone-button {
|
||||
margin-bottom: 10px;
|
||||
|
|
|
|||
|
|
@ -7,11 +7,11 @@
|
|||
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
|
||||
<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"/>
|
||||
<script src="../build/Tone.js"></script>
|
||||
<script src="../../examples/dist/tone-gui.js"></script>
|
||||
<script src="../../examples/dist/components.js"></script>
|
||||
<script src="./js/tone-ui.js"></script>
|
||||
<script src="./js/components.js"></script>
|
||||
<style type="text/css">
|
||||
tone-play-toggle {
|
||||
margin-bottom: 10px;
|
||||
|
|
|
|||
|
|
@ -7,11 +7,11 @@
|
|||
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
|
||||
<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"/>
|
||||
<script src="../build/Tone.js"></script>
|
||||
<script src="../../examples/dist/tone-gui.js"></script>
|
||||
<script src="../../examples/dist/components.js"></script>
|
||||
<script src="./js/tone-ui.js"></script>
|
||||
<script src="./js/components.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<style type="text/css">
|
||||
|
|
|
|||
|
|
@ -7,11 +7,11 @@
|
|||
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
|
||||
<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"/>
|
||||
<script src="../build/Tone.js"></script>
|
||||
<script src="../../examples/dist/tone-gui.js"></script>
|
||||
<script src="../../examples/dist/components.js"></script>
|
||||
<script src="./js/tone-ui.js"></script>
|
||||
<script src="./js/components.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<tone-example label="Ping Pong Delay">
|
||||
|
|
|
|||
|
|
@ -7,11 +7,11 @@
|
|||
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
|
||||
<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"/>
|
||||
<script src="../build/Tone.js"></script>
|
||||
<script src="../../examples/dist/tone-gui.js"></script>
|
||||
<script src="../../examples/dist/components.js"></script>
|
||||
<script src="./js/tone-ui.js"></script>
|
||||
<script src="./js/components.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<style>
|
||||
|
|
|
|||
|
|
@ -7,11 +7,11 @@
|
|||
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
|
||||
<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"/>
|
||||
<script src="../build/Tone.js"></script>
|
||||
<script src="../../examples/dist/tone-gui.js"></script>
|
||||
<script src="../../examples/dist/components.js"></script>
|
||||
<script src="./js/tone-ui.js"></script>
|
||||
<script src="./js/components.js"></script>
|
||||
<style type="text/css">
|
||||
tone-play-toggle {
|
||||
margin-bottom: 10px;
|
||||
|
|
|
|||
|
|
@ -7,11 +7,11 @@
|
|||
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
|
||||
<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"/>
|
||||
<script src="../build/Tone.js"></script>
|
||||
<script src="../../examples/dist/tone-gui.js"></script>
|
||||
<script src="../../examples/dist/components.js"></script>
|
||||
<script src="./js/tone-ui.js"></script>
|
||||
<script src="./js/components.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<style>
|
||||
|
|
|
|||
|
|
@ -7,11 +7,11 @@
|
|||
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
|
||||
<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"/>
|
||||
<script src="../build/Tone.js"></script>
|
||||
<script src="../../examples/dist/tone-gui.js"></script>
|
||||
<script src="../../examples/dist/components.js"></script>
|
||||
<script src="./js/tone-ui.js"></script>
|
||||
<script src="./js/components.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<style>
|
||||
|
|
|
|||
|
|
@ -7,11 +7,11 @@
|
|||
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
|
||||
<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"/>
|
||||
<script src="../build/Tone.js"></script>
|
||||
<script src="../../examples/dist/tone-gui.js"></script>
|
||||
<script src="../../examples/dist/components.js"></script>
|
||||
<script src="./js/tone-ui.js"></script>
|
||||
<script src="./js/components.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<style>
|
||||
|
|
|
|||
|
|
@ -7,11 +7,11 @@
|
|||
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
|
||||
<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"/>
|
||||
<script src="../build/Tone.js"></script>
|
||||
<script src="../../examples/dist/tone-gui.js"></script>
|
||||
<script src="../../examples/dist/components.js"></script>
|
||||
<script src="./js/tone-ui.js"></script>
|
||||
<script src="./js/components.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<style>
|
||||
|
|
|
|||
|
|
@ -7,11 +7,11 @@
|
|||
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
|
||||
<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"/>
|
||||
<script src="../build/Tone.js"></script>
|
||||
<script src="../../examples/dist/tone-gui.js"></script>
|
||||
<script src="../../examples/dist/components.js"></script>
|
||||
<script src="./js/tone-ui.js"></script>
|
||||
<script src="./js/components.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<style>
|
||||
|
|
|
|||
|
|
@ -7,11 +7,11 @@
|
|||
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
|
||||
<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"/>
|
||||
<script src="../build/Tone.js"></script>
|
||||
<script src="../../examples/dist/tone-gui.js"></script>
|
||||
<script src="../../examples/dist/components.js"></script>
|
||||
<script src="./js/tone-ui.js"></script>
|
||||
<script src="./js/components.js"></script>
|
||||
<style type="text/css">
|
||||
tone-play-toggle {
|
||||
margin-bottom: 10px;
|
||||
|
|
|
|||
|
|
@ -7,11 +7,11 @@
|
|||
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
|
||||
<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"/>
|
||||
<script src="../build/Tone.js"></script>
|
||||
<script src="../../examples/dist/tone-gui.js"></script>
|
||||
<script src="../../examples/dist/components.js"></script>
|
||||
<script src="./js/tone-ui.js"></script>
|
||||
<script src="./js/components.js"></script>
|
||||
<style type="text/css">
|
||||
tone-play-toggle {
|
||||
margin-bottom: 10px;
|
||||
|
|
|
|||
|
|
@ -7,11 +7,11 @@
|
|||
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
|
||||
<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"/>
|
||||
<script src="../build/Tone.js"></script>
|
||||
<script src="../../examples/dist/tone-gui.js"></script>
|
||||
<script src="../../examples/dist/components.js"></script>
|
||||
<script src="./js/tone-ui.js"></script>
|
||||
<script src="./js/components.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<style>
|
||||
|
|
|
|||
|
|
@ -7,11 +7,11 @@
|
|||
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
|
||||
<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"/>
|
||||
<script src="../build/Tone.js"></script>
|
||||
<script src="../../examples/dist/tone-gui.js"></script>
|
||||
<script src="../../examples/dist/components.js"></script>
|
||||
<script src="./js/tone-ui.js"></script>
|
||||
<script src="./js/components.js"></script>
|
||||
<script src="./js/three.min.js"></script>
|
||||
<script src="./js/OrbitControls.js"></script>
|
||||
<script src="./js/WebGLDetector.js"></script>
|
||||
|
|
|
|||
|
|
@ -7,11 +7,11 @@
|
|||
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
|
||||
<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"/>
|
||||
<script src="../build/Tone.js"></script>
|
||||
<script src="../../examples/dist/tone-gui.js"></script>
|
||||
<script src="../../examples/dist/components.js"></script>
|
||||
<script src="./js/tone-ui.js"></script>
|
||||
<script src="./js/components.js"></script>
|
||||
<style type="text/css">
|
||||
tone-transport {
|
||||
margin-bottom: 10px;
|
||||
|
|
|
|||
Loading…
Reference in a new issue