Added a way to load preset characters

game.js

@@ -3,6 +3,9 @@
 /*jshint browser: true*/
 /*jshint devel: true*/
 
+let presets = [{"name":"Fen","species":"crux","scale":"1","baseHeight":2.26,"baseMass":135,"basePawArea":0.1,"baseHandArea":0.1,"baseAnalVoreArea":0.1,"baseAssArea":0.4,"brutality":"brutality-1","victimsMilitary":false,"victimsMacros":false,"victimsMicros":false,"humanMode":false,"sameSizeVore":true,"sameSizeStomp":true,"soulVoreEnabled":true,"footType":"paw","analVore":true,"analVoreToStomach":false,"arousalEnabled":true,"arousalFactor":1,"hasTail":true,"tailCount":1,"tailType":"slinky","baseTailLength":1,"baseTailDiameter":0.3,"tailMaw":true,"hasPouch":true,"maleParts":true,"hasSheath":true,"dickType":"canine","baseDickLength":0.3,"baseDickDiameter":0.08,"baseBallDiameter":0.05,"baseCumRatio":1,"cumScale":1,"hasBreasts":true,"baseBreastDiameter":0.1,"lactationEnabled":true,"lactationFactor":0.25,"lactationScale":1,"breastVore":true,"femaleParts":true,"baseVaginaLength":0.1,"baseVaginaWidth":0.05,"baseFemcumRatio":1,"femcumScale":1}];
+
+
 let errored = false;
 
 window.onerror = function(msg, source, lineno, colno, error) {
@@ -2547,6 +2550,12 @@ function resetSettings() {
   document.forms.namedItem("custom-species-form").reset();
 }
 
+function loadPreset() {
+  let select = document.getElementById("character-presets");
+
+  loadSettings(presets[select.selectedIndex]);
+}
+
 function saveSettings() {
   let storage = window.localStorage;
   let settings = {};
@@ -2572,13 +2581,16 @@ function saveSettings() {
   storage.setItem('settings',JSON.stringify(settings));
 }
 
-function loadSettings() {
-  if (window.localStorage.getItem('settings') == null)
-    return;
+function loadSettings(settings = null) {
 
-  let storage = window.localStorage;
+  if (settings == null) {
+    if (window.localStorage.getItem('settings') == null)
+      return;
 
-  let settings = JSON.parse(storage.getItem('settings'));
+    let storage = window.localStorage;
+
+    settings = JSON.parse(storage.getItem('settings'));
+  }
   let form = document.forms.namedItem("custom-species-form");
 
   for (let i=0; i<form.length; i++) {
@@ -2885,6 +2897,15 @@ window.addEventListener('load', function(event) {
     }
   }());
 
+  let list = document.getElementById("character-presets");
+
+  for (let i=0; i < presets.length; i++) {
+    let opt = document.createElement("option");
+    opt.innerHTML = presets[i]["name"];
+    opt.value = i;
+    list.appendChild(opt);
+  }
+
   victims["stomped"] = initVictims();
   victims["tailslapped"] = initVictims();
   victims["tailmaw'd"] = initVictims();
@@ -2935,8 +2956,10 @@ window.addEventListener('load', function(event) {
   document.getElementById("button-amount-50").addEventListener("click",function() { grow_pick(50); });
   document.getElementById("button-amount-100").addEventListener("click",function() { grow_pick(100); });
 
+  document.getElementById("button-load-preset").addEventListener("click",loadPreset);
+
   document.getElementById("button-reset-custom").addEventListener("click",resetSettings);
-  document.getElementById("button-load-custom").addEventListener("click",loadSettings);
+  document.getElementById("button-load-custom").addEventListener("click",function() { loadSettings() });
   document.getElementById("button-save-custom").addEventListener("click",saveSettings);
   document.getElementById("button-start").addEventListener("click",startGame);
   setTimeout(pick_move, 2000);

stroll.html

@@ -144,6 +144,20 @@
       <button class="stat-button" id="button-dark-mode-options">Toggle Dark Mode</button>
         <p>Build your Character (leave blank for defaults)</p>
         <p>Lengths in meters, areas in square meters, masses in kilograms</p>
+        <p>You can load a preset character here...</p>
+        <div>
+          <select id="character-presets">
+          </select>
+          <button class="option-button" id="button-load-preset">Load Preset Character</button>
+        </div>
+
+        <p>Or, load/save your own character here!</p>
+        <div>
+          <button class="option-button" id="button-reset-custom">Reset Custom Character</button>
+          <button class="option-button" id="button-load-custom">Load Custom Character</button>
+          <button class="option-button" id="button-save-custom">Save Custom Character</button>
+          <button class="option-button" id="button-start">Start Stroll Game</button>
+        </div>
         <form id="custom-species-form" name="custom-species-form">
           <ul class="flex-outer">
             <div class="custom-category">
@@ -413,12 +427,6 @@
             </div>
           </ul>
         </form>
-        <div>
-          <button class="option-button" id="button-reset-custom">Reset Custom Character</button>
-          <button class="option-button" id="button-load-custom">Load Custom Character</button>
-          <button class="option-button" id="button-save-custom">Save Custom Character</button>
-          <button class="option-button" id="button-start">Start Stroll Game</button>
-        </div>
       </div>
     </div>
     <table id="victim-table">

style.css

@@ -11,12 +11,16 @@
   font-family: Arial;
 }
 
-body.dark form input {
+#character-presets {
+  font-size: 24px;
+}
+
+body.dark input {
   color: #eee;
   background: #444;
 }
 
-body.dark form select {
+body.dark select {
   color: #eee;
   background: #444;
 }