diff --git a/Cargo.toml b/Cargo.toml index 99e2c86..499a453 100644 --- a/Cargo.toml +++ b/Cargo.toml @@ -1,6 +1,6 @@ [package] name = "solar-sim" -version = "0.3.0" +version = "0.3.1" authors = ["Ben Plate "] edition = "2018" description = "Physics simulator written in Rust WASM for use in Solar Sim website" diff --git a/website-src/index.js b/website-src/index.js index ca315ab..8d8f701 100644 --- a/website-src/index.js +++ b/website-src/index.js @@ -97,6 +97,7 @@ const canvas2 = document.getElementById("trails"); const ctx = canvas.getContext("2d"); const ctx2 = canvas2.getContext("2d"); +let playing = true; let tickTime = performance.now(); function step(simulate) { @@ -145,20 +146,17 @@ function step(simulate) { if(debug && count % 10 == 0) drawTickTimeElem.innerHTML = Math.round((performance.now() - tickTime) * 1000); - window.requestAnimationFrame(step); + if(playing) window.requestAnimationFrame(step); } -let playing = true; - const toggleButton = document.getElementById("toggle"); toggleButton.addEventListener("click", (elem, e) => { if(playing) { - clearInterval(proc); toggleButton.innerHTML = "Play"; } else { - proc = setInterval(() => step(true), 10); toggleButton.innerHTML = "Pause"; + window.requestAnimationFrame(step); } playing = !playing; }); diff --git a/website-src/package-lock.json b/website-src/package-lock.json index 1b88fa4..434fc7d 100644 --- a/website-src/package-lock.json +++ b/website-src/package-lock.json @@ -1,12 +1,12 @@ { "name": "solar-sim-app", - "version": "0.3.0", + "version": "0.3.1", "lockfileVersion": 2, "requires": true, "packages": { "": { "name": "solar-sim-app", - "version": "0.3.0", + "version": "0.3.1", "license": "MIT", "dependencies": { "solar-sim": "file:../pkg" diff --git a/website-src/package.json b/website-src/package.json index edf22c9..6649768 100644 --- a/website-src/package.json +++ b/website-src/package.json @@ -1,6 +1,6 @@ { "name": "solar-sim-app", - "version": "0.3.0", + "version": "0.3.1", "description": "Creates the Solar Sim website.", "main": "index.js", "scripts": {