Skip to content

This multiplayer game project was a fantastic learning experience, focusing on socket programming, server-client architecture, and multi-user environments. It features real-time player movement, collision detection, and a leaderboard.

Notifications You must be signed in to change notification settings

WhisperNet/multiplayer-game-with-js

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

10 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Multiplayer Game with JS

Welcome to my multiplayer game project repository! This project was a significant learning experience where I explored socket programming, server-client architecture, and multi-user environments. You can view a demo of this game here . image

Table of Contents

Introduction

This project is a multiplayer game developed from scratch. It covers various aspects of game development, from setting up the game to adding unique player attributes, implementing player movement, handling projectiles and collisions, creating a leaderboard, and more. The project culminates in pushing the game live and setting up a domain name.

Features

  • Player Connection and Disconnection: Manages multiple players connecting and disconnecting seamlessly.
  • Unique Attributes and Usernames: Assigns unique attributes and usernames to each player.
  • Real-time Player Movement: Implements smooth player movement and interactions.
  • Projectiles and Collision Detection: Handles shooting projectiles and detecting collisions.
  • Leaderboard: Displays a leaderboard to track player scores.

Technologies Used

  • HTML5: For structuring the game interface.
  • CSS3: For styling the game elements.
  • JavaScript: For game logic and client-side interactions.
  • Node.js: For the server-side logic.
  • Socket.IO: For real-time communication between the server and clients.

Installation

To run this project locally, follow these steps:

  1. Clone the repository:

    git clone https://github.com/whispernet/multiplayer-game-with-js.git
  2. Navigate to the project directory:

    cd multiplayer-game-with-js
  3. Install dependencies:

    npm install
  4. Start the server:

    node backend.js
  5. Open your browser and navigate to:

    http://localhost:3000
    

Lessons Learned

Throughout this project, I gained valuable insights into:

  • Socket Programming: Learned how to use Socket.IO for real-time communication.
  • Server-Client Architecture: Understood how servers and clients interact in a multi-user environment.
  • Game Logic: Developed logic for player movement, collisions, and score tracking.
  • Project Deployment: Learned how to deploy a project live and set up a custom domain.
  • Enhanced Interpolation: Improved the smoothness and responsiveness of gameplay.

About

This multiplayer game project was a fantastic learning experience, focusing on socket programming, server-client architecture, and multi-user environments. It features real-time player movement, collision detection, and a leaderboard.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages