She4

We wanted to create a fun, interactive way to practice communication skills in high-pressure situations, while adding a hilarious twist with real-world consequences!

Comment

Presentinggg drumroll pleaseeee

SHE4 !!!! Thats rightt!!

Inspiration We've all been there - trying to navigate a tense conversation and wondering if we're making things better or worse. We wanted to create a fun, interactive way to practice communication skills in high-pressure situations, while adding a hilarious twist with real-world consequences!

What it does She4(like the bom b C4, pun intended) is an interactive chatbot game where players must calm down an angry virtual girlfriend through careful conversation choices. The game features:

  • Dynamic Rage Meter System: A visual meter that tracks the girlfriend's anger level in real-time, ranging from calm (0%) to relationship-ending fury (100%)
  • Intelligent Response Analysis: Natural language processing that evaluates your messages based on keywords, tone, and length to determine their effectiveness
  • Facial Recognition Integration: Uses your webcam to detect your facial expressions and emotions, affecting the girlfriend's mood based on whether you look genuine or dismissive
  • Real Consequences: When the rage meter hits critical levels, the girlfriend can actually close your browser tabs - simulating the real-world impact of relationship conflicts!
  • Retro Aesthetic: Pixelated VT323 font and nostalgic design that makes the experience both fun and visually engaging

How we built it Frontend:

  • Pure HTML/CSS/JavaScript for the core chat interface
  • Custom CSS animations for smooth transitions, shake effects, and rage meter updates
  • Gradient backgrounds and responsive design for an immersive experience

AI & Recognition:

  • Facial recognition API integration to detect user emotions through webcam
  • Keyword analysis algorithm that scans messages for positive terms (sorry, love, beautiful) vs negative triggers (calm down, overreacting, crazy)
  • Dynamic response generation based on current rage level

Browser Integration:

  • Browser API access to close tabs when rage threshold is exceeded
  • LocalStorage for game state persistence (if needed)

Challenges we ran into

  • Balancing the game mechanics: Making sure the rage system was fair but challenging
  • Facial recognition accuracy: Ensuring the emotion detection worked reliably in different lighting conditions
  • Browser permissions: Getting user consent for webcam access and tab closing capabilities
  • Response variety: Creating enough unique dialogue responses to keep the game fresh and entertaining
  • Calibrating difficulty: Finding the sweet spot where the game is challenging but winnable

Accomplishments that we're proud of

  • Successfully integrated facial recognition into a web-based game
  • Created a genuinely funny and engaging user experience
  • Built a smooth, responsive UI with satisfying animations
  • Implemented real browser consequences that raise the stakes
  • Developed an intelligent message analysis system that feels organic

What we learned

  • How to work with facial recognition APIs in web applications
  • Browser security models and permission systems
  • The importance of user feedback in game design
  • How to create engaging UI/UX with just CSS animations
  • Balancing humor with functionality in interactive applications

What's next for Angry Girlfriend Simulator

  • Multiplayer Mode: Challenge your friends to see who can calm her down fastest
  • Story Mode: Multiple scenarios with different relationship contexts and difficulty levels
  • Voice Recognition: Analyze tone and volume of spoken responses
  • Achievement System: Unlock badges for different conversation strategies
  • Mobile App: Port to iOS/Android with haptic feedback when rage increases
  • AI-Powered Responses: Use GPT integration for more dynamic, context-aware girlfriend responses
  • Customization: Let users customize the girlfriend's personality, triggers, and appearance
  • Statistics Dashboard: Track your communication skills over time with analytics

Built With

  • HTML5
  • CSS3
  • JavaScript
  • Facial Recognition API
  • Browser APIs (Webcam, Tab Management)
  • Google Fonts (VT323)
  • Python
  • Computer Vision

Tags: #communication #game #facial-recognition #ai #chatbot #relationship #fun*

Built With

Share this project:

Updates