Basic gameplay loop, need to balance values

This commit is contained in:
2026-08-25 23:09:11 -05:00
parent 29cce0de6d
commit e289af808a
10 changed files with 382 additions and 50 deletions

View File

@@ -6,6 +6,37 @@
</head>
<body data-model="game_data">
<h1>Hello from RmlUi!</h1>
<div id="hud" data-if="!round_over">
<p>Round {{round_number}} — Creature {{creature_number}} / {{creature_count}}</p>
<p>Species: {{creature_species}}</p>
<p>Marshmallows: {{marshmallows_remaining}}</p>
<p>Score: {{score}}</p>
<p class="timer" data-class-urgent="time_urgent">Time left: {{time_remaining_seconds}}s</p>
<p>------------------------------------------------------------------------------------------</p>
<!-- <p><strong>DEBUG</strong></p>
<p>Appearance tier: {{debug_appearance_tier}}</p>
<p>Is cryptid: {{debug_is_cryptid}}</p>
<p>Behaves normally: {{debug_behaves_normally}}</p>
<p>------------------------------------------------------------------------------------------</p> -->
<button class="menu-btn" data-event-click="feed_creature">Offer Marshmallow</button>
<button class="menu-btn" data-event-click="capture_creature">Capture</button>
<button class="menu-btn" data-event-click="release_creature">Carry On</button>
<button class="menu-btn" data-event-click="pause_game">Pause</button>
<p>{{feed_reaction_text}}</p>
</div>
<div id="round-end" data-if="round_over">
<h1>Round Over</h1>
<p>{{round_result_text}}</p>
<p>Score: {{score}}</p>
<button class="menu-btn" data-event-click="continue_next_round">Continue</button>
<button class="menu-btn" data-event-click="end_current_game">Return to Main Menu</button>
</div>
</body>
</rml>

View File

@@ -11,12 +11,14 @@ body {
}
h1 {
font-size: 24px;
margin-bottom: 10px;
font-size: 24dp;
margin-bottom: 15dp;
}
p {
margin-bottom: 15px;
margin-bottom: 15dp;
display: block;
font-size: 18dp;
}
.hidden {
@@ -39,4 +41,9 @@ p {
.menu-btn:active {
background-color: #2e4e70;
}
.timer.urgent {
color: #ff4444;
font-weight: bold;
}