feat: add range input to control gravity

Signed-off-by: André Jaenisch <andre.jaenisch@posteo.de>
2 years ago · fdbdd3aaef
parent f6aad4cd6f
commit fdbdd3aaef
2 changed files with 16 additions and 0 deletions
--- a/src/css/main.css
+++ b/src/css/main.css
@ -261,3 +261,6 @@ textarea {
  }
 }

+label span {
+  display: block;
+}
--- a/src/index.html
+++ b/src/index.html
@ -17,6 +17,19 @@
  </section>
  <section data-scene="game">
    <canvas id="game" width="300" height="450"></canvas>
+    <div>
+      <label>
+	<span>Manipulate the gravity!</span>
+        <input
+	  id="gravity"
+	  type="range"
+	  min="-100"
+	  max="100"
+	  value="0"
+	  step="any"
+	  />
+      </label>
+    </div>
  </section>
  <section data-scene="credits">
    <p>