https://github.com/nidhiupman568/pong-game
🎉Welcome to my Pong game! 🎮 This project recreates the classic Atari arcade game using HTML 📝, CSS 🎨, and JavaScript 💻 with HTML5 Canvas 🖼️.
https://github.com/nidhiupman568/pong-game
css front-end-development html interactive-web-design javascript pong-game web-animation web-development
Last synced: about 1 month ago
JSON representation
🎉Welcome to my Pong game! 🎮 This project recreates the classic Atari arcade game using HTML 📝, CSS 🎨, and JavaScript 💻 with HTML5 Canvas 🖼️.
- Host: GitHub
- URL: https://github.com/nidhiupman568/pong-game
- Owner: nidhiupman568
- Created: 2024-06-06T22:37:04.000Z (9 months ago)
- Default Branch: main
- Last Pushed: 2024-09-06T20:16:35.000Z (6 months ago)
- Last Synced: 2024-11-11T16:27:02.692Z (3 months ago)
- Topics: css, front-end-development, html, interactive-web-design, javascript, pong-game, web-animation, web-development
- Language: JavaScript
- Homepage: https://pong-game-nidhiupman.vercel.app/
- Size: 7.81 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Pong Game 🕹️🏓
Welcome to my Pong game! 🎮 This project recreates the classic Atari arcade game using HTML 📝, CSS 🎨, and JavaScript 💻 with HTML5 Canvas 🖼️.
Project Demo: https://nidhiupman568.github.io/PONG-GAME/
## Features ✨
- **Smooth Gameplay**: Utilizes a game loop for continuous updates and smooth animation 🔄🎥.
- **Interactive Controls**: Click handlers allow players to move paddles up and down to hit the ball 👆👇🏓.
- **Ball Physics**: Implements realistic ball movement and bounce mechanics off walls and paddles ⚽🔄.
- **Score Keeping**: Tracks and displays scores for both players in real-time 📊🏆.
- **Game Over**: Detects when a player misses the ball and ends the game, declaring a winner 🚫🏅.
## How to Play 🎮
1. **Start the Game**: Open `index.html` in your web browser 🌐.
2. **Control Paddles**: Click or tap to move your paddle up or down to hit the ball 👆👇🏓.
3. **Score Points**: Earn points by hitting the ball past your opponent's paddle 🎯📈.
4. **Win the Game**: Reach the score limit to win the game and defeat your opponent 🏆🥇.
## Getting Started 🚀
1. Clone the repository: 'https://github.com/nidhiupman568/PONG-GAME.git' 📁💻
2. Open the `index.html` file in your web browser 🌐.
## Technologies Used 🛠️
- **HTML5** 📝
- **CSS3** 🎨
- **JavaScript** 💻
#### Screenshots (Output) 📸
