rename files, add readme for default values

2025-11-04 11:21:05 +01:00
parent 0da1a6b235
commit 686aaf2f9c
8 changed files with 52 additions and 14 deletions
@@ -0,0 +1,32 @@
+# README
+
+## Changing default configuration values
+
+1. Open `main.js` 
+2. Search `formDefaults`
+3. Adjust values
+
+```js
+formDefaults: {
+  // GRUNDFLÄCHE
+  width: 10,    // Breite
+  height: 16,   // Höhe
+  scale: .4,    // Skalierung
+  // VEKTORFLÄCHE
+  overlap: .6,  // Skalierung
+  vectors: {
+    start: 1,   // Anfangsvektor
+    end: 0,     // Endvektor
+    range: .4,  // Dehnung
+  // GRAPH
+    spacing: 10 // Anfangsabstand (GRAPH)
+  },
+  nodes: 3,     // Knotenpunkte
+  stroke: 1,    // Linienstärke
+  spread: {
+    amount: 28, // Linienanzahl
+    spacing: 16 // Linienabstand
+  },
+  interval:30   // Animationsinterval
+}
+```
@@ -1,13 +1,21 @@
-<!DOCTYPE html><html lang="de-DE"><head>
-    <meta charset="utf-8">
-    <title>Random Guilloche Generator</title>
-    <base href="/">
+<!DOCTYPE html>
+<html lang="de-DE">
+<head>
+  <meta charset="utf-8">
+  <title>KARDION Guilloche Generator</title>
+  <base href="/">

-    <meta name="viewport" content="width=device-width, initial-scale=1">
-    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" integrity="sha384-WskhaSGFgHYWDcbwN70/dfYBj47jz9qbsMId/iRN3ewGhXQFZCSftd1LZCfmhktB" crossorigin="anonymous">
-  <link rel="stylesheet" href="styles.b1bd8bfaa236507d7731.css"></head>
-  <body>
-    <app-root></app-root>
-  
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css"
+        integrity="sha384-WskhaSGFgHYWDcbwN70/dfYBj47jz9qbsMId/iRN3ewGhXQFZCSftd1LZCfmhktB" crossorigin="anonymous">
+  <link rel="stylesheet" href="styles.css">
+</head>
+<body>
+<app-root></app-root>

-<script type="text/javascript" src="runtime.6afe30102d8fe7337431.js"></script><script type="text/javascript" src="polyfills.2903ad11212d7d797800.js"></script><script type="text/javascript" src="main.2ecd9b600adf516c904f.js"></script></body></html>
+
+<script type="text/javascript" src="runtime.js"></script>
+<script type="text/javascript" src="polyfills.js"></script>
+<script type="text/javascript" src="main.js"></script>
+</body>
+</html>