diff options
| -rw-r--r-- | client/index.js | 3 | ||||
| -rw-r--r-- | index.html | 14 |
2 files changed, 12 insertions, 5 deletions
diff --git a/client/index.js b/client/index.js index 324d997..a8604f8 100644 --- a/client/index.js +++ b/client/index.js @@ -320,6 +320,9 @@ function bind() { .addEventListener("click", () => document.querySelector("#help").classList.toggle("visible"), ); + document + .querySelector("#pythagorean") + .addEventListener("click", () => (scale = scales.pythagorean)); if (browser.isDesktop) { grid.addEventListener("wheel", (e) => { const new_base_x = Math.max(0, base_x + e.deltaX / 32); @@ -202,6 +202,9 @@ font-size: 20px; height: 100%; } + u { + cursor: pointer; + } </style> </head> <body> @@ -443,11 +446,12 @@ <p> The musical circle of fifths, derived from repeatedly stacking the 3:2 proportion, can be studied in more detail in this program's - Pythagorean scale mode. Similar notes can be found by color and - compared. One can easily hear how stacked fifths overshoot the octave - by finding two far-apart red notes and playing both at once, which - makes them beat against each other. This interval is the "syntonic - comma" which is averaged out in various keyboard tuning systems. + <u id="pythagorean">Pythagorean</u> scale mode. Similar notes can be + found by color and compared. One can easily hear how stacked fifths + overshoot the octave by finding two far-apart red notes and playing + both at once, which makes them beat against each other. This interval + is the "syntonic comma" which is averaged out in various keyboard + tuning systems. </p> <p> |