Skip to content

A collection of polished browser-based mini-games with premium UI and mobile support

License

Notifications You must be signed in to change notification settings

yahayuta/mini_games

Repository files navigation

Mini Games Arcade 🎮

A collection of polished, browser-based mini-games.

Project Status License

📖 Table of Contents

🧐 About

Mini Games Arcade is a project dedicated to creating high-quality, fun, and aesthetically pleasing browser games. The goal is to provide a premium user experience with smooth animations and engaging gameplay.

🌐 Live Demo

Play the game here: https://mini-games-b1864.web.app

🕹️ Games

🍉 Suika Game (Watermelon Game)

A physics-based puzzle game where you drop and merge fruits to create larger ones.

  • Goal: Merge fruits to reach the ultimate Watermelon!
  • Features:
    • Cute Emojis: Fruits are represented by cute emojis (🍒, 🍓, 🍇...).
    • Realistic Physics: Powered by Matter.js.
    • Premium UI: Glassmorphism design with smooth animations.
    • Mobile Ready: Fully responsive design optimized for portrait mode on smartphones.
    • Touch Controls: Intuitive touch support for mobile play.

🔢 2048

A classic sliding block puzzle game where you combine numbers to reach 2048.

  • Goal: Slide and merge tiles to create the 2048 tile!
  • Features:
    • Clean Design: Minimalist aesthetic matching the original 2048.
    • Smooth Animations: Tile movements and merges are beautifully animated.
    • Score Tracking: Persistent best score saved locally.
    • Mobile Ready: Fully responsive with swipe gesture controls.
    • Keyboard & Touch: Arrow keys for desktop, swipe gestures for mobile.

🏗️ Tower Stacker

A timing-based arcade game where you stack blocks as high as possible.

  • Goal: Stack blocks perfectly to build the highest tower!
  • Features:
    • Neon Aesthetics: Vibrant colors and glow effects.
    • One-Tap Gameplay: Simple controls suitable for all devices.
    • Dynamic Difficulty: Blocks get faster and change colors as you go higher.
    • Responsive: Works perfectly on mobile and desktop.

🧩 Neon Tetris

A modern reimagining of the classic block-stacking puzzle.

  • Goal: Rotate and drop blocks to clear lines and score points!
  • Features:
    • Neon Glass Aesthetic: Stunning glowing visuals with glassmorphism UI.
    • Smooth Controls: Responsive touch controls for mobile and keyboard support for desktop.
    • Classic Mechanics: Authentic rotation system and scoring.
    • Mobile Optimized: Custom layout for portrait mode on smartphones.

🐍 Neon Snake

A classic arcade game with a modern neon glow.

  • Goal: Navigate the snake to eat food and grow without hitting the walls or yourself!
  • Features:
    • Neon Aesthetics: Glowing visuals on a dark background.
    • Smooth Controls: Swipe gestures for mobile and keyboard arrow keys for desktop.
    • Score Tracking: High score saved locally.
    • Adjustable Speed: Tuned for enjoyable gameplay on all devices.

👾 Neon Invaders

A modern take on the classic space shooter. Defend Earth from waves of neon aliens!

  • Goal: Shoot down all the invaders in each wave before they reach the bottom.
  • Features:
    • Vibrant Neon Style: Crisp, glowing vector-style graphics.
    • Classic Gameplay: Familiar mechanics with a modern twist.
    • Responsive & Resolution-Independent: Looks great on any screen size, from mobile to desktop.
    • Mobile Ready: Fully responsive with touch controls (drag to move, tap to shoot).
    • Keyboard Support: Arrow keys to move and Space to shoot on desktop.

🚀 Getting Started

Prerequisites

  • A modern web browser (Chrome, Edge, Firefox, Safari).
  • Internet connection (to load CDN dependencies like Matter.js).

Installation

  1. Clone the repository:
    git clone https://github.com/yourusername/mini_games.git
  2. Navigate to the project directory:
    cd mini_games
  3. Open index.html in your browser.

🛠️ Technologies

  • HTML5: Semantic structure.
  • CSS3: Custom styling, animations, and responsive layout.
  • JavaScript (ES6+): Game logic and interactivity.
  • Matter.js: 2D physics engine for realistic collisions and movement.

🤝 Contributing

Contributions are welcome! If you have an idea for a new game or an improvement:

  1. Fork the project.
  2. Create your feature branch (git checkout -b feature/AmazingFeature).
  3. Commit your changes (git commit -m 'Add some AmazingFeature').
  4. Push to the branch (git push origin feature/AmazingFeature).
  5. Open a Pull Request.

📝 License

Distributed under the MIT License. See LICENSE for more information.

About

A collection of polished browser-based mini-games with premium UI and mobile support

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published