edo.js
Version:
A set of functions for manipulating musical pitches within a given EDO
39 lines (30 loc) • 1.75 kB
HTML
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script src="scripts/raphael.min.js"></script>
<script src="scripts/edo.js"></script>
</head>
<body>
<script>
const update_tree = function () {
let angle = parseInt(document.getElementById('angleSlider').value)
let mul = document.getElementById('mulSlider').value
let height = document.getElementById('heightSlider').value
let iter = document.getElementById('iterSlider').value
edo.show.interval_fractal_tree (container_id,height,angle,[0,2,4,5,7,9,11],[-1,1], iter,mul)
}
</script>
<div id="container" style="width:6000px;height:6000px; margin:0 auto;"></div>
<input type="range" min="0" max="180" value="90" class="slider" id="angleSlider" style="width:300px;height:50px;" oninput="update_tree()" onchange="update_tree()">
<input type="range" min="0.3" max="0.9" value="0.7" step="0.05" class="slider" id="mulSlider" style="width:50px;height:300px;writing-mode: bt-lr; /* IE */ -webkit-appearance: slider-vertical; /* WebKit */" oninput="update_tree()">
<input type="range" min="50" max="400" value="200" class="slider" id="heightSlider" style="width:50px;height:300px;writing-mode: bt-lr; /* IE */ -webkit-appearance: slider-vertical; /* WebKit */" oninput="update_tree()">
<input type="range" min="1" max="7" value="5" class="slider" id="iterSlider" style="width:50px;height:300px;writing-mode: bt-lr; /* IE */ -webkit-appearance: slider-vertical; /* WebKit */" oninput="update_tree()">
</body>
<script>const container_id = 'container'</script>
<script>
let edo = new EDO()
edo.show.interval_fractal_tree(container_id)
</script>
</html>