- [Image of {regionData[selectedRegion].fullName}]
+ [{regionData[selectedRegion].fullName} Image]
@@ -741,16 +733,16 @@ const MapScreen = () => {
);
};
-// Location Screen Component
+// location screen component
const LocationScreen = () => {
const { gameState, updateGameState } = React.useContext(GameContext);
const region = regionData[gameState.currentRegion];
- // Handle NPC click
+ // handle NPC click
const handleNpcClick = (npcType) => {
const npcData = dialogueData[gameState.currentRegion][npcType];
- // Check if we have dialogueProgress for this NPC, if not start with intro
+ // check if we have dialogueProgress for this NPC, if not start with intro
const dialogueId = gameState.dialogueProgress[`${gameState.currentRegion}-${npcType}`] || 'intro';
updateGameState({
@@ -855,16 +847,16 @@ const LocationScreen = () => {
);
};
-// Dialogue Screen Component
+// dialogue screen component
const DialogueScreen = () => {
const { gameState, updateGameState } = React.useContext(GameContext);
- // Get current NPC and dialogue data
+ // get current NPC and dialogue data
const npcData = dialogueData[gameState.currentRegion][gameState.currentNpc];
const currentDialogue = npcData.dialogues.find(d => d.id === gameState.currentDialogueId);
const handleOptionClick = (option) => {
- // If there's no next dialogue, return to location screen
+ // no next dialogue, return to location screen
if (!option.nextId) {
updateGameState({
screen: 'location',
@@ -874,32 +866,32 @@ const DialogueScreen = () => {
return;
}
- // Find the next dialogue
+ // find the next dialogue
const nextDialogue = npcData.dialogues.find(d => d.id === option.nextId);
- // Update dialogue progress for this NPC
+ // update dialogue progress for this NPC
const newDialogueProgress = {
...gameState.dialogueProgress,
[`${gameState.currentRegion}-${gameState.currentNpc}`]: option.nextId
};
- // Check if the next dialogue awards reputation
+ // check if the next dialogue awards reputation
let newReputation = { ...gameState.reputation };
if (nextDialogue.reputation) {
newReputation[gameState.currentRegion] += nextDialogue.reputation;
- // Cap reputation at 5
+ // cap reputation at 5
if (newReputation[gameState.currentRegion] > 5) {
newReputation[gameState.currentRegion] = 5;
}
}
- // Check if the next dialogue unlocks a recipe
+ // check if the next dialogue unlocks recipe
let newRecipes = [...gameState.recipes];
if (nextDialogue.recipe && !newRecipes.includes(nextDialogue.recipe)) {
newRecipes.push(nextDialogue.recipe);
}
- // Update game state
+ // update game state
updateGameState({
currentDialogueId: option.nextId,
dialogueProgress: newDialogueProgress,
@@ -907,7 +899,7 @@ const DialogueScreen = () => {
recipes: newRecipes
});
- // If dialogue triggers cooking, go to cooking screen
+ // if dialogue triggers cooking, go to cooking screen
if (nextDialogue.cooking) {
setTimeout(() => {
updateGameState({
@@ -915,7 +907,7 @@ const DialogueScreen = () => {
currentNpc: null,
currentDialogueId: null
});
- }, 1500); // Give player time to read dialogue before transition
+ }, 1500); // give player time to read dialogue before transition
}
};
@@ -972,15 +964,15 @@ const NotebookScreen = () => {
const { gameState, updateGameState } = React.useContext(GameContext);
const [selectedRecipe, setSelectedRecipe] = useState(null);
- // Get all unlocked recipes
+ // get all unlocked recipes
const unlockedRecipes = gameState.recipes.map(recipeId => recipeData[recipeId]);
- // Handle recipe selection
+ // handle recipe selection
const handleRecipeClick = (recipeId) => {
setSelectedRecipe(recipeId);
};
- // Handle cooking button
+ // handle cooking button
const handleCook = () => {
updateGameState({
screen: 'cooking',
@@ -1093,14 +1085,13 @@ const NotebookScreen = () => {
);
};
-// Cooking Screen Component
+// cooking screen component
const CookingScreen = () => {
const { gameState, updateGameState } = React.useContext(GameContext);
- // If no specific recipe is selected, default to the first unlocked recipe
const currentRecipe = gameState.currentRecipe || (gameState.recipes.length > 0 ? gameState.recipes[0] : 'new_england_clam_chowder');
- // States for the cooking minigame
+ // states for the cooking minigame
const [gamePhase, setGamePhase] = useState('intro'); // 'intro', 'playing', 'result'
const [currentStep, setCurrentStep] = useState(0);
const [score, setScore] = useState(0);
@@ -1109,14 +1100,14 @@ const CookingScreen = () => {
const [timeLeft, setTimeLeft] = useState(0);
const [result, setResult] = useState(null); // 'perfect', 'good', 'needsWork'
- // Timer ref
+ // timer ref
const timerRef = useRef(null);
- // Recipe data
+ // recipe data
const recipe = recipeData[currentRecipe];
const challenges = cookingChallenges[currentRecipe];
- // Start the game
+ // start the game
const startGame = () => {
setGamePhase('playing');
setCurrentStep(0);
@@ -1124,10 +1115,10 @@ const CookingScreen = () => {
nextStep(0);
};
- // Next cooking step
+ // next cooking step
const nextStep = (stepIndex) => {
if (stepIndex >= challenges.length) {
- // Game complete, calculate result
+ // game complete, calculate result
const finalScore = score;
let finalResult;
@@ -1142,24 +1133,24 @@ const CookingScreen = () => {
setResult(finalResult);
setGamePhase('result');
- // Increase reputation based on result
+ // increase reputation based on result
const reputationGain = finalResult === 'perfect' ? 2 : (finalResult === 'good' ? 1 : 0);
const newReputation = { ...gameState.reputation };
newReputation[gameState.currentRegion] += reputationGain;
- // Cap reputation at 5
+ // cap reputation at 5
if (newReputation[gameState.currentRegion] > 5) {
newReputation[gameState.currentRegion] = 5;
}
updateGameState({ reputation: newReputation });
- // Check if this unlocks the next region
+ // check if this unlocks the next region
if (newReputation[gameState.currentRegion] >= 3 &&
gameState.currentRegion === 'coastal' &&
!gameState.unlockedRegions.includes('southwest')) {
- // Unlock southwest region
+ // southwest region
const newUnlockedRegions = [...gameState.unlockedRegions, 'southwest'];
updateGameState({ unlockedRegions: newUnlockedRegions });
@@ -1167,7 +1158,7 @@ const CookingScreen = () => {
gameState.currentRegion === 'southwest' &&
!gameState.unlockedRegions.includes('midwest')) {
- // Unlock midwest region
+ // midwest region
const newUnlockedRegions = [...gameState.unlockedRegions, 'midwest'];
updateGameState({ unlockedRegions: newUnlockedRegions });
}
@@ -1175,21 +1166,21 @@ const CookingScreen = () => {
return;
}
- // Set up the next step
+ // set up the next step
setCurrentStep(stepIndex);
setShowKey(false);
setKeyPressed(false);
- // Start the timer for this step
+ // start the timer for this step
const duration = challenges[stepIndex].duration;
setTimeLeft(duration);
- // Show the key after a random delay
+ // show the key after a random delay
const keyDelay = Math.floor(Math.random() * (duration * 0.6)) + (duration * 0.2);
setTimeout(() => {
setShowKey(true);
- // Hide the key after a short time if not pressed
+ // hide the key after a short time if not pressed
setTimeout(() => {
if (!keyPressed) {
setShowKey(false);
@@ -1197,41 +1188,40 @@ const CookingScreen = () => {
}, 1200);
}, keyDelay);
- // Set a timer for the entire step duration
+ // set a timer for the entire step duration
timerRef.current = setTimeout(() => {
- // Move to next step regardless of success
+ // move to next step regardless of success -- // TODO: broken?
nextStep(stepIndex + 1);
}, duration);
};
- // Handle key press
+ // handle key press
const handleKeyPress = (keyCode) => {
- // Only process if we're showing a key and in playing phase
+
if (showKey && gamePhase === 'playing' && !keyPressed) {
const expectedKey = challenges[currentStep].key;
- // Check if the correct key was pressed
+ // check if the correct key was pressed
if (keyCode.toUpperCase() === expectedKey) {
- // Correct key! Add to score
+
+ // correct
setScore(score + 1);
setKeyPressed(true);
setShowKey(false);
- // Clear the current timer
clearTimeout(timerRef.current);
- // Move to next step after a short delay
setTimeout(() => {
nextStep(currentStep + 1);
}, 800);
} else {
- // Wrong key, just hide the prompt
+ // wrong
setShowKey(false);
}
}
};
- // Set up keyboard listener
+ // set up keyboard listener
useEffect(() => {
const keyListener = (event) => {
handleKeyPress(event.key);
@@ -1245,7 +1235,7 @@ const CookingScreen = () => {
};
}, [currentStep, showKey, gamePhase, keyPressed]);
- // Timer effect
+ // timer effect
useEffect(() => {
if (gamePhase === 'playing' && timeLeft > 0) {
const interval = setInterval(() => {
@@ -1256,7 +1246,7 @@ const CookingScreen = () => {
}
}, [gamePhase, timeLeft]);
- // Render the appropriate game phase
+ // render the appropriate game phase
const renderGameContent = () => {
switch(gamePhase) {
case 'intro':
@@ -1329,7 +1319,7 @@ const CookingScreen = () => {
const reputationGain = result === 'perfect' ? 2 : (result === 'good' ? 1 : 0);
const regionName = gameState.currentRegion.charAt(0).toUpperCase() + gameState.currentRegion.slice(1);
- // Check if we unlocked a new region
+ // unlocked a new region?
const unlockedNewRegion =
(gameState.currentRegion === 'coastal' && gameState.reputation.coastal >= 3 && !gameState.unlockedRegions.includes('southwest')) ||
(gameState.currentRegion === 'southwest' && gameState.reputation.southwest >= 3 && !gameState.unlockedRegions.includes('midwest'));
@@ -1343,7 +1333,7 @@ const CookingScreen = () => {
{/* Result image placeholder */}