big steppy
選択できるのは25トピックまでです。 トピックは、先頭が英数字で、英数字とダッシュ('-')を使用した35文字以内のものにしてください。
 
 
 

194 行
8.8 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=cum></div>
  22. <div class=stat-line id=cumPercent></div>
  23. <div class=stat-line id=femcum></div>
  24. <div class=stat-line id=femcumPercent></div>
  25. </div>
  26. <div class=stat-header-self>Growth</div>
  27. <table id=grow-panel>
  28. <tr>
  29. <th><input class=growth-option type="radio" name="part" checked=true id="part-body">
  30. <label class=growth-label for="part-body" >Body</label></th>
  31. <th><button class=growth-amount id="button-amount-1">1x</button></th>
  32. </tr>
  33. <tr>
  34. <th><input class=growth-option type="radio" name="part" id="part-ass">
  35. <label class=growth-label for="part-ass">Ass</label></th>
  36. <th><button class=growth-amount id="button-amount-5">5x</button></th>
  37. </tr>
  38. <tr>
  39. <th><input class=growth-option type="radio" name="part" id="part-dick">
  40. <label class=growth-label for="part-dick">Cock</label></th>
  41. <th><button class=growth-amount id="button-amount-10">10x</button></th>
  42. </tr>
  43. <tr>
  44. <th><input class=growth-option type="radio" name="part" id="part-balls">
  45. <label class=growth-label for="part-balls">Balls</label></th>
  46. <th><button class=growth-amount id="button-amount-20">20x</button></th>
  47. </tr>
  48. <tr>
  49. <th><input class=growth-option type="radio" name="part" id="part-breasts">
  50. <label class=growth-label for="part-breasts">Breasts</label></th>
  51. <th><button class=growth-amount id="button-amount-50">50x</button></th>
  52. </tr>
  53. <tr>
  54. <th><input class=growth-option type="radio" name="part" id="part-vagina">
  55. <label class=growth-label for="part-vagina">Slit</label></th>
  56. <th><button class=growth-amount id="button-amount-100">100x</button></th>
  57. </tr>
  58. </table>
  59. </div>
  60. <div id=log-area>
  61. <div id=log>
  62. <div>Welcome to Stroll 0.3.2</div>
  63. <div><b>This game features 18+ content</b></div>
  64. <div><a href="https://chemicalcrux.org/stroll">Changelog</a></div>
  65. <div>It's a nice day for a walk</div>
  66. <div>&nbsp;</div>
  67. </div>
  68. </div>
  69. <div class=button-container id=action-panel>
  70. <button class=action-button id=button-look>Look</button>
  71. <button class=action-button id=button-feed>Eat</button>
  72. <button class=action-button id=button-stomp>Stomp</button>
  73. <button class=action-button id=button-anal_vore>Sit</button>
  74. <button class=action-button id=button-breast_crush>Breast Crush</button>
  75. <button class=action-button id=button-unbirth>Unbirth</button>
  76. <button class=action-button id=button-cockslap>Cockslap</button>
  77. <button class=action-button id=button-cock_vore>Cock Vore</button>
  78. <button class=action-button id=button-ball_smother>Ball Smother</button>
  79. <button class=action-button id=button-stroll>Status: Standing</button>
  80. <button class=action-button id=button-location>Location: Suburb</button>
  81. <button class=action-button class=action-button id=button-numbers>Numbers: Full</button>
  82. <button class=action-button class=action-button id=button-units>Units: Metric</button>
  83. <button class=action-button id=button-verbose>Descriptions: Verbose</button>
  84. <button class=action-button id=button-grow-lots>Get WAY Bigger</button>
  85. </div>
  86. <div class=option-container id=option-panel>
  87. <p>Welcome to Stroll 0.3.2</p>
  88. <p><b>This game features 18+ content</b></p>
  89. <a href="https://chemicalcrux.org/stroll">Changelog</a>
  90. <br>
  91. <div id=custom-species>
  92. <p>Build your Character (leave blank for defaults)</p>
  93. <form id=custom-species-form name="custom-species-form">
  94. <ul class="flex-outer">
  95. <li>
  96. <label for="species">Species</label>
  97. <input type="text" name="species" placeholder="crux"/>
  98. </li>
  99. <li>
  100. <label for="scale" class="has-tooltip" title="Multiply your base height by this much">Scale (?)</label>
  101. <input type="text" name="scale" placeholder="3"/>
  102. </li>
  103. <li>
  104. <label for="baseHeight">Height</label>
  105. <input type="number" name="baseHeight" placeholder="2.26"/>
  106. </li>
  107. <li>
  108. <label for="baseMass">Weight</label>
  109. <input type="number" name="baseMass" placeholder="135">
  110. </li>
  111. <br>
  112. <li>
  113. <label for="basePawArea">Paw area</label>
  114. <input type="number" name="basePawArea" placeholder="0.1"><br>
  115. </li>
  116. <li>
  117. <label for="baseHandArea">Hand area</label>
  118. <input type="number" name="baseHandArea" placeholder="0.1"><br>
  119. </li>
  120. <li>
  121. <label for="baseAnalVoreArea">Tailhole area</label>
  122. <input type="number" name="baseAnalVoreArea" placeholder="0.1"><br>
  123. </li>
  124. <li>
  125. <label for="baseAsArea">Ass area</label>
  126. <input type="number" name="baseAsArea" placeholder="0.4"><br>
  127. </li>
  128. <br>
  129. <div>
  130. Male genitals:<br>
  131. <input type="checkbox" checked=true name="maleParts"/><br>
  132. <div class=reveal-if-active>
  133. <li>
  134. <label for="baseDickLength">Cock length</label>
  135. <input type="text" name="baseDickLength" placeholder="0.3"/><br>
  136. </li>
  137. <li>
  138. <label for="baseDickDiameter">Cock diameter</label>
  139. <input type="text" name="baseDickDiameter" placeholder="0.08"/><br>
  140. </li>
  141. <li>
  142. <label for="baseBallDiameter">Ball diameter</label>
  143. <input type="text" name="baseBallDiameter" placeholder="0.05"/><br>
  144. </li>
  145. <li>
  146. <label for="baseCumRatio" class="has-tooltip" title="1 = all in one shot, 0.25 = four shots to empty">Orgasm cum ratio</label>
  147. <input type="text" name="baseCumRatio" placeholder="0.25"/><br>
  148. </li>
  149. <li>
  150. <label for="baseMass">Cum production factor</label>
  151. <input type="text" name="cumScale" placeholder="1"/><br>
  152. </li>
  153. </div>
  154. </div>
  155. <br>
  156. <div>
  157. Female genitals:<br>
  158. <input type="checkbox" checked=true name="femaleParts"/><br>
  159. <div class=reveal-if-active>
  160. <li>
  161. <label for="baseVaginaLength">Slit length</label>
  162. <input type="text" name="baseVaginaLength" placeholder="0.1"/><br>
  163. </li>
  164. <li>
  165. <label for="baseVaginaWidth">Slit width</label>
  166. <input type="text" name="baseVaginaWidth" placeholder="0.05"/><br>
  167. </li>
  168. <li>
  169. <label for="baseBreastDiameter">Breast diameter</label>
  170. <input type="text" name="baseBreastDiameter" placeholder="0.1"/><br>
  171. </li>
  172. <li>
  173. <label for="baseFemcumRatio" class="has-tooltip" title="1 = all in one shot, 0.25 = four shots to empty">Orgasm femcum ratio</label>
  174. <input type="text" name="baseFemcumRatio" placeholder="0.25"/><br>
  175. </li>
  176. <li>
  177. <label for="femcumScale">Femcum production factor</label>
  178. <input type="text" name="femcumScale" placeholder="1"/><br>
  179. </li>
  180. </div>
  181. </div>
  182. </ul>
  183. </form>
  184. <button class=option-button id=button-start>Start Game</button>
  185. </div>
  186. </div>
  187. </div>
  188. <table id=victim-table>
  189. </table>
  190. </body>
  191. </html>