Skip to content

sofiyarybchynska-web/my-butter-half

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

40 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

My Butter Half 🍳

My Butter Half is a two-player cooperative cooking game set in a shelter environment, where players, consisting a mother and her child, must work together to prepare meals using limited available ingredients. Inspired by pixel-style games like Stardew Valley and Overcooked, the game emphasizes teamwork, resourcefulness, and community.

Built in 24 hours for a university hackathon, youCode 2026, under the theme Innovation for Equity and Community.


🎮 Gameplay

Two players control a mother and child working together in a shared kitchen. Players must:

  • Move around the kitchen
  • Use appliances
  • Follow recipe steps
  • Cook and serve dishes by collaborating and communicating with each other

🕹 Controls

Player 1 (Mother)

  • W A S D — Move
  • Space — Interact

Player 2 (Child)

  • Arrow Keys — Move
  • Enter — Interact

Both players can move simultaneously on the same keyboard.


✨ Features

  • Two-player cooperative gameplay
  • Pixel-style kitchen environment
  • Interactive cooking appliances
  • Dynamic recipe instructions
  • Responsive UI that scales with screen size
  • Ingredient-based recipe system
  • Real-time movement and collision detection

🧠 Inspiration

Access to food and cooking resources can be limited in shelters and underserved communities. We wanted to build a game that reflects the importance of collaboration, adaptability, and community support when working with limited ingredients.

By creating a cooperative cooking experience, we highlight teamwork and resourcefulness in a fun and engaging way. We hope this game can relive mothers' frustration/stress with cooking for their child, and allow children to have some sort of control over what they eat, even in a shelter environment, and being involved in the cooking process by "helping" their mother (instead of in real life with kitchen appliances that might be dangerous for little children to use).


🛠 Tech Stack

Frontend

  • HTML
  • HTML Canvas
  • CSS
  • JavaScript

Assets

  • Pixel art sprites
  • Custom UI elements
  • Responsive layout

🏗 Project Structure


⚙ How It Works

Game Loop

The game uses a continuous update loop:

  1. Read keyboard input
  2. Update character positions
  3. Check collision detection
  4. Handle interactions
  5. Render updated frame

Collision Detection

  • Characters use rectangular hitboxes
  • Collision prevents walking through appliances
  • Interaction occurs when players are close to objects

Interaction System

Players can interact with kitchen appliances:

  • Pick up ingredients
  • Use appliances
  • Progress recipe steps

Interaction is triggered when the character is close enough to an object.


🚀 How to Run Locally

Using a browser, go to: https://sofiyarybchynska-web.github.io/my-butter-half/


🎯 Challenges We Faced

  • Implementing two-player controls on one keyboard
  • Building responsive canvas-based UI
  • Designing collision detection for top-down gameplay
  • Creating interaction logic between characters and appliances
  • Managing real-time updates smoothly

🏆 Accomplishments We're Proud Of

  • Smooth cooperative gameplay
  • Responsive pixel-style UI
  • Clean modular architecture
  • Meaningful theme aligned with hackathon goals
  • Fully playable prototype within 24 hours

📚 What We Learned

  • Game loop architecture
  • Canvas rendering
  • Multi-player input handling
  • Collision detection techniques
  • Responsive UI for games

🔮 Future Improvements

  • More recipes
  • Timers, cooking delays
  • Animations and sound effects
  • More ingredient interactions
  • Implement the updating ingredients and filtering recipes features fully

👥 Team

  • Emily Ding — UI/UX, Assets, PM, Presentation
  • Amber Facher — UI/UX, Assets, PM, Presentation
  • Sofiya Rybchynska — Frontend, Research and Statistics, Recipes
  • Hasna Aulia — Game logic, Backend

❤️ Built For

youCode 2026 Theme: Innovation for Equity and Community


🎮 My Butter Half

Cooking together. Supporting each other. Building community.

About

youCode 2026 hackathon submission by team "Butterfly"; Stream 2

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors