Stack Overflowed

Stack Overflowed is a chaotic tower stacking game. Players align and stack <div> elements. As your tower grows, elements get narrower and harder to align. Has retro graphics, brainrot sound effects.

Comment 2

🕹️ Stack Overflowed 🕹️

Welcome to Stack Overflowed, the game where your divs have a mind of their own! 🚀

![CSS Reality](https://media.giphy.com/media/13FrpeVH09Zrb2/giphy.gif) _The CSS you wrote vs. How it renders_

🎮 Gameplay

  • Align those divs like a CSS wizard 🧙‍♂️
  • Dodge the terrifying overflow: hidden; monster 👻
  • Score points by stacking divs without causing a layout apocalypse! 💀

🛠️ Features

  • Responsive Madness: Because who needs sanity in layouts? 🤪
  • Sound Effects: Hear the screams of your misaligned divs 🎧
  • Infinite Levels: Just when you think you're centered, BAM! New chaos 💥
[![CSS in Real Life](https://img.youtube.com/vi/dQw4w9WgXcQ/0.jpg)](https://www.youtube.com/watch?v=dQw4w9WgXcQ) _Live footage of debugging CSS_

📂 Project Structure

  • main.rb: The epicenter of the madness 💥
  • Assets: Memes not included... yet. (But we're working on it!) 🎭

🤖 Technologies Used

  • Ruby & Gosu: Because why not mix elegance with chaos? ✨
  • Markdown: For all your documentation meme needs 📝
![Bug Fix](https://media.giphy.com/media/1FMaabePDEfgk/giphy.gif) _"Bug fix creates more bugs"_

📜 License

Distributed under the MIT License, because even chaos needs some legal boundaries! 🎪

Remember: If your code breaks, it's not a bug, it's a feature. And if anyone asks, we totally meant for that to happen. See LICENSE for the formal "we're not responsible for your div nightmares" disclaimer. 😅

"I don't always center my divs, but when I do, I use 47 nested divs with !important"
— Every Developer Ever

![It's Fine](https://media.giphy.com/media/QMHoU66sBXqqLqYvGO/giphy.gif) _Everything is fine_

Built With

Share this project:

Updates

posted an update —

Stack Overflowed - Updates & Changelog

Version 1.2.1

  • Added Credits screen with developer links
  • Added smooth screen flicker effect on milestone scores
  • Improved performance optimizations:
    • Font caching system
    • Pre-calculated alignment positions
    • Delta-time based movement
    • Optimized div rendering
    • Reduced object creation during gameplay
  • Added background music volume control
  • Extended color palette for divs (8 colors)
  • Added visual feedback for menu selection
  • New sound effects:
    • Score milestone sound
    • Multiple fail sounds

Game Features

  • Dynamic difficulty scaling (speed increases every 10 points)
  • Multiple alignment positions for divs
  • Smooth scrolling tower mechanic
  • Visual and audio feedback
  • Main menu with three options:
    • Play
    • Credits (NEW)
    • Exit
  • Developer credits with GitHub profile links
  • Responsive controls:
    • SPACE to place divs
    • R to restart after game over
    • ESC to exit
    • Arrow keys for menu navigation
    • ENTER to select

Technical Improvements

  • Frame rate optimization for smoother gameplay
  • Cached font rendering system
  • Pre-calculated position values
  • Efficient memory usage
  • Delta time movement calculations
  • Optimized collision detection
  • Improved texture handling

Credits

Log in or sign up for Devpost to join the conversation.

Submission history