This project is a 2D browser-based game developed using HTML, CSS, and JavaScript. The game includes characters, items, and interactive objects in a fun, dynamic environment. It uses sound effects, music, and smooth animations to create an engaging experience for players.
- Interactive Gameplay: Collect items, battle enemies, and progress through stages.
- Weapons and Power-ups: Use swords, bows, and other weapons to defeat enemies.
- Multiple Stages: Explore various levels with increasing challenges.
- Music and Sound Effects: Background music and sound effects enhance the gameplay experience.
- Form Validation: Built-in HTML validation for form inputs and player information.
- Complex Selectors: Uses advanced CSS selectors to style different game elements, including hover effects and animations.
- Object-Oriented Programming (OOP): JavaScript classes are used to model game entities like players, enemies, and objects.
- Event Handling: JavaScript captures and responds to user inputs like keyboard and mouse actions.
- JavaScript APIs:
- Drag and Drop API: Used to allow drag-and-drop functionality within the game.
- Media API: For handling in-game sounds, background music, and other audio features.
- SVG Manipulation: Working with Scalable Vector Graphics (SVG) to create and edit game elements dynamically, such as icons or game objects.
-
Controls:
- Arrow Keys / WASD: Move your character.
- Spacebar: Attack enemies.
- Mouse: Navigate the menu.
-
Objective:
- Explore the game map, collect items, defeat enemies, and move through different stages.
Below are some snapshots of the game features:
-
Upgrade Menu:
-
Settings Menu:
-
Gameplay:
- html/: The main HTML file (
index.html). - css/: Styles for the game UI.
- js/: Contains all the game logic, including player control, audio, objects, and game stages.
- textures/: Images and sprite assets for the game.
- fonts/: Custom fonts used in the UI.