jkl1337/ecgsyn.js
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update

Browse Source
This commit is contained in:
John K. Luebs
2024-11-13 01:31:51 -06:00
parent e47540ea4d
commit 2fc47b2554
8 changed files with 888 additions and 99 deletions
Download Patch File Download Diff File Expand all files Collapse all files

39
demo/index.html
View File

@@ -8,15 +8,36 @@
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link rel="apple-touch-icon" href="/apple-touch-icon.png" />
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/picnic" />
<!-- Place favicon.ico in the root directory -->
</head>
<script type="module">
import load from "../dist/index.js";
import { load, ECGSyn } from "../dist/index.js";
await load();
const ecgsyn = new ECGSyn();
ecgsyn.rrProcess();
ecgsyn.compute();
ecgsyn.update();
let ecgsyn = await load();
window.ecgsn = ecgsyn;
ecgsyn.ecgsyn();
const p = ecgsyn.parameters;
const width = document.getElementById("r_width");
width.value = p.attractors[2].b;
const theta = document.getElementById("p_theta");
theta.value = (p.attractors[0].theta * 180) / Math.PI;
function listener(event) {
p.attractors[0].theta = (theta.value * Math.PI) / 180;
p.attractors[2].b = width.value;
ecgsyn.compute();
ecgsyn.update();
}
for (const el of [theta, width]) {
el.addEventListener("input", listener);
}
</script>
<body>
<!--[if lt IE 8]>
@@ -25,5 +46,15 @@
<a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.
</p>
<![endif]-->
<canvas width="1900" height="300" id="output"></canvas>
<div>
<select>
<option value="range"></option>
</select>
<div>
<input type="range" min="0" max="1" value="0" step=".01" class="slider" id="r_width" />
<input type="range" min="-180" max="180" value="0" class="slider" id="p_theta" />
</div>
</div>
</body>
</html>