https://github.com/jashgopani/frogger-webgl

Implementation of Frogger game from scratch in WebGL
https://github.com/jashgopani/frogger-webgl

Last synced: about 2 months ago
JSON representation

Implementation of Frogger game from scratch in WebGL

• Host: GitHub
• URL: https://github.com/jashgopani/frogger-webgl
• Owner: jashgopani
• License: mit
• Created: 2024-02-25T02:33:54.000Z (11 months ago)
• Default Branch: main
• Last Pushed: 2024-02-25T02:53:30.000Z (11 months ago)
• Last Synced: 2024-02-25T03:31:03.067Z (11 months ago)
• Language: JavaScript
• Size: 0 Bytes
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        

# :frog: Frogger Game using WebGL - Jash Gopani

This project is a WebGL implementation of the classic arcade game Frogger. It was developed as part of a CSC 561 - computer graphics course at NCSU. The game aims to recreate the familiar Frogger experience in a modern web environment, leveraging WebGL for rendering and user interaction.

## Features

### P0

- **Setup basic extensible rendering pipeline**: The rendering pipeline has been established to support extensibility for future enhancements.

- **Add indice-based rendering support**: Implemented rendering support using indices for efficient graphics processing.

- **Add perspective**: Introduced perspective to provide depth and realism to the game environment.

- **Add generators for primitives**: Developed generators to create basic geometric primitives required for the game.

- **Use primitive generators for modelling**: Utilized primitive generators to model various elements within the game scene.

- **Prepare static scene complete**: Initial setup of the static game scene is completed, providing the foundation for further development.

- **Add user interaction and apply transformations to moving objects**: Implemented user interaction mechanisms and applied transformations to animate moving objects within the game.

- **Add collision detection and other rules using bounding box**: Incorporated collision detection using bounding boxes to enforce game rules and interactions.

- **Add sound effects**: Implemented sound effects to enhance the gaming experience.

### P1

- **Add textures**: Pending

- **Score calculation**: Implemented logic for score calculation when frog reaches the landing zone and number of lives reduce when frog meets an accident

- **Make your own part**: Pending

## Demo Preview

[![Frogger Game Demo](https://github.com/jashgopani/frogger-webgl/assets/40660648/88498a5f-cbdc-4b01-a632-2485b774a68b)](Demo.mp4)

Click the image above to watch the demo video.

## Getting Started

To run the game locally, follow these steps:

1. Clone this repository.

2. Open the repository folder in Visual Studio Code.

3. Use the Live Server extension to launch the game by right-clicking on `index.html` and selecting "Open with Live Server".

4. Enjoy playing Frogger!

## Contributors

- Jash Gopani

## License

This project is licensed under the [MIT License](LICENSE).