From 1f3850788f74b5105b1e228ccc78fe160cc7e4bb Mon Sep 17 00:00:00 2001 From: Fen Dweller Date: Tue, 20 Feb 2018 11:02:37 -0500 Subject: [PATCH] Added a basic custom species menu --- game.js | 44 +++++++++++++----------- stroll.html | 96 ++++++++++++++++++++++++++++++++++++++++++++++++++--- style.css | 47 ++++++++++++++++++++++---- 3 files changed, 157 insertions(+), 30 deletions(-) diff --git a/game.js b/game.js index 93e0b29..fa5484f 100644 --- a/game.js +++ b/game.js @@ -28,10 +28,10 @@ var macro = get analVoreArea() { return this.scaling(this.baseAnalVoreArea, this.scale, 2); }, "baseAssArea": 0.4, get assArea() { return this.scaling(this.baseAssArea, this.scale, 2); }, - "baseHandArea": 0.3, + "baseHandArea": 0.1, get handArea() { return this.scaling(this.baseHandArea, this.scale, 2); }, - "baseDickLength": 0.3048, + "baseDickLength": 0.3, "baseDickDiameter": 0.08, "dickDensity": 1000, "dickScale": 1, @@ -998,18 +998,6 @@ function grow_lots() update(["Power surges through you as you grow " + heightStr + " taller and gain " + massStr + " of mass",newline]); } -function option_male() { - macro.maleParts = !macro.maleParts; - - document.getElementById("button-male-genitals").innerHTML = (macro.maleParts ? "Male genitals on" : "Male genitals off"); -} - -function option_female() { - macro.femaleParts = !macro.femaleParts; - - document.getElementById("button-female-genitals").innerHTML = (macro.femaleParts ? "Female genitals on" : "Female genitals off"); -} - function preset(name) { switch(name){ case "Fen": @@ -1027,7 +1015,26 @@ function preset(name) { macro.baseMass = 180591661866272; } } -function startGame() { + +function startGame(e) { + if (e.preventDefault) + e.preventDefault(); + + form = document.forms.namedItem("custom-species-form"); + + for (var i=0; i
-
Welcome to Stroll 0.2.6
+
Welcome to Stroll 0.2.7
This game features 18+ content
Changelog
It's a nice day for a walk
@@ -51,9 +51,97 @@
- - - +

Welcome to Stroll 0.2.7

+

This game features 18+ content

+ Changelog +
+
+

Build your Character

+
+
    +
  • + + +
    • +
  • + + +
    • +
  • + + +
    • +
  • + + +
    • +
    +
  • + Paw size (square meters):
    +
    +
    • +
  • + Hand size (square meters):
    +
    +
    • +
  • + Tailhole size (square meters):
    +
    +
    • +
  • + Ass size (square meters):
    +
    +
    • +
    +
    + Male genitals:
    +
    +
    +
  • + Dick length: +
    +
    • +
  • + Dick thickness: +
    +
    • +
  • + Ball diameter: +
    +
    • +
  • + Cum production factor: +
    +
    • +
    +
    +
    +
    + Female genitals:
    +
    +
    +
  • + Slit length:
    +
    +
    • +
  • + Slit width:
    +
    +
    • +
  • + Breast diameter:
    +
    +
    • +
  • + Femcum production factor:
    +
    +
    • +
    +
    +
+ +
+
diff --git a/style.css b/style.css index 4fe26ab..13f70c9 100644 --- a/style.css +++ b/style.css @@ -23,6 +23,7 @@ body { #log-area { flex: 3; + display:none; } #log { @@ -61,9 +62,7 @@ body { } .option-container { - flex-wrap: wrap; - max-width: 300px; - flex: 2; + margin: auto; } .button-container { @@ -77,10 +76,6 @@ body { display: none; } -#option-panel { - display: flex; -} - .option-button { font-size: 20px; width: 120px; @@ -92,6 +87,7 @@ body { width: 300px; height: 100px; } + .action-button { font-size: 24px; width: 120px; @@ -106,3 +102,40 @@ body { .victim-table-cell { width: 10%; } + +.reveal-if-active { + opacity: 0; + max-height: 0; + overflow: hidden; +} + +input[type="radio"]:checked ~ .reveal-if-active, +input[type="checkbox"]:checked ~ .reveal-if-active { + opacity: 1; + max-height: 200px; /* little bit of a magic number :( */ + overflow: visible; +} + +.flex-outer li, +.flex-inner { + display: flex; + flex-wrap: wrap; + align-items: center; +} + +.flex-outer > li > label, +.flex-outer li p { + flex: 1 0 120px; + max-width: 220px; +} + +.flex-outer > li > label + *, +.flex-inner { + flex: 1 0 220px; +} + +.has-tooltip { + position: relative; + display: inline-block; + border-bottom: 1px dotted black; /* If you want dots under the hoverable text */ +}