Fighting Game

In this solo endeavor, "JavaScript Fighter: Solo Showdown," I embarked on a challenging yet rewarding journey to develop a captivating fighting game inspired by the legendary Street Fighter series, driven solely by my passion for both coding and gaming. Drawing upon my expertise in JavaScript programming, I meticulously crafted every aspect of the game, from the dynamic combat mechanics to the intricate character animations, with the aim of delivering an immersive and exhilarating gameplay experience.

At the heart of this project lies my deep understanding of JavaScript's capabilities, as I leveraged its versatility to implement a robust combat system that faithfully captures the essence of classic arcade brawlers. Through meticulous coding and iterative refinement, I crafted responsive player controls, formidable opponent AI, and visually stunning special moves, ensuring that each battle in "JavaScript Fighter: Solo Showdown" is as intense and engaging as its inspiration.

Throughout the development process, I encountered numerous technical challenges and obstacles, from optimizing performance to debugging complex interactions between game elements. However, each hurdle presented an opportunity for growth, pushing me to expand my coding skills, experiment with new techniques, and ultimately emerge with a deeper understanding of JavaScript game development.

As "JavaScript Fighter: Solo Showdown" steps onto the stage of the gaming world, it stands as a testament to the creativity, dedication, and technical prowess of a lone developer. With its blend of nostalgic charm and cutting-edge programming, this project invites players to embark on a solo journey into the adrenaline-fueled world of arcade combat, where every punch, kick, and combo is a testament to the power of individual innovation in the realm of game development. So, prepare for the ultimate showdown, as "JavaScript Fighter: Solo Showdown" invites you to unleash your inner warrior and prove your skills in the arena of digital combat!

function rectangularCollision({ rectangle1, rectangle2 }) {
            return (
                rectangle1.attackBox.position.x + rectangle1.attackBox.width >= rectangle2.position.x && 
                rectangle1.attackBox.position.x <= rectangle2.position.x + rectangle2.attackBox.width && 
                rectangle1.attackBox.position.y + rectangle1.attackBox.height >= rectangle2.position.y &&
                rectangle1.attackBox.position.y <= rectangle2.position.y + rectangle2.height
            )
        }

The Code above is a simple hitbox detector this detects if the enemy player is within range of your weapon, if they are within range and you have attacked then it will trigger depleting the enemy players health