// history for potential future but not needed for core // Node Database: Each node has an id, text, choices (list of choice objects) and optional weightMod & special effects. // Also endings have no choices (choices empty array) and weightMod might be null. const storyNodes = {};
// apply weight change, clamp 0-100 function modifyWeight(delta) let newVal = currentWeight + delta; if (newVal > 100) newVal = 100; if (newVal < 0) newVal = 0; currentWeight = newVal; updateWeightUI(currentWeight); // optional visual flash const storyDiv = document.getElementById("storyText"); storyDiv.classList.add("effect-flash"); setTimeout(() => storyDiv.classList.remove("effect-flash"), 400);
// ----- BUILD THE STORY (branching weight-gain themed narrative)----- // start node addNode("start", "🌸 You meet Maya, a warm-hearted baker who loves creating delicious treats. Lately, she’s been thinking about body image and happiness. One evening, she looks in the mirror and wonders: should she let herself enjoy every bite without guilt? What will you suggest?", [ text: "🧁 Embrace indulgence! More sweets, more joy.", nextNode: "indulge_path", weightDelta: 6, emoji: "🍰" , text: "🥗 Stay balanced but explore new recipes", nextNode: "balance_path", weightDelta: 2, emoji: "🥑" , text: "💪 Focus on active lifestyle & lean meals", nextNode: "lean_path", weightDelta: -3, emoji: "🏋️" ] ); weight gain html games
footer font-size: 0.7rem; text-align: center; padding: 12px; color: #ad9b86; background: #f7ede0; border-top: 1px solid #f0e0cf;
// attach reset resetBtn.addEventListener("click", () => resetGame(); ); // history for potential future but not needed
// reset game fully function resetGame() currentWeight = 12; currentNodeId = "start"; updateWeightUI(currentWeight); // reload start node without extra weight mod from previous state? we need to load fresh, but start node weightDelta 0. // but careful: we need to clear any residual "node weightDelta" by reloading start directly. const startNode = storyNodes["start"]; if (startNode) currentStoryElement.innerHTML = startNode.text; renderChoices(startNode.choices, "start"); else loadNode("start"); // re-sync weight display updateWeightUI(currentWeight); // add small effect
.reset-btn background: #d9c2a6; border: none; font-size: 1rem; font-weight: bold; padding: 12px 28px; border-radius: 40px; color: #2b2b2b; cursor: pointer; transition: 0.1s; font-family: inherit; display: inline-flex; align-items: center; gap: 12px; box-shadow: 0 2px 6px rgba(0,0,0,0.1); Lately, she’s been thinking about body image and happiness
@media (max-width: 550px) .stats-area flex-direction: column; align-items: stretch; text-align: center; .character-card justify-content: center; .story-text font-size: 1rem; padding: 18px; .choice-btn padding: 12px 16px; </style> </head> <body> <div class="game-container" id="gameRoot"> <div class="stats-area"> <div class="character-card"> <div class="avatar">🍩🍫</div> <div> <div class="char-name">Maya Bloom</div> <div class="char-desc">foodie · soft curves · cozy heart</div> </div> </div> <div class="stats"> <div class="stat-label">✨ COMFORT INDEX ✨</div> <div class="stat-value" id="weightStatValue">0</div> <div class="stat-label">fullness & joy</div> </div> </div>