diff options
| author | Jules <jules@asdf.us> | 2016-09-11 10:19:07 -0400 |
|---|---|---|
| committer | Jules <jules@asdf.us> | 2016-09-11 10:19:07 -0400 |
| commit | fbf05115c17163d91e9f649a348e3e6800a22d5e (patch) | |
| tree | 14920be071bce59aa633be8dc47f8281a66a85db /index.html | |
init latest version of harp
Diffstat (limited to 'index.html')
| -rw-r--r-- | index.html | 55 |
1 files changed, 55 insertions, 0 deletions
diff --git a/index.html b/index.html new file mode 100644 index 0000000..5a552e5 --- /dev/null +++ b/index.html @@ -0,0 +1,55 @@ +<!doctype html> +<html> +<head> +<title>harp</title> +<link href='https://fonts.googleapis.com/css?family=Roboto:400,400italic,500,900italic,900,700italic,700,500italic' rel='stylesheet' type='text/css'> +<link rel="stylesheet" href="../css/css.css"> +<style> +html,body { font-size: 12px; font-weight: normal; background: black; color: white; } +circle { cursor: pointer } +input[type=text] { width: 30px } +</style> +</head> +<body class="loading"> + +<div id="scene" style="display: none"></div> + +<div id="controls"> + <select id="waveform"> + <option>sine</option> + <option selected>triangle</option> + <option>sawtooth</option> + <option>square</option> + </select> + <label>x</label> + <input id="x" type="number" min="0" max="100" step="0.1" value="0.7"> + <label>y</label> + <input id="y" type="number" min="0" max="100" step="0.1" value="1"> + <label>randomize</label> + <input id="rand" type="number" min="0" max="500" step="1" value="32"> + <label>tet</label> + <input id="tet" type="number" min="2" max="500" step="0.25" value="12"> + <label>root</label> <input id="root" type="number" min="20" max="20000" value="440"> + <label>interval</label> + <input id="interval" type="text" value="2/1"> + <label>use scale</label> + <input id="use_scale" type="checkbox" checked> +</div> + +</body> +<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.0.0/jquery.min.js"></script> +<script src="./js/vendor/loader.js"></script> +<script src="./js/vendor/snap.svg.js"></script> +<script src="./js/vendor/oktween.js"></script> +<script src="./js/vendor/util.js"></script> +<script src="./js/vendor/wheel.js"></script> +<script src="./js/mx/mx.js"></script> +<script src="./js/mx/mx.scene.js"></script> +<script src="./js/mx/mx.followingOrbitCamera.js"></script> +<script src="./js/lib/canvas_loader.js"></script> +<script src="./js/lib/snapmx.js"></script> +<script src="./js/vendor/Tone.min.js"></script> +<script src="./js/vendor/intersect.js"></script> +<script src="env.js"></script> +<script src="./js/lib/app.js"></script> +</html> |