1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
|
<!DOCTYPE html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>Synthe3000 : Built with Processing and Processing.js</title>
<link rel="icon" type="image/x-icon" href="data:image/x-icon;base64,AAABAAEAEBAQAAEABAAoAQAAFgAAACgAAAAQAAAAIAAAAAEABAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADAQAAVzABAEAjBQAaDwYAWjUGAGE6CQBrQQ0ATS8PAFhAJwBUQC8AbFI6AHVXPACBZk4A4NrWAPb19QAAAAAAAMmZmZmZmgAJIwAAAAAAcMIjPjA+PjAKpxIuMDMzMAm0Ii4zMzMACaIiLt3dMAAJtyIuIzPQAAm0Un5yM+IzKLRkfncy4iIotRF+dyLkIiq0QX53F+EiGrQUTkd34iIatEVu7u5iIVrBVVRBRFRVbAtGZGZla2uwAMu7u7u8vADAAwAAgAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAIABAADAAwAA" />
<meta name="Generator" content="Processing" />
<!-- - - - - - - - - - - - - - - - - - - - -
+
+ Wondering how this works?
+
+ Go to: http://processing.org/
+ and: http://processingjs.org/
+
+ - - - - - - - - - - - - - - - - - - - - -->
<style type="text/css">
body {
background-color: #333; color: #bbb; line-height: normal;
font-family: Lucida Grande, Lucida Sans, Arial, Helvetica Neue, Verdana, Geneva, sans-serif;
font-size: 11px; font-weight: normal; text-decoration: none;
line-height: 1.5em;
}
a img {
border: 0px solid transparent;
}
a, a:link, a:visited, a:active, a:hover {
color: #cdcdcd; text-decoration: underline;
}
h1 {
font-family: Arial, Helvetica Neue, Verdana, Geneva, sans-serif;
width: 100%; letter-spacing: 0.1em;
margin-bottom: 1em; font-size: 1.65em;
}
canvas {
display: block;
outline: 0px;
margin-bottom: 1.5em;
}
#content {
margin: 50px auto 0px auto; padding: 25px 25px 15px 25px;
width: 1130px; min-width: 300px; overflow: auto;
border-left: 1px solid #444; border-top: 1px solid #444;
border-right: 1px solid #333; border-bottom: 1px solid #333;
background-color: #3d3d3d;
}
</style>
<!--[if lt IE 9]>
<script type="text/javascript">alert("Your browser does not support the canvas tag.");</script>
<![endif]-->
<script src="processing.js" type="text/javascript"></script>
<script src="./js/MIDI/AudioDetect.js" type="text/javascript"></script>
<script src="./js/MIDI/LoadPlugin.js" type="text/javascript"></script>
<script src="./js/MIDI/Plugin.js" type="text/javascript"></script>
<script src="./js/MIDI/Player.js" type="text/javascript"></script>
<script src="./js/Window/DOMLoader.XMLHttp.js" type="text/javascript"></script>
<script src="./inc/Base64.js" type="text/javascript"></script>
<script src="./inc/base64binary.js" type="text/javascript"></script>
<script type="text/javascript">
// convenience function to get the id attribute of generated sketch html element
function getProcessingSketchId () { return 'Synthe3000'; }
</script>
</head>
<body>
<div id="content">
<div>
<canvas id="Synthe3000" data-processing-sources="Synthe3000.pde"
width="1130" height="650">
<p>Your browser does not support the canvas tag.</p>
<!-- Note: you can put any alternative content here. -->
</canvas>
<noscript>
<p>JavaScript is required to view the contents of this page.</p>
</noscript>
</div>
<h1>Synthe3000</h1>
<p id="description"></p>
<p id="sources">Source code: <a href="Synthe3000.pde">Synthe3000</a> </p>
<p>
Built with <a href="http://processing.org" title="Processing">Processing</a>
and <a href="http://processingjs.org" title="Processing.js">Processing.js</a>
</p>
</div>
</body>
</html>
|
