ArpanMahanty01 / Three.js-Game

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Project Name: Three.js + React Game

Description

This project is an ongoing game development endeavor that combines the power of Three.js and React. The primary goal of this project is to create an engaging and interactive 3D game experience. Notably, this project does not utilize React Three Fiber, opting for a custom integration of Three.js into a React application.

Current Status

At this stage, the project is still under development and not complete. The existing features and functionality might be limited, and the game may not yet be fully playable. However, the core infrastructure for rendering and managing 3D graphics using Three.js within a React application has been established and a basic charachter contoller is completed with WASD control , run/walk switch and fly/walk switch.

Future Plans

The project has exciting future plans, including:

  • Multiplayer Functionality: Implementing multiplayer capabilities using technologies such as Socket.io and WebRTC to enable players to interact with each other in real-time.

  • Enhanced Gameplay: Expanding and refining gameplay mechanics, adding new features, levels, and challenges to create an immersive gaming experience.

  • Improved Graphics and Design: Enhancing the visual elements of the game by adding more 3D models, textures, and animations to make the world come alive.

  • Sound and Music: Incorporating audio elements like sound effects and background music to improve the overall gaming atmosphere.

  • Optimization: Optimizing performance to ensure smooth gameplay on various devices and screen sizes.

Getting Started

If you want to run this project locally or contribute to its development, follow these steps:

  1. Clone the Repository:
git clone https://github.com/your-username/threejs-react-game.git
  1. Install Dependencies:
cd threejs-react-game
npm install
  1. Start the Development Server:
npm run dev
  1. Open the Game in Your Browser: Open your web browser and navigate to http://localhost:5173 to see the game in action.

Landmass

generated basic landmass using perlin noise

landmass

installation

  1. clone this repository
  2. run this application using vite
npx vite .

Technologies Used

  • React: A JavaScript library for building user interfaces.
  • Three.js: A JavaScript library for 3D graphics and animations.
  • (Future) Socket.io: A library for enabling real-time, bidirectional communication between clients and servers.
  • (Future) WebRTC: A framework for real-time communication between browsers, enabling peer-to-peer data sharing.

Arpan Mahanty :)

About


Languages

Language:JavaScript 95.9%Language:HTML 4.1%