/** @jsxImportSource https://esm.sh/react@18.2.0 */ import { createRoot } from "https://esm.sh/react-dom@18.2.0/client"; import React, { useEffect, useState } from "https://esm.sh/react@18.2.0"; const initialState = { location: "forest", health: 100, hunger: 50, mental_health: 50, warmth: 50, shelter_quality: 20, challenge_points: 0, injury_risk: 0, equipment: { knife: 0, rope: 0, trapMaterials: 0, }, narrative: "You awaken in a wilderness survival scenario. Your first challenge is to assess your surroundings.", }; const LOCATIONS = { forest: { description: "Dense wilderness surrounds you. Tall pines block out much of the sunlight. Potential dangers and resources are everywhere.", background_image: "https://maxm-imggenurl.web.val.run/dense-pine-forest-wilderness", actions: [ { text: "Carefully Forage for Edibles", risk: 20, effect: (state) => ({ ...state, hunger: Math.max(0, state.hunger - 30), health: state.health + 15, mental_health: state.mental_health + 10, challenge_points: state.challenge_points + 2, injury_risk: state.injury_risk + 10, equipment: { ...state.equipment, trapMaterials: state.equipment.trapMaterials + 1, }, }), narrative: "You carefully identify edible plants and gather materials for potential traps. The forest seems alive with potential.", }, { text: "Construct Advanced Shelter", risk: 40, effect: (state) => ({ ...state, shelter_quality: Math.min(100, state.shelter_quality + 40), warmth: state.warmth + 25, mental_health: state.mental_health + 20, challenge_points: state.challenge_points + 3, injury_risk: state.injury_risk + 20, equipment: { ...state.equipment, rope: state.equipment.rope + 1, }, }), narrative: "You spend hours constructing an intricate shelter using advanced wilderness techniques. It's challenging but potentially life-saving.", }, { text: "Track Potential Game", risk: 60, effect: (state) => ({ ...state, hunger: Math.max(0, state.hunger - 50), health: state.health + 25, mental_health: state.mental_health + 15, challenge_points: state.challenge_points + 4, injury_risk: state.injury_risk + 40, equipment: { ...state.equipment, knife: state.equipment.knife + 1, }, }), narrative: "You follow animal tracks, hoping to find a potential food source. The wilderness feels both promising and threatening.", }, { text: "Rest and Recover 💤", risk: 10, effect: (state) => ({ ...state, health: Math.min(100, state.health + 30), hunger: Math.min(100, state.hunger + 20), warmth: Math.max(0, state.warmth - 15), mental_health: Math.max(0, state.mental_health - 10), challenge_points: state.challenge_points - 1, }), narrative: "You find a relatively safe spot in the forest and allow your body to rest and recover. The stillness is both peaceful and unnerving.", }, ], }, mountainSlope: { description: "A steep, rocky mountain slope with treacherous terrain and potential shelter locations.", background_image: "https://maxm-imggenurl.web.val.run/alaskan-mountain-wilderness", actions: [ { text: "Explore Mountain Cave", risk: 70, effect: (state) => ({ ...state, shelter_quality: Math.min(100, state.shelter_quality + 50), warmth: state.warmth + 30, mental_health: state.mental_health + 25, challenge_points: state.challenge_points + 5, injury_risk: state.injury_risk + 50, health: state.health - 10, }), narrative: "You carefully navigate the rocky terrain, discovering a potential cave shelter. The climb is dangerous and exhausting.", }, { text: "Set Wilderness Traps", risk: 50, effect: (state) => ({ ...state, hunger: Math.max(0, state.hunger - 40), health: state.health + 20, mental_health: state.mental_health + 15, challenge_points: state.challenge_points + 3, injury_risk: state.injury_risk + 30, equipment: { ...state.equipment, trapMaterials: Math.max(0, state.equipment.trapMaterials - 1), }, }), narrative: "Using gathered materials, you strategically place traps along animal paths. The mountain ecosystem is unforgiving.", }, { text: "Rest and Recover 💤", risk: 20, effect: (state) => ({ ...state, health: Math.min(100, state.health + 25), hunger: Math.min(100, state.hunger + 25), warmth: Math.max(0, state.warmth - 20), mental_health: Math.max(0, state.mental_health - 15), challenge_points: state.challenge_points - 2, }), narrative: "You huddle in a small rocky crevice, attempting to rest while staying alert to potential dangers in the mountain terrain.", }, ], }, riverbank: { description: "A cold, fast-moving river cuts through the landscape. Potential food and water, but extreme risks.", background_image: "https://maxm-imggenurl.web.val.run/alaskan-river-wilderness-survival", actions: [ { text: "Attempt Dangerous Fishing", risk: 80, effect: (state) => ({ ...state, hunger: Math.max(0, state.hunger - 60), health: state.health + 10, mental_health: state.mental_health + 30, challenge_points: state.challenge_points + 4, injury_risk: state.injury_risk + 60, }), narrative: "You wade into the freezing, rapid river. The fishing is dangerous, but potentially rewarding.", }, { text: "Build River Crossing", risk: 60, effect: (state) => ({ ...state, health: state.health + 5, mental_health: state.mental_health + 25, challenge_points: state.challenge_points + 3, injury_risk: state.injury_risk + 40, equipment: { ...state.equipment, rope: state.equipment.rope + 1, }, }), narrative: "Constructing a makeshift bridge requires incredible skill and nerve. Each step could mean survival or disaster.", }, { text: "Rest and Recover 💤", risk: 30, effect: (state) => ({ ...state, health: Math.min(100, state.health + 20), hunger: Math.min(100, state.hunger + 30), warmth: Math.max(0, state.warmth - 25), mental_health: Math.max(0, state.mental_health - 20), challenge_points: state.challenge_points - 1, }), narrative: "You find a relatively dry spot near the riverbank, listening to the rushing water while trying to rest and regain strength.", }, ], }, }; function App() { const [state, setState] = useState(initialState); const [backgroundImage, setBackgroundImage] = useState( LOCATIONS[state.location].background_image ); useEffect(() => { setBackgroundImage(LOCATIONS[state.location].background_image); }, [state.location]); const performAction = (action) => { const randomRoll = Math.random() * 100; if (randomRoll > 100 - action.risk) { setState((prevState) => ({ ...prevState, narrative: "Something went wrong. You suffered a setback.", health: Math.max(0, prevState.health - 20), injury_risk: prevState.injury_risk + 20, })); } else { setState((prevState) => { const newState = action.effect(prevState); return { ...newState, narrative: action.narrative, }; }); } }; const changeLocation = (newLocation) => { setState((prevState) => ({ ...prevState, location: newLocation, narrative: LOCATIONS[newLocation].description, })); }; const checkGameOver = () => { if (state.health <= 0) return "Game Over: You did not survive"; if (state.challenge_points >= 50) return "Victory: You conquered the wilderness!"; return null; }; const gameOverMessage = checkGameOver(); return (

{gameOverMessage ? (

{gameOverMessage}

) : ( <>

{state.location.charAt(0).toUpperCase() + state.location.slice(1)}

{state.narrative}

🫀 Health: {state.health} 🍽️ Hunger: {state.hunger} 🧠 Mental Health: {state.mental_health}

🔥 Warmth: {state.warmth} 🏕️ Shelter: {state.shelter_quality} 🏆 Challenge Points: {state.challenge_points}

{LOCATIONS[state.location].actions.map((action, index) => ( ))}

{Object.keys(LOCATIONS).map((location) => ( location !== state.location && ( ) ))}

)}

); } function client() { createRoot(document.getElementById("root")).render(); } if (typeof document !== "undefined") { client(); } export default async function server(request: Request): Promise { return new Response(` Wilderness Survival

`, { headers: { "content-type": "text/html", }, }); }

survivalRPGAdventure