-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
86 lines (80 loc) · 4.4 KB
/
index.html
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>
<html>
<head>
<meta charset="UTF-8">
<title>Pitch = Rhythm</title>
<link rel="stylesheet" type="text/css" href="styles.css">
<!-- scripts -->
<script src="libraries/promise.js" type="text/javascript"></script>
<script src="libraries/StartAudioContext.js" type="text/javascript"></script>
<script src="libraries/Tone.min.js" type="text/javascript"></script>
<script src="libraries/NexusUI.js"></script>
<script src="app.js" type="text/javascript"></script>
</head>
<body onload="init()">
<h2>Pitch relationships</h2>
<img id="staff" src="img/P5.png"></img>
<div id="display">3:2 P5</div></br>
<div id="ratios">Select Ratio</div>
<div id="dial"></div>
</br></br></br></br></br>
<div id="oscil1"></div>
<div id="divider"></div>
<div id="oscil2"></div>
</br></br></br></br></br>
<div id="left">
<div id="buttonL"></div>
</div>
<div id="right">
<div id="buttonR"></div>
</div>
</br></br></br>
<p>
All of these tunings are whole number ratios which can actually be found in the harmonic series as you can see below. However, the series written on the musical staff is only an approximation of pitches – they do not correspond exactly to the
note they are meant to represent. Notes on a musical staff typically assume an equal temperament tuning system – this system is ubitiquitous throughout Western Art music and pop music. Equal temperament is divided into 12 equal frequency
ratios per octave. It's a little easier to think of this using an equation: <code>440*2<sup>(hs/12)</sup></code> where <code>hs = number of half steps</code> and <code>440</code> refers to A440 (in Hz). So <code>440*2<sup>(-9/12)</sup></code>
would give you the frequency in Hz for middle C. Compare that to just intonation, where we can see an interval of a major 3<sup>rd</sup> is a 5:4 ratio according to the harmonic series notated below. However, a major 3<sup>rd</sup> in equal
temperament tuning is always a ratio of 2<sup>1/3</sup>:1. This is quite a noticeable difference in pitch and probably one of the easier intervals to detect by the untrained ear.
</p>
<img id="harmoniceseries" src="img/HarmonicSeries.png"></img>
</br></br></br>
<hr>
</br></br>
<h2>Rhythmic relationships</h2>
<p>
Now let's think about these ratios as rhythms instead of pitches. If we use the just intonation ratios, we can fit these into nice rhythms on the staff. Below are a few musical examples – 3:2, 4:3, 5:4, and 6:5 respectively. You can listen to
these ratios as rhythms in the interactive.
</p></br>
<img id="rhythms" src="img/rhythms.png"></img>
</br></br></br>
<div id="displayrhythm">3:2</div>
<div class="blink" id="blinkleft"></div>
<div class="blink" id="blinkright"></div>
</br></br></br>
<div id="toggle">On/Off</div>
<div id="tempo">Tempo</div>
</br></br></br>
<div id="rhythmratios"></div>
</br>
<p>
What's interesting is that all of these rhythms are integer ratios, which is <em>not</em> what equal temperament ratios are. What if we wanted to think of rhythm in equal temperament ratios just like the Western 12-note scale? Well,
unfortunately those ratios would be nearly impossible to perform or even conceptualize from a composer's point of view. Time affects our ability to perceive rhythms – a very slow 5:4 polyrhythm will be difficult to detect because our memory
of past events becomes obfuscated. We can perceive pitches much easier because of their extremely short cycles, thus seeming to occur instantaneously. However, some composers have used fractional rhythms and nested polyrhythms as a way of
creating complex layers of rhythmic counterpoint. Brian Ferneyhough and Stuart Saunders Smith might come to mind when discussing these intricate ways of using rhythm. Below, you can interact with the app to hear the polyrhythms from the
excerpts. If you've made it this far, I suspect you may be expecting a full-blown polyrhythm sequencer at some point. Well, you're right, but I haven't made one just yet. I'll probably (<em>maybe</em>) make one for a later interactive so
you'll have to stay tuned.
</p>
</br>
<figure>
<img id="nestedrhythms" src="img/BoneAlphabetMM2.png"></img>
<figcaption>Brian Ferneyhough, <em>Bone Alphabet</em> mm. 2</figcaption>
</figure>
</br>
<div id="playnested"></div>
<div id="voice1_mute" class="mutes">Voice 1</div>
<div id="voice2_mute" class="mutes">Voice 2</div>
</br></br></br>
<div id="nestedratios">Select</div>
</br></br></br></br></br></br>
</body>
</html>