big steppy
Nevar pievienot vairāk kā 25 tēmas Tēmai ir jāsākas ar burtu vai ciparu, tā var saturēt domu zīmes ('-') un var būt līdz 35 simboliem gara.
 
 
 

1159 rindas
64 KiB

  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="utf-8">
  5. <title>Stroll</title>
  6. <link rel="stylesheet" href="style.css">
  7. <script src="sounds.js"></script>
  8. <script src="presets.js"></script>
  9. <script src="units.js"></script>
  10. <script src="recursive-macro.js"></script>
  11. <script src="recursive-desc.js"></script>
  12. <script src="game.js"></script>
  13. <meta name="theme-color" content="#000000" />
  14. <meta name="description" content="An 18+ macro/vore text game" />
  15. <meta property="og:title" content="Stroll" />
  16. <meta property="og:description" content="An 18+ macro/vore text game" />
  17. <meta property="og:image" content="https://chemicalcrux.org/stroll.png" />
  18. <link rel="shortcut icon" href="https://chemicalcrux.org/favicon.ico" type="image/x-icon" />
  19. </head>
  20. <body class="light">
  21. <script src="darkmode.js"></script>
  22. <div class="game-area">
  23. <div class="sidebar" id="stat-container">
  24. <div class="stat-header-self" id="stats-self">
  25. <p>Stats</p>
  26. <div class="stat-line" id="height"></div>
  27. <div class="stat-line" id="mass"></div>
  28. <div class="stat-line" id="growth-points"></div>
  29. <div class="stat-line" id="arousal"></div>
  30. <div class="stat-line" id="edge"></div>
  31. <div class="meter" id="arousalMeter">
  32. <div class="meterLabel">
  33. AROUSAL
  34. </div>
  35. <div class="fill">
  36. <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="300px" height="300px" viewBox="0 0 300 300" enable-background="new 0 0 300 300" xml:space="preserve">
  37. <path fill="#04ACFF" id="waveShape" d="M300,300V2.5c0,0-0.6-0.1-1.1-0.1c0,0-25.5-2.3-40.5-2.4c-15,0-40.6,2.4-40.6,2.4
  38. c-12.3,1.1-30.3,1.8-31.9,1.9c-2-0.1-19.7-0.8-32-1.9c0,0-25.8-2.3-40.8-2.4c-15,0-40.8,2.4-40.8,2.4c-12.3,1.1-30.4,1.8-32,1.9
  39. c-2-0.1-20-0.8-32.2-1.9c0,0-3.1-0.3-8.1-0.7V300H300z"/>
  40. </svg>
  41. </div>
  42. </div>
  43. <div class="meter" id="orgasmMeter">
  44. <div class="meterLabel">
  45. ORGASM
  46. </div>
  47. <div class="fill">
  48. <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="300px" height="300px" viewBox="0 0 300 300" enable-background="new 0 0 300 300" xml:space="preserve">
  49. <path fill="#04ACFF" id="waveShape" d="M300,300V2.5c0,0-0.6-0.1-1.1-0.1c0,0-25.5-2.3-40.5-2.4c-15,0-40.6,2.4-40.6,2.4
  50. c-12.3,1.1-30.3,1.8-31.9,1.9c-2-0.1-19.7-0.8-32-1.9c0,0-25.8-2.3-40.8-2.4c-15,0-40.8,2.4-40.8,2.4c-12.3,1.1-30.4,1.8-32,1.9
  51. c-2-0.1-20-0.8-32.2-1.9c0,0-3.1-0.3-8.1-0.7V300H300z"/>
  52. </svg>
  53. </div>
  54. </div>
  55. <div class="meter" id="edgeMeter">
  56. <div class="meterLabel">
  57. EDGING
  58. </div>
  59. <div class="fill">
  60. <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="300px" height="300px" viewBox="0 0 300 300" enable-background="new 0 0 300 300" xml:space="preserve">
  61. <path fill="#04ACFF" id="waveShape" d="M300,300V2.5c0,0-0.6-0.1-1.1-0.1c0,0-25.5-2.3-40.5-2.4c-15,0-40.6,2.4-40.6,2.4
  62. c-12.3,1.1-30.3,1.8-31.9,1.9c-2-0.1-19.7-0.8-32-1.9c0,0-25.8-2.3-40.8-2.4c-15,0-40.8,2.4-40.8,2.4c-12.3,1.1-30.4,1.8-32,1.9
  63. c-2-0.1-20-0.8-32.2-1.9c0,0-3.1-0.3-8.1-0.7V300H300z"/>
  64. </svg>
  65. </div>
  66. </div>
  67. <p></p>
  68. <!-- external svg is such a pain in the ass -->
  69. <div class="meter" id="cumMeter">
  70. <div class="meterLabel">
  71. CUM
  72. </div>
  73. <div class="fill">
  74. <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="300px" height="300px" viewBox="0 0 300 300" enable-background="new 0 0 300 300" xml:space="preserve">
  75. <path fill="#04ACFF" id="waveShape" d="M300,300V2.5c0,0-0.6-0.1-1.1-0.1c0,0-25.5-2.3-40.5-2.4c-15,0-40.6,2.4-40.6,2.4
  76. c-12.3,1.1-30.3,1.8-31.9,1.9c-2-0.1-19.7-0.8-32-1.9c0,0-25.8-2.3-40.8-2.4c-15,0-40.8,2.4-40.8,2.4c-12.3,1.1-30.4,1.8-32,1.9
  77. c-2-0.1-20-0.8-32.2-1.9c0,0-3.1-0.3-8.1-0.7V300H300z"/>
  78. </svg>
  79. </div>
  80. </div>
  81. <div class="meter" id="femcumMeter">
  82. <div class="meterLabel">
  83. FEMCUM
  84. </div>
  85. <div class="fill">
  86. <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="300px" height="300px" viewBox="0 0 300 300" enable-background="new 0 0 300 300" xml:space="preserve">
  87. <path fill="#04ACFF" id="waveShape" d="M300,300V2.5c0,0-0.6-0.1-1.1-0.1c0,0-25.5-2.3-40.5-2.4c-15,0-40.6,2.4-40.6,2.4
  88. c-12.3,1.1-30.3,1.8-31.9,1.9c-2-0.1-19.7-0.8-32-1.9c0,0-25.8-2.3-40.8-2.4c-15,0-40.8,2.4-40.8,2.4c-12.3,1.1-30.4,1.8-32,1.9
  89. c-2-0.1-20-0.8-32.2-1.9c0,0-3.1-0.3-8.1-0.7V300H300z"/>
  90. </svg>
  91. </div>
  92. </div>
  93. <div class="meter" id="milkMeter">
  94. <div class="meterLabel">
  95. MILK
  96. </div>
  97. <div class="fill">
  98. <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="300px" height="300px" viewBox="0 0 300 300" enable-background="new 0 0 300 300" xml:space="preserve">
  99. <path fill="#04ACFF" id="waveShape" d="M300,300V2.5c0,0-0.6-0.1-1.1-0.1c0,0-25.5-2.3-40.5-2.4c-15,0-40.6,2.4-40.6,2.4
  100. c-12.3,1.1-30.3,1.8-31.9,1.9c-2-0.1-19.7-0.8-32-1.9c0,0-25.8-2.3-40.8-2.4c-15,0-40.8,2.4-40.8,2.4c-12.3,1.1-30.4,1.8-32,1.9
  101. c-2-0.1-20-0.8-32.2-1.9c0,0-3.1-0.3-8.1-0.7V300H300z"/>
  102. </svg>
  103. </div>
  104. </div>
  105. <div class="meter" id="gasMeter">
  106. <div class="meterLabel">
  107. GAS
  108. </div>
  109. <div class="fill">
  110. <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="300px" height="300px" viewBox="0 0 300 300" enable-background="new 0 0 300 300" xml:space="preserve">
  111. <path fill="#04ACFF" id="waveShape" d="M300,300V2.5c0,0-0.6-0.1-1.1-0.1c0,0-25.5-2.3-40.5-2.4c-15,0-40.6,2.4-40.6,2.4
  112. c-12.3,1.1-30.3,1.8-31.9,1.9c-2-0.1-19.7-0.8-32-1.9c0,0-25.8-2.3-40.8-2.4c-15,0-40.8,2.4-40.8,2.4c-12.3,1.1-30.4,1.8-32,1.9
  113. c-2-0.1-20-0.8-32.2-1.9c0,0-3.1-0.3-8.1-0.7V300H300z"/>
  114. </svg>
  115. </div>
  116. </div>
  117. <div class="meter" id="pissMeter">
  118. <div class="meterLabel">
  119. PISS
  120. </div>
  121. <div class="fill">
  122. <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="300px" height="300px" viewBox="0 0 300 300" enable-background="new 0 0 300 300" xml:space="preserve">
  123. <path fill="#04ACFF" id="waveShape" d="M300,300V2.5c0,0-0.6-0.1-1.1-0.1c0,0-25.5-2.3-40.5-2.4c-15,0-40.6,2.4-40.6,2.4
  124. c-12.3,1.1-30.3,1.8-31.9,1.9c-2-0.1-19.7-0.8-32-1.9c0,0-25.8-2.3-40.8-2.4c-15,0-40.8,2.4-40.8,2.4c-12.3,1.1-30.4,1.8-32,1.9
  125. c-2-0.1-20-0.8-32.2-1.9c0,0-3.1-0.3-8.1-0.7V300H300z"/>
  126. </svg>
  127. </div>
  128. </div>
  129. <div class="meter" id="scatMeter">
  130. <div class="meterLabel">
  131. SCAT
  132. </div>
  133. <div class="fill">
  134. <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="300px" height="300px" viewBox="0 0 300 300" enable-background="new 0 0 300 300" xml:space="preserve">
  135. <path fill="#04ACFF" id="waveShape" d="M300,300V2.5c0,0-0.6-0.1-1.1-0.1c0,0-25.5-2.3-40.5-2.4c-15,0-40.6,2.4-40.6,2.4
  136. c-12.3,1.1-30.3,1.8-31.9,1.9c-2-0.1-19.7-0.8-32-1.9c0,0-25.8-2.3-40.8-2.4c-15,0-40.8,2.4-40.8,2.4c-12.3,1.1-30.4,1.8-32,1.9
  137. c-2-0.1-20-0.8-32.2-1.9c0,0-3.1-0.3-8.1-0.7V300H300z"/>
  138. </svg>
  139. </div>
  140. </div>
  141. <div class="stat-line-hidden" id="cum"></div>
  142. <div class="stat-line-hidden" id="femcum"></div>
  143. <div class="stat-line-hidden" id="milk"></div>
  144. <div class="stat-line-hidden" id="gas"></div>
  145. <div class="stat-line-hidden" id="piss"></div>
  146. <div class="stat-line-hidden" id="scat"></div>
  147. </div>
  148. <div class="stat-header-self">Growth</div>
  149. <div class="growth-box">
  150. <div id="growth-box-left">
  151. <button class="growth-part growth-part-active" id="button-growth-body">Body</button>
  152. <button class="growth-part" id="button-growth-paws">Paws</button>
  153. <button class="growth-part" id="button-growth-tail">Tail</button>
  154. <button class="growth-part" id="button-growth-ass">Ass</button>
  155. <button class="growth-part" id="button-growth-dick">Cock</button>
  156. <button class="growth-part" id="button-growth-balls">Balls</button>
  157. <button class="growth-part" id="button-growth-slit">Slit</button>
  158. <button class="growth-part" id="button-growth-breasts">Breasts</button>
  159. </div>
  160. <div id="growth-box-right">
  161. <button class="growth-amount" id="button-growth-1.1">1.1x</button>
  162. <button class="growth-amount" id="button-growth-1.5">1.5x</button>
  163. <button class="growth-amount" id="button-growth-2">2x</button>
  164. <button class="growth-amount" id="button-growth-5">5x</button>
  165. <button class="growth-amount" id="button-growth-20">20x</button>
  166. <button class="growth-amount" id="button-growth-100">100x</button>
  167. </div>
  168. </div>
  169. <div class="stat-container">
  170. <button class="stat-button" id="button-look">Look Around</button>
  171. <button class="stat-button" id="button-stats">Stats</button>
  172. </div>
  173. </div>
  174. <div id="log-area">
  175. <div id="log">
  176. <div>Welcome to Stroll 0.7.4</div>
  177. <div><b>This game features 18+ content</b></div>
  178. <div>&nbsp;</div>
  179. </div>
  180. <div id="react-log">
  181. <div>It's a nice day for a walk</div>
  182. <div>&nbsp;</div>
  183. </div>
  184. </div>
  185. <div class="sidebar" id="action-panel">
  186. <div class="action-part-container">
  187. <button class="active action-part-button" id="action-part-body">Body</button>
  188. <button class="action-part-button" id="action-part-paws">Paws</button>
  189. <button class="action-part-button" id="action-part-dick">Cock</button>
  190. <button class="action-part-button" id="action-part-vagina">Slit</button>
  191. <button class="action-part-button" id="action-part-breasts">Breasts</button>
  192. <button class="action-part-button" id="action-part-tails">Tails</button>
  193. <button class="action-part-button" id="action-part-souls">Souls</button>
  194. <button class="action-part-button" id="action-part-shoes">Shoes</button>
  195. <button class="action-part-button" id="action-part-waste">Waste</button>
  196. <button class="action-part-button" id="action-part-goo">Goo</button>
  197. <button class="action-part-button" id="action-part-magic">Magic</button>
  198. <button class="action-part-button" id="action-part-misc">Misc</button>
  199. <button class="action-part-button" id="action-part-breath">Breath</button>
  200. <button class="action-part-button" id="action-part-options">Options</button>
  201. </div>
  202. <div class="action-tab" id="actions-body">
  203. <button class="action-button" id="button-action-feed">Eat</button>
  204. <button class="action-button" id="button-action-crop_swallow">Crop Swallow</button>
  205. <button class="action-button" id="button-action-digest_stomach">Digest</button>
  206. <button class="action-button" id="button-action-chew">Chew</button>
  207. <button class="action-button" id="button-action-drool">Drool</button>
  208. <button class="action-button" id="button-action-vomit">Vomit</button>
  209. <button class="action-button" id="button-action-sit">Sit</button>
  210. <button class="action-button" id="button-action-ass_grind">Grind ass</button>
  211. <button class="action-button" id="button-action-anal_vore">Anal Vore</button>
  212. <button class="action-button" id="button-action-digest_anal">Digest Bowels</button>
  213. <button class="action-button" id="button-action-grind">Grind hips</button>
  214. </div>
  215. <div class="action-tab" id="actions-paws">
  216. <button class="action-button" id="button-action-stomp">Stomp</button>
  217. <button class="action-button" id="button-action-flex_toes">Flex Toes</button>
  218. <button class="action-button" id="button-action-paw_vore">Absorb</button>
  219. <button class="action-button" id="button-action-digest_paws">Digest</button>
  220. </div>
  221. <div class="action-tab" id="actions-tails">
  222. <button class="action-button" id="button-action-tail_slap">Tail Slap</button>
  223. <button class="action-button" id="button-action-tail_vore_only">Tail Vore</button>
  224. <button class="action-button" id="button-action-tail_vore_one">Tail Vore (1)</button>
  225. <button class="action-button" id="button-action-tail_vore_some">Tail Vore (some)</button>
  226. <button class="action-button" id="button-action-tail_vore_all">Tail Vore (all!)</button>
  227. <button class="action-button" id="button-action-digest_tail">Digest</button>
  228. </div>
  229. <div class="action-tab" id="actions-breasts">
  230. <button class="action-button" id="button-action-cleavage_stuff">Stuff Cleavage</button>
  231. <button class="action-button" id="button-action-breast_toy">Squeeze Cleavage</button>
  232. <button class="action-button" id="button-action-cleavage_crush">Crush Cleavage</button>
  233. <button class="action-button" id="button-action-cleavage_drop">Drop Cleavage</button>
  234. <button class="action-button" id="button-action-cleavage_absorb">Absorb Cleavage</button>
  235. <button class="action-button" id="button-action-breast_crush">Breast Crush</button>
  236. <button class="action-button" id="button-action-breast_vore">Breast Vore</button>
  237. <button class="action-button" id="button-action-digest_breast">Digest</button>
  238. <button class="action-button" id="button-action-breast_milk">Milk Breasts</button>
  239. </div>
  240. <div class="action-tab" id="actions-vagina">
  241. <button class="action-button" id="button-action-unbirth">Unbirth</button>
  242. <button class="action-button" id="button-action-digest_unbirth">Digest</button>
  243. <button class="action-button" id="button-action-slit_toy">Finger Slit</button>
  244. </div>
  245. <div class="action-tab" id="actions-dick">
  246. <button class="action-button" id="button-action-sheath_stuff">Stuff Sheath</button>
  247. <button class="action-button" id="button-action-sheath_toy">Squeeze Sheath</button>
  248. <button class="action-button" id="button-action-sheath_clench">Clench Sheath</button>
  249. <button class="action-button" id="button-action-sheath_absorb">Absorb Sheath</button>
  250. <button class="action-button" id="button-action-cockslap">Cockslap</button>
  251. <button class="action-button" id="button-action-cock_vore">Cock Vore</button>
  252. <button class="action-button" id="button-action-digest_cock">Digest</button>
  253. <button class="action-button" id="button-action-ball_smother">Ball Smother</button>
  254. </div>
  255. <div class="action-tab" id="actions-souls">
  256. <button class="action-button" id="button-action-soul_vore">Soul Vore</button>
  257. <button class="action-button" id="button-action-digest_soul">Digest</button>
  258. <button class="action-button" id="button-action-soul_absorb_paw">Paws</button>
  259. </div>
  260. <div class="action-tab" id="actions-shoes">
  261. <button class="action-button" id="button-action-wear_shoes">Put On Shoes</button>
  262. <button class="action-button" id="button-action-remove_shoes">Take Off Shoes</button>
  263. <button class="action-button" id="button-action-wear_socks">Put On Socks</button>
  264. <button class="action-button" id="button-action-remove_socks">Take Off Socks</button>
  265. <button class="action-button" id="button-action-stuff_shoes">Stuff Shoes</button>
  266. <button class="action-button" id="button-action-stuff_socks">Stuff Socks</button>
  267. <button class="action-button" id="button-action-dump_shoes">Dump Shoes</button>
  268. <button class="action-button" id="button-action-dump_socks">Dump Socks</button>
  269. </div>
  270. <div class="action-tab" id="actions-waste">
  271. <button class="action-button" id="button-action-belch">Belch</button>
  272. <button class="action-button" id="button-action-fart">Fart</button>
  273. <button class="action-button" id="button-action-piss">Piss</button>
  274. <button class="action-button" id="button-action-bladder_vore">Bladder Vore</button>
  275. <button class="action-button" id="button-action-digest_bladder">Digest</button>
  276. <button class="action-button" id="button-action-scat">Scat</button>
  277. </div>
  278. <div class="action-tab" id="actions-goo">
  279. <button class="action-button" id="button-action-solidify">Solidify</button>
  280. <button class="action-button" id="button-action-melt">Melt</button>
  281. <button class="action-button" id="button-action-flood">Flood</button>
  282. <button class="action-button" id="button-action-goo_stomach_push">Push to Stomach</button>
  283. <button class="action-button" id="button-action-goo_stomach_pull">Pull from Stomach</button>
  284. <button class="action-button" id="button-action-goo_bowels_push">Push to Bowels</button>
  285. <button class="action-button" id="button-action-goo_bowels_pull">Pull from Bowels</button>
  286. <button class="action-button" id="button-action-goo_womb_push">Push to Womb</button>
  287. <button class="action-button" id="button-action-goo_womb_pull">Pull from Womb</button>
  288. <button class="action-button" id="button-action-goo_balls_push">Push to Balls</button>
  289. <button class="action-button" id="button-action-goo_balls_pull">Pull from Balls</button>
  290. <button class="action-button" id="button-action-goo_breasts_push">Push to Breasts</button>
  291. <button class="action-button" id="button-action-goo_breasts_pull">Pull from Breasts</button>
  292. <button class="action-button" id="button-action-goo_tail_push">Push to Tails</button>
  293. <button class="action-button" id="button-action-goo_tail_pull">Pull from Tails</button>
  294. <button class="action-button" id="button-action-goo_paws_push">Push to Paws</button>
  295. <button class="action-button" id="button-action-goo_paws_pull">Pull from Paws</button>
  296. <button class="action-button" id="button-action-digest_goo">Digest</button>
  297. </div>
  298. <div class="action-tab" id="actions-misc">
  299. <button class="action-button" id="button-action-pouch_stuff">Stuff Pouch</button>
  300. <button class="action-button" id="button-action-pouch_rub">Rub Pouch</button>
  301. <button class="action-button" id="button-action-pouch_eat">Eat From Pouch</button>
  302. <button class="action-button" id="button-action-pouch_absorb">Absorb Pouch</button>
  303. </div>
  304. <div class="action-tab" id="actions-breath">
  305. <button class="action-button" id="button-action-breath_line" data-free="true">Line Shape</button>
  306. <button class="action-button" id="button-action-breath_cone" data-free="true">Cone Shape</button>
  307. <button class="action-button" id="button-action-breath_fire">Fire</button>
  308. <button class="action-button" id="button-action-breath_ice">Ice</button>
  309. <button class="action-button" id="button-action-breath_electric">Electric</button>
  310. <button class="action-button" id="button-action-breath_smoke">Smoke</button>
  311. <button class="action-button" id="button-action-breath_radiation">Radiation</button>
  312. <button class="action-button" id="button-action-breath_foul">Foul</button>
  313. </div>
  314. <div class="action-tab" id="actions-magic">
  315. <button class="action-button" id="button-action-magic_shrink">Shrink</button>
  316. <button class="action-button" id="button-action-magic_fast_digestion">Fast Digestion</button>
  317. </div>
  318. <div class="action-tab" id="actions-options">
  319. <button class="stat-button" id="button-arousal">Arousal On</button>
  320. <button class="stat-button" id="button-stroll">Status: Standing</button>
  321. <button class="stat-button" id="button-numbers">Numbers: Words</button>
  322. <button class="stat-button" id="button-units">Units: Metric</button>
  323. <button class="stat-button" id="button-verbose">Verbose Text</button>
  324. <button class="stat-button" id="button-dark-mode-game">Toggle Dark Mode</button>
  325. <button class="stat-button" id="button-debug-log">Debug Log</button>
  326. </div>
  327. </div>
  328. </div>
  329. <div class="character-build" id="character-build-area">
  330. <p>Welcome to Stroll 0.7.4</p>
  331. <p><b>This game features 18+ content</b></p>
  332. <p><a href="https://chemicalcrux.org/stroll">Changelog</a> - <a href="https://t.me/joinchat/BSXHzUZmSqc-CXB1khkuYw">Telegram</a> - <a href="https://discord.gg/7pdcVhD">Discord</a></p>
  333. <p>Stroll is a text-based macro game. Stomp things, eat things, abuse things - then grow larger and do it all over again.</p>
  334. <p><b>Stroll is designed for modern browsers. Chrome, Firefox, or Edge are suggested. Older browsers will likely fail to run the game. Mobile should work fine.</b></p>
  335. <div id="browser-ok"></div>
  336. <p>Leave a box empty for a sane default value</p>
  337. <p>Lengths in meters, areas in square meters, masses in kilograms, times in seconds</p>
  338. <p>(but you can preview the customary value)</p>
  339. <p>Click on boxed titles to enable and disable features.</p>
  340. <div id="custom-species">
  341. <ul class="flex-outer">
  342. <div class="custom-category">
  343. <p>Reset the sheet here (saved data isn't affected). You can also load the character you started your most recent game with.</p>
  344. <div>
  345. <button class="option-button" id="button-reset-custom">Reset</button>
  346. <button class="option-button" id="button-load-autosave">Load Last</button>
  347. </div>
  348. </div>
  349. <div class="custom-category">
  350. <div>
  351. <button class="option-button" id="button-start">Start Game</button>
  352. </div>
  353. </div>
  354. <div class="custom-category">
  355. <button class="option-button" id="button-dark-mode-options">Toggle Dark Mode</button>
  356. <button class="option-button" id="button-units-options">Units: Metric</button>
  357. </div>
  358. <div class="custom-category">
  359. <p>You can load a preset character here...</p>
  360. <div>
  361. <select id="character-presets">
  362. </select>
  363. <button type="button" class="option-button" id="button-load-preset">Load Preset Character</button>
  364. </div>
  365. </div>
  366. <div class="custom-category">
  367. <p>Or, load/save your own character internally here. It'll be saved in your browser, so you can come back to it later.</p>
  368. <div>
  369. <button type="button" class="option-button" id="button-load-custom">Load Custom Character</button>
  370. <button type="button" class="option-button" id="button-save-custom">Save Custom Character</button>
  371. </div>
  372. </div>
  373. <div class="custom-category">
  374. <p>Or export/import your character to text here. Copy and paste to share.</p>
  375. <div class>
  376. <button type="button" class="option-button" id="button-export-clear">Clear Space</button>
  377. <button type="button" class="option-button" id="button-export-preset">Export Your Character</button>
  378. <button type="button" class="option-button" id="button-import-preset">Import Your Character</button>
  379. <p><input autocomplete="off" type="text" id="export-area" placeholder="Paste character data here..."></p>
  380. </div>
  381. </div>
  382. </ul>
  383. <form id="custom-species-form" name="custom-species-form">
  384. <ul class="flex-outer">
  385. <div class="custom-category">
  386. <div class="custom-header-static">Basics</div>
  387. <div>
  388. <li>
  389. <label for="name">Name</label>
  390. <input autocomplete="off" type="text" id="name" name="name" />
  391. </li>
  392. <li>
  393. <label for="species">Species</label>
  394. <input autocomplete="off" type="text" id="species" name="species" placeholder="crux" />
  395. </li>
  396. <li>
  397. <label for="scale" class="has-tooltip" title="How many times larger than normal you start.">Scale (?)</label>
  398. <input autocomplete="off" type="number" step="any" id="scale" name="scale" placeholder="1" />
  399. <div class="preview" id="scalePreview"></div>
  400. </li>
  401. <li>
  402. <label for="baseHeight">Height</label>
  403. <input autocomplete="off" type="number" step="any" id="baseHeight" name="baseHeight" data-unit="length" placeholder="2.26" />
  404. <div class="preview" id="baseHeightPreview"></div>
  405. </li>
  406. <li>
  407. <label for="baseMass">Weight</label>
  408. <input autocomplete="off" type="number" step="any" id="baseMass" name="baseMass" data-unit="mass" placeholder="135">
  409. <div class="preview" id="baseMassPreview"></div>
  410. </li>
  411. <li>
  412. <label for="basePawArea">Paw area</label>
  413. <input autocomplete="off" type="number" step="any" id="basePawArea" name="basePawArea" data-unit="area" placeholder="0.1">
  414. <div class="preview" id="basePawAreaPreview"></div>
  415. </li>
  416. <li>
  417. <label for="baseHandArea">Hand area</label>
  418. <input autocomplete="off" type="number" step="any" id="baseHandArea" name="baseHandArea" data-unit="area" placeholder="0.1">
  419. <div class="preview" id="baseHandAreaPreview"></div>
  420. </li>
  421. <li>
  422. <label for="baseAssArea">Ass area</label>
  423. <input autocomplete="off" type="number" step="any" id="baseAssArea" name="baseAssArea" data-unit="area" placeholder="0.25">
  424. <div class="preview" id="baseAssAreaPreview"></div>
  425. </li>
  426. </div>
  427. </div>
  428. <div class="custom-category">
  429. <div class="custom-header-static">Difficulty</div>
  430. <div>
  431. <div>
  432. <li>
  433. <input autocomplete="off" type="radio" name="difficulty" checked="true" id="difficulty-0" value="0">
  434. <label for="difficulty-0" class="has-tooltip" title="No restrictions">Sandbox</label>
  435. </li>
  436. <li>
  437. <input autocomplete="off" type="radio" name="difficulty" id="difficulty-1" value="1">
  438. <label for="difficulty-1" class="has-tooltip" title="Growth points required to get big, actions have cooldowns">Stompvival</label>
  439. </li>
  440. </div>
  441. </div>
  442. </div>
  443. <div class="custom-category">
  444. <div class="custom-header-static">Brutality</div>
  445. <div>
  446. <li>
  447. <input autocomplete="off" type="radio" name="brutality" id="brutality-0" value="0">
  448. <label for="brutality-0">Non-fatal</label>
  449. </li>
  450. <li>
  451. <input autocomplete="off" type="radio" name="brutality" checked="true" id="brutality-1" value="1">
  452. <label for="brutality-1">Fatal, no gore</label>
  453. </li>
  454. <li>
  455. <input autocomplete="off" type="radio" name="brutality" id="brutality-2" value="2">
  456. <label for="brutality-2">Gory</label>
  457. </li>
  458. <li>
  459. <input autocomplete="off" type="radio" name="brutality" id="brutality-3" value="3">
  460. <label for="brutality-3">Sadistic</label>
  461. </li>
  462. </div>
  463. </div>
  464. <div class="custom-category">
  465. <div class="custom-header-static">Victims</div>
  466. <div>
  467. <li>
  468. <input autocomplete="off" type="checkbox" name="victimsHuman" id="victimsHuman" />
  469. <label for="victimsHuman">Human prey (instead of anthros)</label>
  470. </li>
  471. <li>
  472. <input autocomplete="off" type="checkbox" name="victimsMilitary" id="victimsMilitary" />
  473. <label for="victimsMilitary">Military</label>
  474. </li>
  475. <li>
  476. <input autocomplete="off" type="checkbox" name="victimsMacros" id="victimsMacros" />
  477. <label for="victimsMacros">Smaller macros</label>
  478. </li>
  479. <li>
  480. <input autocomplete="off" type="checkbox" name="victimsMicros" id="victimsMicros" />
  481. <label for="victimsMicros">Micros</label>
  482. </li>
  483. </div>
  484. </div>
  485. <div class="custom-category">
  486. <div class="custom-header-static">Misc</div>
  487. <div>
  488. <li>
  489. <input autocomplete="off" type="checkbox" checked="true" name="sameSizeVore" id="sameSizeVore"/>
  490. <label class="has-tooltip" for="sameSizeVore" title="Can you eat people your own size?">Same-size predator</label>
  491. </li>
  492. <li>
  493. <input autocomplete="off" type="checkbox" checked="true" name="sameSizeStomp" id="sameSizeStomp"/>
  494. <label class="has-tooltip" for="sameSizeStomp" title="Can you stomp and sit on people your own size?">Same-size stomper</label>
  495. </li>
  496. <li>
  497. <label for="oralDigestTime">Stomach digestion time (0 for manual)</label>
  498. <input autocomplete="off" type="number" step="any" id="oralDigestTime" name="oralDigestTime" placeholder="15">
  499. </li>
  500. <li>
  501. <input autocomplete="off" type="checkbox" name="vomitEnabled" id="vomitEnabled"/>
  502. <label for="vomitEnabled">Vomiting</label>
  503. </li>
  504. <li>
  505. <label for="footType">Foot type</label>
  506. <select name="footType">
  507. <option value="paw">Paws</option>
  508. <option value="hoof">Hooves</option>
  509. <option value="foot">Human</option>
  510. <option value="avian">Avian</option>
  511. </select>
  512. </li>
  513. <li>
  514. <label for="jawType">Mouth type</label>
  515. <select name="jawType">
  516. <option value="jaw">Jaws</option>
  517. <option value="beak">Beak</option>
  518. </select>
  519. </li>
  520. </div>
  521. </div>
  522. <div class="custom-category">
  523. <input autocomplete="off" class="custom-header-checkbox" type="checkbox" id="footWear" name="footWear" />
  524. <label class="custom-header" for="footWear">Footwear</label>
  525. <div class="reveal-if-active">
  526. <li>
  527. <div class="custom-category-sub">
  528. <ul class="flex-outer-sub">
  529. <input autocomplete="off" class="custom-header-checkbox" type="checkbox" checked="true" id="footSockEnabled" name="footSockEnabled" />
  530. <label class="custom-header" for="footSockEnabled">Socks</label>
  531. <div class="reveal-if-active">
  532. <li>
  533. <label for="footSock">Sock type</label>
  534. <select name="footSock">
  535. <option value="sock">Socks</option>
  536. </select>
  537. </li>
  538. </div>
  539. </ul>
  540. </div>
  541. <div class="custom-category-sub">
  542. <ul class="flex-outer-sub">
  543. <input autocomplete="off" class="custom-header-checkbox" type="checkbox" checked="true" id="footShoeEnabled" name="footShoeEnabled" />
  544. <label class="custom-header" for="footShoeEnabled">Shoes</label>
  545. <div class="reveal-if-active">
  546. <li>
  547. <label for="footShoe">Shoe type</label>
  548. <select name="footShoe">
  549. <option value="shoe">Shoes</option>
  550. <option value="boot">Boots</option>
  551. <option value="trainer">Trainers</option>
  552. <option value="sandal">Sandals</option>
  553. </select>
  554. </li>
  555. </div>
  556. </ul>
  557. </div>
  558. </li>
  559. </div>
  560. </div>
  561. <div class="custom-category">
  562. <input autocomplete="off" class="custom-header-checkbox" type="checkbox" id="analVore" name="analVore" />
  563. <label class="custom-header" for="analVore">Anal Vore</label>
  564. <div class="reveal-if-active">
  565. <li>
  566. <label for="baseAnalVoreDiameter">Tailhole diameter</label>
  567. <input autocomplete="off" type="number" step="any" id="baseAnalVoreDiameter" name="baseAnalVoreDiameter" data-unit="length" placeholder="0.1">
  568. <div class="preview" id="baseAnalVoreDiameterPreview"></div>
  569. </li>
  570. <li>
  571. <input autocomplete="off" type="checkbox" name="analVoreToStomach" id="analVoreToStomach" />
  572. <label class="has-tooltip" for="analVoreToStomach" title="Otherwise, bowels absorb/digest">Anal vore goes to stomach</label>
  573. </li>
  574. <li>
  575. <label for="analDigestTime">Digestion time (0 for manual)</label>
  576. <input autocomplete="off" type="number" step="any" id="analDigestTime" name="analDigestTime" placeholder="15">
  577. </li>
  578. </div>
  579. </div>
  580. <div class="custom-category">
  581. <input autocomplete="off" class="custom-header-checkbox" type="checkbox" id="arousalEnabled" name="arousalEnabled" />
  582. <label class="custom-header" for="arousalEnabled">Arousal</label>
  583. <div class="reveal-if-active">
  584. <li>
  585. <label class="has-tooltip" for="arousalFactor" title="Multiplies arousal gain by this much">Arousal multiplier</label>
  586. <input autocomplete="off" type="number" step="any" name="arousalFactor" placeholder="1" />
  587. </li>
  588. <li>
  589. <label class="has-tooltip" for="edgeFactor" title="Multiplies edge gain by this much">Edge multiplier</label>
  590. <input autocomplete="off" type="number" step="any" name="edgeFactor" placeholder="1" />
  591. </li>
  592. </div>
  593. </div>
  594. <div class="custom-category">
  595. <input autocomplete="off" class="custom-header-checkbox" type="checkbox" id="hasTail" name="hasTail" />
  596. <label class="custom-header" for="hasTail">Tails</label>
  597. <div class="reveal-if-active">
  598. <li>
  599. <label for="tailCount">Tail count</label>
  600. <input autocomplete="off" type="number" step="any" name="tailCount" placeholder="1" />
  601. </li>
  602. <li>
  603. <label for="tailType">Tail type</label>
  604. <input autocomplete="off" type="text" name="tailType" placeholder="slinky" />
  605. </li>
  606. <li>
  607. <label for="baseTailLength">Tail length</label>
  608. <input autocomplete="off" type="number" step="any" name="baseTailLength" id="baseTailLength" data-unit="length" placeholder="1" />
  609. <div class="preview" id="baseTailLengthPreview"></div>
  610. </li>
  611. <li>
  612. <label for="baseTailDiameter">Tail diameter</label>
  613. <input autocomplete="off" type="number" step="any" name="baseTailDiameter" id="baseTailDiameter" data-unit="area" placeholder="0.3" />
  614. <div class="preview" id="baseTailDiameterPreview"></div>
  615. </li>
  616. <li>
  617. <div class="custom-category-sub">
  618. <ul class="flex-outer-sub">
  619. <input autocomplete="off" class="custom-header-checkbox" type="checkbox" id="tailMaw" name="tailMaw" />
  620. <label class="custom-header" for="tailMaw">Tail Vore</label>
  621. <div class="reveal-if-active">
  622. <li>
  623. <label for="tailStretchiness">Tail stretchiness</label>
  624. <input autocomplete="off" type="number" step="any" name="tailStretchiness" placeholder="1" />
  625. </li>
  626. <li>
  627. <label for="tailDigestTime">Digestion time (0 for manual)</label>
  628. <input autocomplete="off" type="number" step="any" id="tailDigestTime" name="tailDigestTime" placeholder="15">
  629. </li>
  630. <li>
  631. <input autocomplete="off" type="checkbox" checked="true" name="tailVoreToStomach" id="tailVoreToStomach" />
  632. <label class="has-tooltip" for="tailVoreToStomach" title="Otherwise, tail(s) will digest/absorb">Tail vore goes to stomach</label>
  633. </li>
  634. </div>
  635. </ul>
  636. </div>
  637. </li>
  638. </div>
  639. </div>
  640. <div class="custom-category">
  641. <input autocomplete="off" class="custom-header-checkbox" type="checkbox" id="hasPouch" name="hasPouch" />
  642. <label class="custom-header" for="hasPouch">Pouch</label>
  643. <div class="reveal-if-active">
  644. <li>
  645. It's on :D
  646. </li>
  647. </div>
  648. </div>
  649. <div class="custom-category">
  650. <input autocomplete="off" class="custom-header-checkbox" type="checkbox" id="maleParts" name="maleParts" />
  651. <label class="custom-header" for="maleParts">Male genitals</label>
  652. <div class="reveal-if-active">
  653. <li>
  654. <label for="dickType">Cock type</label>
  655. <input autocomplete="off" type="text" id="dickType" name="dickType" placeholder="canine" />
  656. </li>
  657. <li>
  658. <label for="baseDickLength">Cock length</label>
  659. <input autocomplete="off" type="number" step="any" id="baseDickLength" name="baseDickLength" data-unit="length" placeholder="0.3" />
  660. <div class="preview" id="baseDickLengthPreview"></div>
  661. </li>
  662. <li>
  663. <label for="baseDickDiameter">Cock diameter</label>
  664. <input autocomplete="off" type="number" step="any" id="baseDickDiameter" name="baseDickDiameter" data-unit="length" placeholder="0.08" />
  665. <div class="preview" id="baseDickDiameterPreview"></div>
  666. </li>
  667. <li>
  668. <label for="dickStretchiness">Cock stretchiness</label>
  669. <input autocomplete="off" type="number" step="any" name="dickStretchiness" placeholder="1" />
  670. </li>
  671. <li>
  672. <label for="baseBallDiameter">Ball diameter</label>
  673. <input autocomplete="off" type="number" step="any" id="baseBallDiameter" name="baseBallDiameter" data-unit="length" placeholder="0.05" />
  674. <div class="preview" id="baseBallDiameterPreview"></div>
  675. </li>
  676. <li>
  677. <label for="baseCumRatio" class="has-tooltip" title="scales how much cum is released with each shot">Orgasm cum factor</label>
  678. <input autocomplete="off" type="number" step="any" id="baseCumRatio" name="baseCumRatio" placeholder="1" />
  679. <div class="preview" id="baseCumRatioPreview"></div>
  680. </li>
  681. <li>
  682. <label for="baseMass" class="has-tooltip" title="1 = 1% of normal storage filled per second">Passive cum production</label>
  683. <input autocomplete="off" type="number" step="any" id="cumScale" name="cumScale" placeholder="1" />
  684. <div class="preview" id="cumScalePreview"></div>
  685. </li>
  686. <li>
  687. <label for="cumStorageScale">Cum storage factor</label>
  688. <input autocomplete="off" type="number" step="any" id="cumStorageScale" name="cumStorageScale" placeholder="1" />
  689. <div class="preview" id="cumStorageScalePreview"></div>
  690. </li>
  691. <li>
  692. <label for="baseCumDigestFactor">Cum digestion factor</label>
  693. <input autocomplete="off" type="number" step="any" id="baseCumDigestFactor" name="baseCumDigestFactor" placeholder="1" />
  694. <div class="preview" id="baseCumDigestFactorPreview"></div>
  695. </li>
  696. <li>
  697. <label for="cockDigestTime">Digestion time (0 for manual)</label>
  698. <input autocomplete="off" type="number" step="any" id="cockDigestTime" name="cockDigestTime" placeholder="15">
  699. </li>
  700. <li>
  701. <input autocomplete="off" type="checkbox" id="hasSheath" name="hasSheath" checked="true" />
  702. <label for="hasSheath">Sheath</label>
  703. </li>
  704. <li>
  705. <input autocomplete="off" type="checkbox" id="cumScaleWithSize" name="cumScaleWithSize" />
  706. <label class="has-tooltip" for="cumScaleWithSize" title="If checked, produces more cum from the same prey as you get larger">Scale cum with size</label>
  707. </li>
  708. <li>
  709. <div class="custom-category-sub">
  710. <ul class="flex-outer-sub">
  711. <input autocomplete="off" class="custom-header-checkbox" type="checkbox" id="maleMuskEnabled" name="maleMuskEnabled" />
  712. <label class="custom-header" for="maleMuskEnabled">Musk</label>
  713. <div class="reveal-if-active">
  714. <li>
  715. <label for="baseMaleMuskArea">Musk factor</label>
  716. <input autocomplete="off" type="number" step="any" id="baseMaleMuskArea" name="baseMaleMuskArea" placeholder="0.5" />
  717. </li>
  718. </div>
  719. </ul>
  720. </div>
  721. </li>
  722. </div>
  723. </div>
  724. <div class="custom-category">
  725. <input autocomplete="off" class="custom-header-checkbox" type="checkbox" id="hasBreasts" name="hasBreasts" />
  726. <label class="custom-header" for="hasBreasts">Breasts</label>
  727. <div class="reveal-if-active">
  728. <li>
  729. <label for="baseBreastDiameter">Breast diameter</label>
  730. <input autocomplete="off" type="number" step="any" id="baseBreastDiameter" name="baseBreastDiameter" data-unit="length" placeholder="0.1" />
  731. <div class="preview" id="baseBreastDiameterPreview"></div>
  732. </li>
  733. <li>
  734. <div class="custom-category-sub">
  735. <ul class="flex-outer-sub">
  736. <input autocomplete="off" class="custom-header-checkbox" type="checkbox" id="lactationEnabled" name="lactationEnabled" />
  737. <label class="custom-header" for="lactationEnabled">Lactation</label>
  738. <div class="reveal-if-active">
  739. <li>
  740. <label for="lactationFactor" class="has-tooltip" title="scales how much milk is released with each squeeze">Lactation ratio</label>
  741. <input autocomplete="off" type="number" step="any" id="lactationFactor" name="lactationFactor" placeholder="0.25" />
  742. <div class="preview" id="lactationFactorPreview"></div>
  743. </li>
  744. <li>
  745. <label for="lactationScale" class="has-tooltip" title="1 = 1% of normal storage filled per second">Passive milk production</label>
  746. <input autocomplete="off" type="number" step="any" id="lactationScale" name="lactationScale" placeholder="1" />
  747. <div class="preview" id="lactationScalePreview"></div>
  748. </li>
  749. <li>
  750. <label for="milkStorageScale">Milk storage factor</label>
  751. <input autocomplete="off" type="number" step="any" id="milkStorageScale" name="milkStorageScale" placeholder="1" />
  752. <div class="preview" id="milkStorageScalePreview"></div>
  753. </li>
  754. </div>
  755. </ul>
  756. </div>
  757. </li>
  758. <li>
  759. <div class="custom-category-sub">
  760. <ul class="flex-outer-sub">
  761. <input autocomplete="off" class="custom-header-checkbox" type="checkbox" id="breastVore" name="breastVore" />
  762. <label class="custom-header" for="breastVore">Breast Vore</label>
  763. <div class="reveal-if-active">
  764. <li>
  765. <label for="breastStretchiness">Breast stretchiness</label>
  766. <input autocomplete="off" type="number" step="any" name="breastStretchiness" placeholder="1" />
  767. </li>
  768. <li>
  769. <label for="baseMilkDigestFactor">Milk digestion factor</label>
  770. <input autocomplete="off" type="number" step="any" id="baseMilkDigestFactor" name="baseMilkDigestFactor" placeholder="1" />
  771. <div class="preview" id="baseMilkDigestFactorPreview"></div>
  772. </li>
  773. <li>
  774. <label for="breastDigestTime">Digestion time (0 for manual)</label>
  775. <input autocomplete="off" type="number" step="any" id="breastDigestTime" name="breastDigestTime" placeholder="15">
  776. </li>
  777. <li>
  778. <input autocomplete="off" type="checkbox" id="milkScaleWithSize" name="milkScaleWithSize" />
  779. <label class="has-tooltip" for="milkScaleWithSize" title="If checked, produces more milk from the same prey as you get larger">Scale milk with size</label>
  780. </li>
  781. </div>
  782. </ul>
  783. </div>
  784. </li>
  785. </div>
  786. </div>
  787. <div class="custom-category">
  788. <input autocomplete="off" class="custom-header-checkbox" type="checkbox" id="femaleParts" name="femaleParts" />
  789. <label class="custom-header" for="femaleParts">Female genitals</label>
  790. <div class="reveal-if-active">
  791. <li>
  792. <label for="baseVaginaLength">Slit length</label>
  793. <input autocomplete="off" type="number" step="any" id="baseVaginaLength" name="baseVaginaLength" data-unit="length" placeholder="0.1" />
  794. <div class="preview" id="baseVaginaLengthPreview"></div>
  795. </li>
  796. <li>
  797. <label for="baseVaginaWidth">Slit width</label>
  798. <input autocomplete="off" type="number" step="any" id="baseVaginaWidth" name="baseVaginaWidth" data-unit="length" placeholder="0.05" />
  799. <div class="preview" id="baseVaginaWidthPreview"></div>
  800. </li>
  801. <li>
  802. <label for="vaginaStretchiness">Slit stretchiness</label>
  803. <input autocomplete="off" type="number" step="any" name="vaginaStretchiness" placeholder="1" />
  804. </li>
  805. <li>
  806. <label for="baseFemcumRatio" class="has-tooltip" title="scales how much femcum is released with each shot">Orgasm femcum factor </label>
  807. <input autocomplete="off" type="number" step="any" id="baseFemcumRatio" name="baseFemcumRatio" placeholder="1" />
  808. <div class="preview" id="baseFemcumRatioPreview"></div>
  809. </li>
  810. <li>
  811. <label for="femcumScale" class="has-tooltip" title="1 = 1% of normal storage filled per second">Passive femcum production</label>
  812. <input autocomplete="off" type="number" step="any" id="femcumScale" name="femcumScale" placeholder="1" />
  813. <div class="preview" id="femcumScalePreview"></div>
  814. </li>
  815. <li>
  816. <label for="femcumStorageScale">Femcum storage factor</label>
  817. <input autocomplete="off" type="number" step="any" id="femcumStorageScale" name="femcumStorageScale" placeholder="1" />
  818. <div class="preview" id="femcumStorageScalePreview"></div>
  819. </li>
  820. <li>
  821. <label for="baseFemcumDigestFactor">Femcum digestion factor</label>
  822. <input autocomplete="off" type="number" step="any" id="baseFemcumDigestFactor" name="baseFemcumDigestFactor" placeholder="1" />
  823. <div class="preview" id="baseFemcumDigestFactorPreview"></div>
  824. </li>
  825. <li>
  826. <label for="unbirthDigestTime">Digestion time (0 for manual)</label>
  827. <input autocomplete="off" type="number" step="any" id="unbirthDigestTime" name="unbirthDigestTime" placeholder="15">
  828. </li>
  829. <li>
  830. <input autocomplete="off" type="checkbox" id="femcumScaleWithSize" name="femcumScaleWithSize" />
  831. <label class="has-tooltip" for="femcumScaleWithSize" title="If checked, produces more femcum from the same prey as you get larger">Scale femcum with size</label>
  832. </li>
  833. <li>
  834. <div class="custom-category-sub">
  835. <ul class="flex-outer-sub">
  836. <input autocomplete="off" class="custom-header-checkbox" type="checkbox" id="femaleMuskEnabled" name="femaleMuskEnabled" />
  837. <label class="custom-header" for="femaleMuskEnabled">Musk</label>
  838. <div class="reveal-if-active">
  839. <li>
  840. <label for="baseFemaleMuskArea">Musk factor</label>
  841. <input autocomplete="off" type="number" step="any" id="baseFemaleMuskArea" name="baseFemaleMuskArea" placeholder="0.5" />
  842. </li>
  843. </div>
  844. </ul>
  845. </div>
  846. </li>
  847. </div>
  848. </div>
  849. <div class="custom-category">
  850. <input autocomplete="off" class="custom-header-checkbox" type="checkbox" id="stenchEnabled" name="stenchEnabled" />
  851. <label class="custom-header" for="stenchEnabled">Stench</label>
  852. <div class="reveal-if-active">
  853. <div>Areas are ratios; 1 means stomping 100 people catches 100 in stench</div>
  854. <li>
  855. <label for="basePawStenchArea">Paw stench factor</label>
  856. <input autocomplete="off" type="number" step="any" id="basePawStenchArea" name="basePawStenchArea" placeholder="1" />
  857. </li>
  858. <li>
  859. <label for="baseAssStenchArea">Ass stench factor</label>
  860. <input autocomplete="off" type="number" step="any" id="baseAssStenchArea" name="baseAssStenchArea" placeholder="2" />
  861. </li>
  862. <li>
  863. <label for="basePissStenchArea">Piss stench factor</label>
  864. <input autocomplete="off" type="number" step="any" id="basePissStenchArea" name="basePissStenchArea" placeholder="0.75" />
  865. </li>
  866. <li>
  867. <label for="baseScatStenchArea">Scat stench factor</label>
  868. <input autocomplete="off" type="number" step="any" id="baseScatStenchArea" name="baseScatStenchArea" placeholder="1.5" />
  869. </li>
  870. </div>
  871. </div>
  872. <div class="custom-category">
  873. <input autocomplete="off" class="custom-header-checkbox" type="checkbox" id="gasEnabled" name="gasEnabled" />
  874. <label class="custom-header" for="gasEnabled">Gas</label>
  875. <div class="reveal-if-active">
  876. <li>
  877. <input autocomplete="off" type="checkbox" checked="true" name="belchEnabled" id="belchEnabled" />
  878. <label for="belchEnabled">Belching</label>
  879. </li>
  880. <li>
  881. <input autocomplete="off" type="checkbox" name="fartEnabled" id="fartEnabled" />
  882. <label for="fartEnabled">Farting</label>
  883. </li>
  884. <li>
  885. <label for="gasScale" class="has-tooltip" title="1 = 1% of normal storage filled per second">Passive gas production</label>
  886. <input autocomplete="off" type="number" step="any" id="gasScale" name="gasScale" placeholder="1" />
  887. <div class="preview" id="gasScalePreview"></div>
  888. </li>
  889. <li>
  890. <label for="gasStorageScale">Gas storage factor</label>
  891. <input autocomplete="off" type="number" step="any" id="gasStorageScale" name="gasStorageScale" placeholder="1" />
  892. <div class="preview" id="gasStorageScalePreview"></div>
  893. </li>
  894. <li>
  895. <label for="baseGasDigestFactor">Gas digestion factor</label>
  896. <input autocomplete="off" type="number" step="any" id="baseGasDigestFactor" name="baseGasDigestFactor" placeholder="1" />
  897. <div class="preview" id="baseGasDigestFactorPreview"></div>
  898. </li>
  899. <li>
  900. <input autocomplete="off" type="checkbox" id="gasScaleWithSize" name="gasScaleWithSize" />
  901. <label class="has-tooltip" for="gasScaleWithSize" title="If checked, produces more gas from the same prey as you get larger">Scale gas with size</label>
  902. </li>
  903. </div>
  904. </div>
  905. <div class="custom-category">
  906. <input autocomplete="off" class="custom-header-checkbox" type="checkbox" id="soulVoreEnabled" name="soulVoreEnabled" />
  907. <label class="custom-header" for="soulVoreEnabled">Soul Vore</label>
  908. <div class="reveal-if-active">
  909. <li>
  910. <label for="soulDigestTime">Digestion time (0 for manual)</label>
  911. <input autocomplete="off" type="number" step="any" id="soulDigestTime" name="soulDigestTime" placeholder="15">
  912. </li>
  913. <label>Soul destination</label>
  914. <li>
  915. <input autocomplete="off" type="radio" name="soulVoreType" checked="true" id="soulvore-release" value="release">
  916. <label for="soulvore-release">Released</label>
  917. </li>
  918. <li>
  919. <input autocomplete="off" type="radio" name="soulVoreType" id="soulvore-body" value="body">
  920. <label for="soulvore-body">Trapped</label>
  921. </li>
  922. <li>
  923. <input autocomplete="off" type="radio" name="soulVoreType" id="soulvore-oblivion" value="oblivion">
  924. <label for="soulvore-oblivion">Digested</label>
  925. </li>
  926. </div>
  927. </div>
  928. <div class="custom-category">
  929. <input autocomplete="off" class="custom-header-checkbox" type="checkbox" id="pissEnabled" name="pissEnabled" />
  930. <label class="custom-header" for="pissEnabled">Watersports</label>
  931. <div class="reveal-if-active">
  932. <li>
  933. <label for="pissScale" class="has-tooltip" title="1 = 1% of normal storage filled per second">Passive piss production</label>
  934. <input autocomplete="off" type="number" step="any" id="pissScale" name="pissScale" placeholder="1" />
  935. <div class="preview" id="pissScalePreview"></div>
  936. </li>
  937. <li>
  938. <label for="pissStorageScale">Piss storage factor</label>
  939. <input autocomplete="off" type="number" step="any" id="pissStorageScale" name="pissStorageScale" placeholder="1" />
  940. <div class="preview" id="pissStorageScalePreview"></div>
  941. </li>
  942. <div class="custom-category-sub">
  943. <ul class="flex-outer-sub">
  944. <input autocomplete="off" class="custom-header-checkbox" type="checkbox" id="bladderVore" name="bladderVore" />
  945. <label class="custom-header" for="bladderVore">Bladder Vore</label>
  946. <div class="reveal-if-active">
  947. <li>
  948. <label for="baseUrethraDiameter">Urethra diameter</label>
  949. <input autocomplete="off" type="number" step="any" id="baseUrethraDiameter" name="baseUrethraDiameter" data-unit="length" placeholder="0.03" />
  950. <div class="preview" id="baseUrethraDiameterPreview"></div>
  951. </li>
  952. <li>
  953. <label for="urethraStretchiness">Urethra stretchiness</label>
  954. <input autocomplete="off" type="number" step="any" id="urethraStretchiness" name="urethraStretchiness" placeholder="5" />
  955. <div class="preview" id="urethraStretchinessPreview"></div>
  956. </li>
  957. <li>
  958. <label for="basePissDigestFactor">Piss digestion factor</label>
  959. <input autocomplete="off" type="number" step="any" id="basePissDigestFactor" name="basePissDigestFactor" placeholder="1" />
  960. <div class="preview" id="basePissDigestFactorPreview"></div>
  961. </li>
  962. <li>
  963. <label for="bladderDigestTime">Digestion time (0 for manual)</label>
  964. <input autocomplete="off" type="number" step="any" id="bladderDigestTime" name="bladderDigestTime" placeholder="15">
  965. </li>
  966. <li>
  967. <input autocomplete="off" type="checkbox" id="pissScaleWithSize" name="pissScaleWithSize" />
  968. <label class="has-tooltip" for="pissScaleWithSize" title="If checked, produces more piss from the same prey as you get larger">Scale piss with size</label>
  969. </li>
  970. </div>
  971. </ul>
  972. </div>
  973. </div>
  974. </div>
  975. <div class="custom-category">
  976. <input autocomplete="off" class="custom-header-checkbox" type="checkbox" id="scatEnabled" name="scatEnabled" />
  977. <label class="custom-header" for="scatEnabled">Scat</label>
  978. <div class="reveal-if-active">
  979. <li>
  980. <label for="baseScatDigestFactor">Scat digestion factor</label>
  981. <input autocomplete="off" type="number" step="any" id="baseScatDigestFactor" name="baseScatDigestFactor" placeholder="1" />
  982. <div class="preview" id="baseScatDigestFactorPreview"></div>
  983. </li>
  984. <li>
  985. <label for="scatScale" class="has-tooltip" title="1 = 1% of normal storage filled per second">Passive scat production</label>
  986. <input autocomplete="off" type="number" step="any" id="scatScale" name="scatScale" placeholder="0" />
  987. <div class="preview" id="scatScalePreview"></div>
  988. </li>
  989. <li>
  990. <label for="scatStorageScale">Scat storage factor</label>
  991. <input autocomplete="off" type="number" step="any" id="scatStorageScale" name="scatStorageScale" placeholder="1" />
  992. <div class="preview" id="scatStorageScalePreview"></div>
  993. </li>
  994. <li>
  995. <input autocomplete="off" type="checkbox" id="scatScaleWithSize" name="scatScaleWithSize" />
  996. <label class="has-tooltip" for="scatScaleWithSize" title="If checked, produces more scat from the same prey as you get larger">Scale scat with size</label>
  997. </li>
  998. </div>
  999. </div>
  1000. <div class="custom-category">
  1001. <input autocomplete="off" class="custom-header-checkbox" type="checkbox" id="gooEnabled" name="gooEnabled" />
  1002. <label class="custom-header" for="gooEnabled">Goo</label>
  1003. <div class="reveal-if-active">
  1004. <li>
  1005. <input autocomplete="off" checked="true" type="checkbox" id="gooDigestion" name="gooDigestion" />
  1006. <label for="gooDigestion">Digestion</label>
  1007. </li>
  1008. <li>
  1009. <label for="gooDigestTime">Digestion time (0 for manual)</label>
  1010. <input autocomplete="off" type="number" step="any" id="gooDigestTime" name="gooDigestTime" placeholder="15">
  1011. </li>
  1012. </div>
  1013. </div>
  1014. <div class="custom-category">
  1015. <input autocomplete="off" class="custom-header-checkbox" type="checkbox" id="pawVoreEnabled" name="pawVoreEnabled" />
  1016. <label class="custom-header" for="pawVoreEnabled">Paw Vore</label>
  1017. <div class="reveal-if-active">
  1018. <li>
  1019. <label for="pawDigestTime">Digestion time (0 for manual)</label>
  1020. <input autocomplete="off" type="number" step="any" id="pawDigestTime" name="pawDigestTime" placeholder="15">
  1021. </li>
  1022. </div>
  1023. </div>
  1024. <div class="custom-category">
  1025. <input autocomplete="off" class="custom-header-checkbox" type="checkbox" id="cropEnabled" name="cropEnabled" />
  1026. <label class="custom-header" for="cropEnabled">Crop</label>
  1027. <div class="reveal-if-active">
  1028. <li>
  1029. <label for="pawDigestTime">Transfer time (0 for manual-only)</label>
  1030. <input autocomplete="off" type="number" step="any" id="cropTransferTime" name="cropTransferTime" placeholder="15">
  1031. </li>
  1032. </div>
  1033. </div>
  1034. <div class="custom-category">
  1035. <input autocomplete="off" class="custom-header-checkbox" type="checkbox" id="breathEnabled" name="breathEnabled" />
  1036. <label class="custom-header" for="breathEnabled">Breath</label>
  1037. <div class="reveal-if-active">
  1038. <li>
  1039. <input autocomplete="off" type="checkbox" name="breathFire" id="breathFire" />
  1040. <label for="breathFire">Fire</label>
  1041. </li>
  1042. <li>
  1043. <input autocomplete="off" type="checkbox" name="breathIce" id="breathIce" />
  1044. <label for="breathIce">Ice</label>
  1045. </li>
  1046. <li>
  1047. <input autocomplete="off" type="checkbox" name="breathElectric" id="breathElectric" />
  1048. <label for="breathElectric">Electric</label>
  1049. </li>
  1050. <li>
  1051. <input autocomplete="off" type="checkbox" name="breathSmoke" id="breathSmoke" />
  1052. <label for="breathSmoke">Smoke</label>
  1053. </li>
  1054. <li>
  1055. <input autocomplete="off" type="checkbox" name="breathRadiation" id="breathRadiation" />
  1056. <label for="breathRadiation">Radiation</label>
  1057. </li>
  1058. <li>
  1059. <input autocomplete="off" type="checkbox" name="breathFoul" id="breathFoul" />
  1060. <label for="breathFoul">Foul</label>
  1061. </li>
  1062. </div>
  1063. </div>
  1064. <div class="custom-category">
  1065. <input autocomplete="off" class="custom-header-checkbox" type="checkbox" id="droolEnabled" name="droolEnabled" />
  1066. <label class="custom-header" for="droolEnabled">Drool</label>
  1067. <div class="reveal-if-active">
  1068. <li>
  1069. <label for="droolBaseVolume">Drool volume</label>
  1070. <input autocomplete="off" type="number" step="any" id="droolBaseVolume" name="droolBaseVolume" data-unit="volume" placeholder="0.0001">
  1071. <div class="preview" id="droolBaseVolumePreview"></div>
  1072. </li>
  1073. </div>
  1074. </div>
  1075. <div class="custom-category">
  1076. <input autocomplete="off" class="custom-header-checkbox" type="checkbox" id="magicEnabled" name="magicEnabled" />
  1077. <label class="custom-header" for="magicEnabled">Magic</label>
  1078. <div class="reveal-if-active">
  1079. <li>
  1080. It's on :D
  1081. </li>
  1082. </div>
  1083. </div>
  1084. </ul>
  1085. </form>
  1086. </div>
  1087. </div>
  1088. </body>
  1089. </html>