Ravenfall is a fast-paced, first-person, 2D point-and-shoot game where your goal is to stop evil mutated ravens from invading a peaceful forest. Armed with a crosshair and quick reflexes, you must shoot the ravens before they land and escape the area.
This game is developed using HTML, CSS, and JavaScript with the HTML5 <canvas>
element for rendering game graphics and animations.
- First-Person 2D Shooter: Use a simple crosshair to aim and shoot at incoming mutated ravens.
- Mutated Ravens: Face a variety of fast-moving ravens that will challenge your shooting skills.
- High Score: Track your performance and try to beat your best score as you shoot more ravens.
- Simple Controls: The game is controlled entirely with the mouse (point and click).
- HTML5 Canvas: Smooth graphics rendered using the
<canvas>
element.
- Objective: Shoot the ravens before they land. Each raven you shoot earns you points. If a raven reaches the ground, you lose points.
- Controls:
- Mouse: Move the mouse to aim the crosshair.
- Click: Shoot the ravens.
- HTML: Structure of the game and the
<canvas>
element. - CSS: Basic styling for the
<body>
and<canvas>
. - JavaScript: Game logic, animation, and interaction using the HTML5
<canvas>
API.
- index.html: The main HTML file containing the structure of the page and the
canvas
element. - style.css: The CSS file that styles the game’s visual elements.
- game.js: The JavaScript file that drives the game’s logic, including:
- Setting up the canvas context.
- Handling the crosshair movement and shooting mechanics.
- Animating and managing the ravens.
- Tracking and displaying the score.