big steppy
25'ten fazla konu seçemezsiniz Konular bir harf veya rakamla başlamalı, kısa çizgiler ('-') içerebilir ve en fazla 35 karakter uzunluğunda olabilir.
 
 
 

309 satır
14 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="units.js"></script>
  8. <script src="recursive-macro.js"></script>
  9. <script src="recursive-desc.js"></script>
  10. <script src="game.js"></script>
  11. </head>
  12. <body>
  13. <div class=game-area>
  14. <div class=stat-container id=stat-container>
  15. <div class=stat-header-self id=stats-self>
  16. <p>Stats</p>
  17. <div class=stat-line id=height></div>
  18. <div class=stat-line id=mass></div>
  19. <div class=stat-line id=growth-points></div>
  20. <div class=stat-line id=arousal></div>
  21. <div class=stat-line id=edge></div>
  22. <div class=stat-line id=cum></div>
  23. <div class=stat-line id=cumPercent></div>
  24. <div class=stat-line id=femcum></div>
  25. <div class=stat-line id=femcumPercent></div>
  26. <div class=stat-line id=milk></div>
  27. <div class=stat-line id=milkPercent></div>
  28. </div>
  29. <div class=stat-header-self>Growth</div>
  30. <table id=grow-panel>
  31. <tr>
  32. <th><input class=growth-option type="radio" name="part" checked=true id="part-body">
  33. <label class=growth-label for="part-body" >Body</label></th>
  34. <th><button class=growth-amount id="button-amount-1">1x</button></th>
  35. </tr>
  36. <tr>
  37. <th><input class=growth-option type="radio" name="part" id="part-ass">
  38. <label class=growth-label for="part-ass">Ass</label></th>
  39. <th><button class=growth-amount id="button-amount-5">5x</button></th>
  40. </tr>
  41. <tr>
  42. <th><input class=growth-option type="radio" name="part" id="part-dick">
  43. <label class=growth-label for="part-dick">Cock</label></th>
  44. <th><button class=growth-amount id="button-amount-10">10x</button></th>
  45. </tr>
  46. <tr>
  47. <th><input class=growth-option type="radio" name="part" id="part-balls">
  48. <label class=growth-label for="part-balls">Balls</label></th>
  49. <th><button class=growth-amount id="button-amount-20">20x</button></th>
  50. </tr>
  51. <tr>
  52. <th><input class=growth-option type="radio" name="part" id="part-breasts">
  53. <label class=growth-label for="part-breasts">Breasts</label></th>
  54. <th><button class=growth-amount id="button-amount-50">50x</button></th>
  55. </tr>
  56. <tr>
  57. <th><input class=growth-option type="radio" name="part" id="part-vagina">
  58. <label class=growth-label for="part-vagina">Slit</label></th>
  59. <th><button class=growth-amount id="button-amount-100">100x</button></th>
  60. </tr>
  61. </table>
  62. </div>
  63. <div id=log-area>
  64. <div id=log>
  65. <div>Welcome to Stroll 0.4.5</div>
  66. <div><b>This game features 18+ content</b></div>
  67. <div><a href="https://chemicalcrux.org/stroll">Changelog</a></div>
  68. <div>It's a nice day for a walk</div>
  69. <div>&nbsp;</div>
  70. </div>
  71. </div>
  72. <div class=button-container id=action-panel>
  73. <button class=action-button id=button-look>Look</button>
  74. <button class=action-button id=button-feed>Eat</button>
  75. <button class=action-button id=button-chew>Chew</button>
  76. <button class=action-button id=button-stomp>Stomp</button>
  77. <button class=action-button id=button-sit>Sit</button>
  78. <button class=action-button id=button-tail_slap>Tail Slap</button>
  79. <button class=action-button id=button-tail_vore>Tail Vore</button>
  80. <button class=action-button id=button-grind>Grind</button>
  81. <button class=action-button id=button-breast_crush>Breast Crush</button>
  82. <button class=action-button id=button-breast_vore>Breast Vore</button>
  83. <button class=action-button id=button-breast_milk>Milk Breasts</button>
  84. <button class=action-button id=button-unbirth>Unbirth</button>
  85. <button class=action-button id=button-cockslap>Cockslap</button>
  86. <button class=action-button id=button-cock_vore>Cock Vore</button>
  87. <button class=action-button id=button-ball_smother>Ball Smother</button>
  88. <button class=action-button id=button-arousal>Arousal On</button>
  89. <button class=action-button id=button-stroll>Status: Standing</button>
  90. <button class=action-button id=button-location>Location: Suburb</button>
  91. <button class=action-button class=action-button id=button-numbers>Numbers: Full</button>
  92. <button class=action-button class=action-button id=button-units>Units: Metric</button>
  93. <button class=action-button id=button-verbose>Verbose</button>
  94. <button class=action-button id=button-grow-lots>SUPER BIG</button>
  95. </div>
  96. <div class=option-container id=option-panel>
  97. <p>Welcome to Stroll 0.4.5</p>
  98. <p><b>This game features 18+ content</b></p>
  99. <a href="https://chemicalcrux.org/stroll">Changelog</a>
  100. <br>
  101. <div id=custom-species>
  102. <p>Build your Character (leave blank for defaults)</p>
  103. <form id=custom-species-form name="custom-species-form">
  104. <ul class="flex-outer">
  105. <li>
  106. <label for="species">Name</label>
  107. <input type="text" name="name" />
  108. </li>
  109. <li>
  110. <label for="species">Species</label>
  111. <input type="text" name="species" placeholder="crux"/>
  112. </li>
  113. <li>
  114. <label for="scale" class="has-tooltip" title="Multiply your base height by this much">Scale (?)</label>
  115. <input type="text" name="scale" placeholder="1"/>
  116. </li>
  117. <li>
  118. <label for="baseHeight">Height</label>
  119. <input type="number" name="baseHeight" placeholder="2.26"/>
  120. </li>
  121. <li>
  122. <label for="baseMass">Weight</label>
  123. <input type="number" name="baseMass" placeholder="135">
  124. </li>
  125. <br>
  126. <li>
  127. <label for="basePawArea">Paw area</label>
  128. <input type="number" name="basePawArea" placeholder="0.1"><br>
  129. </li>
  130. <li>
  131. <label for="baseHandArea">Hand area</label>
  132. <input type="number" name="baseHandArea" placeholder="0.1"><br>
  133. </li>
  134. <li>
  135. <label for="baseAnalVoreArea">Tailhole area</label>
  136. <input type="number" name="baseAnalVoreArea" placeholder="0.1"><br>
  137. </li>
  138. <li>
  139. <label for="analVore">Anal vore</label>
  140. <input type="checkbox" checked=true name="analVore"/><br>
  141. </li>
  142. <li>
  143. <label for="baseAsArea">Ass area</label>
  144. <input type="number" name="baseAssArea" placeholder="0.4"><br>
  145. </li>
  146. <br>
  147. <li>
  148. <input type="checkbox" name="humanMode" id="humanMode">
  149. <label for="humanMode">Human Mode (instead of furries)</label>
  150. </li>
  151. <br>
  152. Brutality:<br>
  153. <ul>
  154. <li>
  155. <input type="radio" name="brutality" id="brutality-0">
  156. <label for="brutality-0">Non-fatal</label>
  157. </li>
  158. <li>
  159. <input type="radio" name="brutality" checked=true id="brutality-1">
  160. <label for="brutality-1">Fatal, no gore</label>
  161. </li>
  162. <li>
  163. <input type="radio" name="brutality" id="brutality-2">
  164. <label for="brutality-2">Gory</label>
  165. </li>
  166. <li>
  167. <input type="radio" name="brutality" id="brutality-3" disabled="disableD">
  168. <label for="brutality-3">Sadistic (not implemented)</label>
  169. </li>
  170. </ul>
  171. <div>
  172. Arousal:<br>
  173. <input type="checkbox" checked=true name="arousalEnabled"/><br>
  174. <div class=reveal-if-active>
  175. <li>
  176. <label class="has-tooltip" for="arousalFactor" title="Multiplies arousal gain by this much">Arousal multiplier</label>
  177. <input type="number" name="arousalFactor" placeholder="1"/><br>
  178. </li>
  179. <li>
  180. <label class="has-tooltip" for="edgeFactor" title="Multiplies edge gain by this much">Edge multiplier</label>
  181. <input type="number" name="arousalFactor" placeholder="1"/><br>
  182. </li>
  183. </div>
  184. </div>
  185. <br>
  186. <div>
  187. Tail(s):<br>
  188. <input type="checkbox" checked=true name="hasTail"/><br>
  189. <div class=reveal-if-active>
  190. <li>
  191. <label for="tailCount">Tail count</label>
  192. <input type="number" name="tailCount" placeholder="1"/><br>
  193. </li>
  194. <li>
  195. <label for="tailType">Tail type</label>
  196. <input type="text" name="tailType" placeholder="slinky"/><br>
  197. </li>
  198. <li>
  199. <label for="baseTailLength">Tail length</label>
  200. <input type="number" name="baseTailLength" placeholder="1"/><br>
  201. </li>
  202. <li>
  203. <label for="baseTailDiameter">Tail diameter</label>
  204. <input type="number" name="baseTailDiameter" placeholder="0.3"/><br>
  205. </li>
  206. <li>
  207. <label for="tailMaw">Tail maw(s)</label>
  208. <input type="checkbox" checked=true name="tailMaw"/><br>
  209. </li>
  210. </div>
  211. </div>
  212. <br>
  213. <div>
  214. Male genitals:<br>
  215. <input type="checkbox" checked=true name="maleParts"/><br>
  216. <div class=reveal-if-active>
  217. <li>
  218. <label for="dickType">Cock type</label>
  219. <input type="text" name="dickType" placeholder="canine"/><br>
  220. </li>
  221. <li>
  222. <label for="baseDickLength">Cock length</label>
  223. <input type="number" name="baseDickLength" placeholder="0.3"/><br>
  224. </li>
  225. <li>
  226. <label for="baseDickDiameter">Cock diameter</label>
  227. <input type="number" name="baseDickDiameter" placeholder="0.08"/><br>
  228. </li>
  229. <li>
  230. <label for="baseBallDiameter">Ball diameter</label>
  231. <input type="number" name="baseBallDiameter" placeholder="0.05"/><br>
  232. </li>
  233. <li>
  234. <label for="baseCumRatio" class="has-tooltip" title="scales how much cum is released with each shot">Orgasm cum ratio</label>
  235. <input type="number" name="baseCumRatio" placeholder="1"/><br>
  236. </li>
  237. <li>
  238. <label for="baseMass">Cum production factor</label>
  239. <input type="number" name="cumScale" placeholder="1"/><br>
  240. </li>
  241. </div>
  242. </div>
  243. <br>
  244. <div>
  245. Breasts:<br>
  246. <input type="checkbox" checked=true name="hasBreasts"/><br>
  247. <div class=reveal-if-active>
  248. <li>
  249. <label for="baseBreastDiameter">Breast diameter</label>
  250. <input type="number" name="baseBreastDiameter" placeholder="0.1"/><br>
  251. </li>
  252. <ul class=flex-outer>
  253. Lactation:
  254. <input type="checkbox" checked=true name="lactationEnabled"/><br>
  255. <div class=reveal-if-active>
  256. <li>
  257. <label for="lactationFactor" class="has-tooltip" title="scales how much milk is released with each squeeze">Lactation ratio</label>
  258. <input type="number" name="lactationFactor" placeholder="0.25"/><br>
  259. </li>
  260. <li>
  261. <label for="lactationScale">Milk production factor</label>
  262. <input type="number" name="lactationScale" placeholder="1"/><br>
  263. </li>
  264. </div>
  265. </ul>
  266. <li>
  267. <label for="breastVore">Breast vore</label>
  268. <input type="checkbox" checked=true name="breastVore"/><br>
  269. </li>
  270. </div>
  271. </div>
  272. <br>
  273. <div>
  274. Female genitals:<br>
  275. <input type="checkbox" checked=true name="femaleParts"/><br>
  276. <div class=reveal-if-active>
  277. <li>
  278. <label for="baseVaginaLength">Slit length</label>
  279. <input type="number" name="baseVaginaLength" placeholder="0.1"/><br>
  280. </li>
  281. <li>
  282. <label for="baseVaginaWidth">Slit width</label>
  283. <input type="number" name="baseVaginaWidth" placeholder="0.05"/><br>
  284. </li>
  285. <li>
  286. <label for="baseFemcumRatio" class="has-tooltip" title="scales how much femcum is released with each shot">Orgasm femcum ratio</label>
  287. <input type="number" name="baseFemcumRatio" placeholder="1"/><br>
  288. </li>
  289. <li>
  290. <label for="femcumScale">Femcum production factor</label>
  291. <input type="number" name="femcumScale" placeholder="1"/><br>
  292. </li>
  293. </div>
  294. </div>
  295. </ul>
  296. </form>
  297. <button class=option-button id=button-load-custom>Load Custom Character</button>
  298. <button class=option-button id=button-save-custom>Save Custom Character</button>
  299. <button class=option-button id=button-start>Start Game</button>
  300. </div>
  301. </div>
  302. </div>
  303. <table id=victim-table>
  304. </table>
  305. </body>
  306. </html>