JSXGraph and sound - Revision history

A WASSERMANN at 20:46, 23 March 2021

2021-03-23T20:46:45Z

← Older revision		Revision as of 20:46, 23 March 2021
Line 1:		Line 1:
	<html>		<html>
	<script type="text/javascript" src="~~http~~://www.charlie-roberts.com/gibberish/build/gibberish.js"></script>		<script type="text/javascript" src="https://www.charlie-roberts.com/gibberish/build/gibberish.js"></script>
	</html>		</html>
	JSXGraph can be used together with the excellent JavaScript audio library [http://www.charlie-roberts.com/gibberish/ gibberish].		JSXGraph can be used together with the excellent JavaScript audio library [http://www.charlie-roberts.com/gibberish/ gibberish].
Line 23:		Line 23:
	Additionally embed gibberish.js:		Additionally embed gibberish.js:
	<source lang="html4strict">		<source lang="html4strict">
	<script type="text/javascript" src="~~http~~://www.charlie-roberts.com/gibberish/build/gibberish.js"></script>		<script type="text/javascript" src="https://www.charlie-roberts.com/gibberish/build/gibberish.js"></script>
	</source>		</source>
	<source lang="javascript">		<source lang="javascript">

A WASSERMANN at 11:32, 12 January 2015

2015-01-12T11:32:02Z

← Older revision		Revision as of 11:32, 12 January 2015
Line 1:		Line 1:
	<html>		<html>
	<script type="text/javascript" src="http://www.charlie-roberts.com/gibberish~~/scripts~~/build/gibberish.js"></script>		<script type="text/javascript" src="http://www.charlie-roberts.com/gibberish/build/gibberish.js"></script>
	</html>		</html>
	JSXGraph can be used together with the excellent JavaScript audio library [http://www.charlie-roberts.com/gibberish/ gibberish].		JSXGraph can be used together with the excellent JavaScript audio library [http://www.charlie-roberts.com/gibberish/ gibberish].
Line 23:		Line 23:
	Additionally embed gibberish.js:		Additionally embed gibberish.js:
	<source lang="html4strict">		<source lang="html4strict">
	<script type="text/javascript" src="http://www.charlie-roberts.com/gibberish~~/scripts~~/build/gibberish.js"></script>		<script type="text/javascript" src="http://www.charlie-roberts.com/gibberish/build/gibberish.js"></script>
	</source>		</source>
	<source lang="javascript">		<source lang="javascript">

A WASSERMANN at 11:30, 12 January 2015

2015-01-12T11:30:26Z

← Older revision		Revision as of 11:30, 12 January 2015
Line 23:		Line 23:
	Additionally embed gibberish.js:		Additionally embed gibberish.js:
	<source lang="html4strict">		<source lang="html4strict">
	<script type="text/javascript" src="http://www.charlie-roberts.com/gibberish/scripts/build/~~gibberish_2.0~~.js"></script>		<script type="text/javascript" src="http://www.charlie-roberts.com/gibberish/scripts/build/gibberish.js"></script>
	</source>		</source>
	<source lang="javascript">		<source lang="javascript">

A WASSERMANN at 11:27, 12 January 2015

2015-01-12T11:27:14Z

← Older revision		Revision as of 11:27, 12 January 2015
Line 1:		Line 1:
	<html>		<html>
	<script type="text/javascript" src="http://www.charlie-roberts.com/gibberish/scripts/build/~~gibberish_2.0~~.js"></script>		<script type="text/javascript" src="http://www.charlie-roberts.com/gibberish/scripts/build/gibberish.js"></script>
	</html>		</html>
	JSXGraph can be used together with the excellent JavaScript audio library [http://www.charlie-roberts.com/gibberish/ gibberish].		JSXGraph can be used together with the excellent JavaScript audio library [http://www.charlie-roberts.com/gibberish/ gibberish].

A WASSERMANN at 15:55, 6 February 2014

2014-02-06T15:55:52Z

← Older revision		Revision as of 15:55, 6 February 2014
Line 22:		Line 22:
	===The underlying JavaScript code===		===The underlying JavaScript code===
	Additionally embed gibberish.js:		Additionally embed gibberish.js:
	<source lang="~~xhtml~~">		<source lang="html4strict">
	<script type="text/javascript" src="http://www.charlie-roberts.com/gibberish/scripts/build/gibberish_2.0.js"></script>		<script type="text/javascript" src="http://www.charlie-roberts.com/gibberish/scripts/build/gibberish_2.0.js"></script>
	</source>		</source>

A WASSERMANN at 15:55, 6 February 2014

2014-02-06T15:55:19Z

← Older revision		Revision as of 15:55, 6 February 2014
Line 10:		Line 10:

	var board = JXG.JSXGraph.initBoard('jxgbox', {boundingbox:[-1,10,10,-10], axis:false});		var board = JXG.JSXGraph.initBoard('jxgbox', {boundingbox:[-1,10,10,-10], axis:false});

			var sinewave = new Gibberish.Sine( 440, .25 ).connect();

	var slide = board.create('slider', [[2, 8], [8, 8], [100, 440, 1000]]);		var slide = board.create('slider', [[2, 8], [8, 8], [100, 440, 1000]]);
	~~var sinewave = new Gibberish.Sine( 440, .25 ).connect();~~
	var sinecurve = board.create('functiongraph', [function(x) { return 5 * Math.sin((sinewave.frequency / 200.0) * 2* Math.PI * x); }]);		var sinecurve = board.create('functiongraph', [function(x) { return 5 * Math.sin((sinewave.frequency / 200.0) * 2* Math.PI * x); }]);

	board.on('update', function() {		board.on('update', function() {
	sinewave.frequency = slide.Value();		sinewave.frequency = slide.Value();
	});		});
			</jsxgraph>
			===The underlying JavaScript code===
			Additionally embed gibberish.js:
			<source lang="xhtml">
			<script type="text/javascript" src="http://www.charlie-roberts.com/gibberish/scripts/build/gibberish_2.0.js"></script>
			</source>
			<source lang="javascript">
			Gibberish.init();
			Gibberish.Time.export();
			Gibberish.Binops.export();

			var board = JXG.JSXGraph.initBoard('jxgbox', {boundingbox:[-1,10,10,-10], axis:false});

			var sinewave = new Gibberish.Sine( 440, .25 ).connect();

	</~~jsxgraph>~~		var slide = board.create('slider', [[2, 8], [8, 8], [100, 440, 1000]]);
			var sinecurve = board.create('functiongraph', [function(x) { return 5 * Math.sin((sinewave.frequency / 200.0) * 2* Math.PI * x); }]);

			board.on('update', function() {
			sinewave.frequency = slide.Value();
			});
			</source>
	[[Category:Examples]]		[[Category:Examples]]
	[[Category:Curves]]		[[Category:Curves]]

A WASSERMANN at 15:53, 6 February 2014

2014-02-06T15:53:10Z

← Older revision		Revision as of 15:53, 6 February 2014
Line 2:		Line 2:
	<script type="text/javascript" src="http://www.charlie-roberts.com/gibberish/scripts/build/gibberish_2.0.js"></script>		<script type="text/javascript" src="http://www.charlie-roberts.com/gibberish/scripts/build/gibberish_2.0.js"></script>
	</html>		</html>
	JSXGraph ~~and sound~~		JSXGraph can be used together with the excellent JavaScript audio library [http://www.charlie-roberts.com/gibberish/ gibberish].

	<jsxgraph width="600" height="400">		<jsxgraph width="600" height="400">
	Gibberish.init();		Gibberish.init();

A WASSERMANN at 15:49, 6 February 2014

2014-02-06T15:49:06Z

← Older revision		Revision as of 15:49, 6 February 2014
Line 12:		Line 12:
	var slide = board.create('slider', [[2, 8], [8, 8], [100, 440, 1000]]);		var slide = board.create('slider', [[2, 8], [8, 8], [100, 440, 1000]]);
	var sinewave = new Gibberish.Sine( 440, .25 ).connect();		var sinewave = new Gibberish.Sine( 440, .25 ).connect();
	var sinecurve = board.create('functiongraph', [function(x) { return 5 * Math.sin((sinewave.~~frequeny~~ / 200.0) * 2* Math.PI * x); }]);		var sinecurve = board.create('functiongraph', [function(x) { return 5 * Math.sin((sinewave.frequency / 200.0) * 2* Math.PI * x); }]);
	board.on('update', function() {		board.on('update', function() {
	sinewave.frequency = slide.Value();		sinewave.frequency = slide.Value();

A WASSERMANN at 15:48, 6 February 2014

2014-02-06T15:48:45Z

← Older revision		Revision as of 15:48, 6 February 2014
Line 8:		Line 8:
	Gibberish.Binops.export();		Gibberish.Binops.export();

	var board = JXG.JSXGraph.initBoard('jxgbox', {boundingbox:[-1,10,10,-10], axis:~~true~~});		var board = JXG.JSXGraph.initBoard('jxgbox', {boundingbox:[-1,10,10,-10], axis:false});

	var slide = board.create('slider', [[2, 8], [8, 8], [100, 440, 1000]]);		var slide = board.create('slider', [[2, 8], [8, 8], [100, 440, 1000]]);
	var sinewave = new Gibberish.Sine( 440, .25 ).connect();		var sinewave = new Gibberish.Sine( 440, .25 ).connect();
	var sinecurve = board.create('functiongraph', [function(x) { return 5 * Math.sin(2.2 * 2* Math.PI * x); }]);		var sinecurve = board.create('functiongraph', [function(x) { return 5 * Math.sin((sinewave.frequeny / 200.0) * 2* Math.PI * x); }]);
	board.on('update', function() {		board.on('update', function() {
	sinewave.frequency = slide.Value();		sinewave.frequency = slide.Value();

A WASSERMANN at 15:47, 6 February 2014

2014-02-06T15:47:54Z

← Older revision		Revision as of 15:47, 6 February 2014
Line 12:		Line 12:
	var slide = board.create('slider', [[2, 8], [8, 8], [100, 440, 1000]]);		var slide = board.create('slider', [[2, 8], [8, 8], [100, 440, 1000]]);
	var sinewave = new Gibberish.Sine( 440, .25 ).connect();		var sinewave = new Gibberish.Sine( 440, .25 ).connect();
	var sinecurve = board.create('functiongraph', [function(x) { return 5 * Math.sin(4.4 * 2* Math.PI * x); }]);		var sinecurve = board.create('functiongraph', [function(x) { return 5 * Math.sin(2.2 * 2* Math.PI * x); }]);
	board.on('update', function() {		board.on('update', function() {
	sinewave.frequency = slide.Value();		sinewave.frequency = slide.Value();