My Game Collection - Building Browser Games
I'm excited to share my collection of browser-based games! Over the past few months, I've been developing various games using HTML5, CSS3, and JavaScript. Each game has been a learning experience and a chance to experiment with different game mechanics and design patterns.
The Games
🎯 2048
A classic sliding puzzle game with a sleek black and gold theme. Combine tiles to reach 2048! Features smooth animations, touch controls for mobile, and local storage for saving your best score. The game uses CSS transforms for buttery-smooth tile movements and includes keyboard and swipe controls.
❓ Quiz Game
Test your knowledge with this interactive quiz game! Features multiple difficulty levels, a clean user interface, and instant feedback on your answers. Built with vanilla JavaScript and styled with a modern black and gold aesthetic to match the site's theme.
⚔️ Warzone Survival
An intense 3D combat survival game built with Three.js! Defend your base against waves of enemies, build defensive walls, upgrade your base, and recruit teammates. Features include:
- First-person shooter mechanics with realistic weapon handling
- Base building system with multiple wall types
- Wave-based enemy spawning with increasing difficulty
- Shop system for buying ammo, medicine, and teammates
- AI teammates that help defend your base
- Dynamic minimap showing enemy positions
🏃 Parkour Challenge
A fast-paced platformer where timing and precision are key. Jump across platforms, avoid obstacles, and reach the finish line as quickly as possible. Perfect for quick gaming sessions!
🕵️ Hide and Seek
A unique twist on the classic game, implemented as a browser game with clever AI opponents. Can you find all the hidden objects before time runs out?
🛡️ Nexus Defense 2067
A futuristic tower defense game set in the year 2067. Strategically place defensive structures to protect your nexus from waves of attackers. Features multiple tower types, upgrade systems, and challenging enemy AI.
Design Philosophy
All games share a consistent black and gold color scheme, creating a cohesive visual identity across the collection. I focused on:
- Performance: Optimized code for smooth 60 FPS gameplay
- Accessibility: Clear controls and intuitive UI design
- Responsiveness: Games work on both desktop and mobile devices
- Polish: Attention to detail in animations and visual feedback
Technical Stack
The games are built using modern web technologies:
- Three.js for 3D graphics in Warzone Survival
- Canvas API for 2D rendering and game loops
- CSS3 for animations and transitions
- Vanilla JavaScript for game logic and state management
- LocalStorage for saving game progress and high scores
Try Them Out!
All games are completely free to play and run directly in your browser - no downloads or installations required. Head over to the Games page to start playing!
I'm constantly working on improvements and new features, so check back regularly for updates. If you have any feedback or suggestions, feel free to reach out through my GitHub.
What's Next?
I'm already planning new games and features for the existing ones. Some ideas I'm exploring include multiplayer capabilities, more advanced AI systems, and even more game genres. Stay tuned!