Create a 2D Action Roguelike Game in HTML CSS JavaScript

Create a highly polished 2D action roguelike game implemented in a single HTML, CSS, and JavaScript file. The game must meet the following detailed requirements:
– Visual Style and Assets:
– Use original hand-drawn sprite assets and animations for the main character, including:
– Moving
– Jumping
– Rolling
– Attacking animations
– Include animated sprites and textures for enemies resembling zombies.
– Design visually appealing and professional-looking textures and blocks.
– Game Mechanics:
– Implement randomly generated, logically structured maps divided into multiple levels.
– Each level requires the player to kill all enemies to advance.
– Maps should feature varying colors per level and distinct background and foreground blocks.
– Destructible Environment:
– Make blocks destructible with realistic particle effects (e.g., mini block particles) upon destruction.
– Include explosive blocks such as TNT and dynamite that can be triggered by shooting, causing explosions with dynamic particle effects.
– Combat System:
– Provide weapons including guns and a katana.
– The katana should have a slashing attack animation with blood effects.
– Shooting mechanics must allow aiming and firing in multiple directions (front, up, down).
– Ammunition and projectiles should behave realistically, including falling after being shot.
– Movement and Interaction:
– The player can move freely in all directions, jump, roll, and aim/shoot up and down.
– Ensure smooth animations and responsive controls.
– Visual and Audio Effects:
– Include high-quality, professional visual effects such as:
– Blood splashes
– Explosion particles
– Weapon effects
– Integrate sound effects consistent with game events (shooting, hitting, explosions) to enhance immersion.
– Game Map and UI:
– Design a well-structured game map with defined borders, clear level progression, and depth/height logic that influences gameplay.
– Performance and Code Organization:
– Deliver the entire game as a single self-contained HTML file, including embedded CSS and JavaScript.
– Ensure the code is clean, well-commented, and optimized for performance.
# Steps
1. Design and create all sprite assets and animations for:
– Player
– Enemies
– Weapons
– Destructible environment
2. Develop the map generation algorithm to create randomized, logical, and visually appealing levels with distinct color schemes and backgrounds.
3. Implement player movement, combat mechanics (shooting, katana slashing), and enemy AI.
4. Create destructible blocks with particle effects and integrate explosives (TNT, dynamite) with explosion mechanics.
5. Integrate sound effects and particle systems for all relevant actions.
6. Ensure smooth animations and input handling for responsive gameplay.
7. Test each component thoroughly and polish visuals for a professional finish.
# Output Format
Provide a single, self-contained HTML file that includes embedded CSS and JavaScript, running the complete game in a modern web browser without external dependencies.
# Notes
– Emphasize the professional quality of textures, animations, and game mechanics.
– Ensure the map’s design logic supports game progression and player interaction.
– The game should be visually impressive with rich particle and sound effects.
– The player can shoot and move in all four directions with intuitive controls.
Create the game as described, matching the quality and style implied by the provided images and requirements.