Inital commit / proof of concept

Julia Rienitz · Julia Rienitz · commit be0cad61fe51 · 2018-10-02T20:40:37.000+02:00
diff --git a/README.md b/README.md
@@ -0,0 +1,3 @@
+# Würfel Tool für das Rollenspielsystem "Das Schwarze Auge"
+
+Für alle die - wie ich - zu faul zum Rechnen sind.
diff --git a/index.html b/index.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+    <title>DSA Würfel Tool</title>
+    <script src="vue.js"></script>
+    <meta charset='utf-8'>
+    <link rel="stylesheet" href="style.css"/>
+    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=2, minimum-scale=0.5">
+</head>
+
+<body>
+<div id="app">
+    <h1>DSA Würfel Tool</h1>
+
+    <input type="button" value="Schleichen" v-on:click="rollSkill('sneek')">
+    <h2>Results</h2>
+    <div v-html="logs"></div>
+    <div></div>
+</div>
+<footer>
+    <a href="https://github.com/julia-r/dsa-roll">Auf Github</a>
+</footer>
+<script src="script.js"></script>
+</body>
+
+</html>
diff --git a/script.js b/script.js
@@ -0,0 +1,88 @@
+
+var vm = new Vue({
+    el: '#app',
+    data: {
+        myAttributes: {
+            mu: {
+                name: "Mut",
+                value: 14
+            },
+            kl:{
+                name: "Klugheit",
+                value: 11
+            },
+            in: {
+                name: "Intuition",
+                value: 14,
+            },
+            ch: {
+                name: "Charisma",
+                value: 11,
+            },
+            ff: {
+                name: "fingerfertigkeit",
+                value: 13
+            },
+            ge: {
+                name: "Gewandheit",
+                value: 14
+            },
+            ko: {
+                name: "Kondition",
+                value: 13
+            },
+            kk: {
+                name: "Körperkraft",
+                value: 15
+            }            
+        },
+        skills: {
+            sneek: {
+                name: "Schleichen",
+                attributes: ["mu", "in", "ge"],
+                value: 7
+            }
+        },
+        logs: ""
+    },
+    computed: {},
+    watch: {},
+    methods: {
+        rollSkill: function(skillID) {
+            var self = this;
+            var roll, thisAttribute, attributeName, attributeValue;
+            var skillName = self.skills[skillID].name;
+            var skillValue = self.skills[skillID].value;
+            var skillCheck = skillValue;
+            
+            var tempLog = "<h3>Würfele " + skillName +" (" + skillValue + ") </h3>";
+            for(i = 0; i < 3; i++){
+                roll = self.rollD20();
+                thisAttribute = self.skills[skillID].attributes[i];
+                attributeName = this.myAttributes[thisAttribute].name;
+                attributeValue = this.myAttributes[thisAttribute].value;
+                if(roll <= attributeValue){
+                    tempLog += attributeName + " (" + attributeValue + "): <span class='green'>" + roll + "</span>  <br>";
+                }
+                else {
+                    tempLog += attributeName + " (" + attributeValue + "): <span class='red'>" + roll + "</span> <br>";
+                    skillCheck -= roll - attributeValue;
+                } 
+            }
+            if(skillCheck >= 0){
+                tempLog += "<span class='green'>Erfolg: " + skillCheck + "</span>";
+            }
+            else {
+                tempLog += "<span class='red'>Misserfolg: " + skillCheck + "</span>";
+            }
+            self.logs = tempLog;
+        },
+
+        rollD20: function(){
+            return Math.floor(Math.random()*(20)+1);
+        }
+    },
+    config: {
+        debug: true
+    }
+});
diff --git a/style.css b/style.css
@@ -0,0 +1,35 @@
+body {
+    font-family: Verdana, sans-serif;
+    font-size: 16px;
+    margin: 0;
+    background: #fff;
+}
+
+h1, h2, h3 {
+    margin: 0.4em 0;
+}
+
+#app, footer {
+    padding: 0 10px;
+    max-width: 900px;
+    margin: 0 auto;
+}
+
+#app {
+    min-height: 95vh;
+    padding-bottom: 20px;
+    box-sizing: border-box;
+}
+
+
+.green {
+    color: green;
+}
+.red {
+    color: red;
+}
+
+footer {
+    clear: left;
+    margin: 10px auto;
+}
diff --git a/vue.js b/vue.js

Original file line number	Diff line number	Diff line change
`@@ -0,0 +1,3 @@`
	`1`	`+# Würfel Tool für das Rollenspielsystem "Das Schwarze Auge"`
	`2`	`+`
	`3`	`+Für alle die - wie ich - zu faul zum Rechnen sind.`