terrain-generator

commit b16b71b4fd2045f4941cf8026694ea748f199d60
parent c6f22171057e786acc6f7dd8783f8534ba8429b7
Author: tongong <tongong@gmx.net>
Date:   Sat, 31 Aug 2019 17:55:26 +0200

prettier font

Diffstat:
D
Oduda-Bold.otf
 | 
0

M
index.html
 | 
4
++--
M
scripts/interface.js
 | 
11
+++++++++++
M
styles.css
 | 
9
++-------

4 files changed, 15 insertions(+), 9 deletions(-)
diff --git a/Oduda-Bold.otf b/Oduda-Bold.otf
Binary files differ.
diff --git a/index.html b/index.html
@@ -36,9 +36,9 @@
         </div>
         <p>SIZE</p>
         <div class="slidecontainer">
-            <input type="range" min="1" max="8" value="4" class="slider" id="sizeSlider">
+            <input type="range" min="1" max="7" value="4" class="slider" id="sizeSlider">
         </div>
-        <p id="tongong">made by <a href="https://github.com/tongong">@tongong</a></p>
+        <p id="tongong">~ made by <a href="https://github.com/tongong">@tongong</a></p>
     </div>
 </body>
 
diff --git a/scripts/interface.js b/scripts/interface.js
@@ -3,6 +3,9 @@ var refreshTime = 0;
 function initIconAnimation() {
     var reload = document.getElementById("reloadIcon");
     var settings = document.getElementById("settingsIcon");
+    var sizeSlider = document.getElementById("sizeSlider");
+    var randomSlider = document.getElementById("randomSlider");
+    var viewSlider = document.getElementById("viewSlider");
 
     reload.addEventListener("mouseenter", function() {
         this.classList.add("animated");
@@ -34,4 +37,12 @@ function initIconAnimation() {
     settings.addEventListener('touchstart', function() {
         this.classList.add("animated");
     }, false);
+
+    viewSlider.value = 50;
+    randomSlider.value = 50;
+    sizeSlider.value = 4;
+    viewSlider.addEventListener('input', function() {
+        ANGLE_FACTOR = this.value / 50 + 0.5;
+        ANGLE = SIZE * ANGLE_FACTOR;
+    }, false);
 }
 \ No newline at end of file
diff --git a/styles.css b/styles.css
@@ -1,9 +1,4 @@
-@font-face {
-    font-family: Obuda;
-    font-weight: bold;
-    src: url("Obuda-Bold.otf") format("opentype");
-}
-
+@import url('https://fonts.googleapis.com/css?family=Montserrat:700&display=swap');
 @keyframes rotate {
     from {
         transform: rotate(0)
@@ -73,7 +68,7 @@ body {
 
 p {
     color: white;
-    font-family: 'Obuda', Fallback, sans-serif;
+    font-family: 'Montserrat', sans-serif;
 }
 
 a {