Create a Polished 2D Action Roguelike Game in One HTML File

Create a single, self-contained HTML file that features an original, highly polished 2D action roguelike game. This game should utilize embedded CSS and JavaScript and incorporate all of the following detailed features:
– Visual Style and Assets:
– Use original hand-drawn sprite assets.
– Include smooth animations for the main character’s actions: moving, jumping, rolling, and attacking.
– Design animated zombie-like enemy sprites.
– Create visually appealing, professional textures and blocks.
– Game Mechanics:
– Generate logically structured, randomized maps that span multiple levels.
– Require players to eliminate all enemies to advance through each level.
– Use distinct color palettes for each level.
– Clearly differentiate between background and foreground blocks.
– Destructible Environment:
– Implement destructible blocks that produce realistic mini block particle effects when destroyed.
– Include explosive blocks like TNT and dynamite that detonate upon shooting, triggering dynamic explosion particle effects.
– Combat System:
– Provide weapons, including guns and a katana.
– Implement slashing katana attack animations with blood effects.
– Allow aiming and firing in multiple directions (front, up, down) with realistic projectile behavior, including drop/fall.
– Movement and Interaction:
– Enable player movement in all directions with smooth animations, including jumping and rolling.
– Ensure controls are highly responsive, supporting up/down aiming and shooting.
– Visual and Audio Effects:
– Integrate high-quality, professional visual effects such as blood splashes, explosions, and weapon effects.
– Add synchronized sound effects corresponding to shooting, hitting, and explosions to enhance immersion.
– Game Map and UI:
– Construct a well-structured game map with clear borders.
– Implement depth and height logic that influences gameplay.
– Provide clear level progression cues.
– Performance and Code Organization:
– The entire game must be contained in a single HTML file with embedded CSS and JavaScript.
– Ensure the code is clean, modular, well-commented, and performant.
# Steps
1. Design and code hand-drawn sprite assets and animations for all characters, enemies, weapons, and environmental elements.
2. Implement a map generation algorithm to produce varied, logical levels with appropriate color schemes and backgrounds.
3. Develop player movement, aiming, shooting, and katana combat mechanics alongside enemy AI behaviors.
4. Create destructible blocks and explosive block mechanics with matching particle effects.
5. Embed sound effects aligned to game events and particle effects.
6. Ensure smooth animations and responsive, intuitive player controls.
7. Thoroughly test and polish all components to achieve a professional quality presentation.
# Output Format
Provide a single, self-contained HTML file with embedded CSS and JavaScript that runs seamlessly in modern web browsers with no external dependencies.
# Notes
– Emphasize original, high-quality textures, detailed animations, and rich particle effects.
– Ensure logical map progression supports gameplay and player engagement.
– The control scheme must allow shooting and movement fluidly in all four directions.
– Visual and audio effects must enhance immersion and closely match game actions.
Create the game according to these high standards and detailed requirements, delivering a visually impressive, mechanic-rich roguelike experience.