https://github.com/realabdurrehman/ravenfall
A first-person 2D point and shoot game where your goal is to stop evil mutated ravens inside a forest to leave the area.
https://github.com/realabdurrehman/ravenfall
canvas forest game html-canvas javascript-game point-and-shoot scary shooting
Last synced: over 1 year ago
JSON representation
A first-person 2D point and shoot game where your goal is to stop evil mutated ravens inside a forest to leave the area.
- Host: GitHub
- URL: https://github.com/realabdurrehman/ravenfall
- Owner: RealAbdurRehman
- Created: 2024-11-21T09:54:13.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2024-11-21T10:57:55.000Z (over 1 year ago)
- Last Synced: 2025-02-03T09:47:57.500Z (over 1 year ago)
- Topics: canvas, forest, game, html-canvas, javascript-game, point-and-shoot, scary, shooting
- Language: JavaScript
- Homepage: https://ravenfall.netlify.app/
- Size: 19.5 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Ravenfall
## Overview
**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 ``** element for rendering game graphics and animations.
## Features
- **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 `` element.
## Gameplay
1. **Objective:** Shoot the ravens before they land. Each raven you shoot earns you points. If a raven reaches the ground, you lose points.
2. **Controls:**
- **Mouse:** Move the mouse to aim the crosshair.
- **Click:** Shoot the ravens.
## Technologies Used
- **HTML:** Structure of the game and the `` element.
- **CSS:** Basic styling for the `` and ``.
- **JavaScript:** Game logic, animation, and interaction using the HTML5 `` API.
## Game Structure
### File Breakdown:
- **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.
## Screenshot
