Skip to content

A multiplayer shooter game with bots made in React Three Fiber (ThreeJS).

License

Notifications You must be signed in to change notification settings

ubergonmx/shooter-blitz

Repository files navigation

Shooter Blitz

shooter-blitz

Description

The project chosen is a simple top-view 3D shooter game where players will engage in combat against other players. The game environment is set in a desolate urban wasteland littered with debris, garbage, and broken cars. Massive shipping containers and barrels dot the landscape, providing cover and obstacles for players to navigate. Amidst the wreckage, makeshift shelters constructed from water tanks and small "container"-like houses offer temporary refuge. The goal of the game is to eliminate as many opposing players as possible.

The inspiration for this project stems from our childhood of playing countless hours of Boxhead as well as Minecraft. By using techniques we learned in class and also from online tutorials, we were able to model, animate, and program in R3F (ThreeJS), and we were able to create our vision of a 3D game similar to Boxhead but with a new environment and added Minecraft characters. Through this game, we were able to showcase what we learned by applying 3D graphics and animation in a shooter game genre.

How to run the game

The project is available online, and it can be also run locally. If you want to try the online version, simply visit https://shooter-blitz.pages.dev. If you want to try locally, Node.js and npm must be installed on your PC. To run the program, simply follow the steps below:

  1. Open terminal and clone the repository using git clone https://github.com/ubergonmx/shooter-blitz.git
  2. Navigate to the project using cd shooter-blitz
  3. Type npm install
  4. Type npm run dev
  5. Open any browser and type what the console prints (e.g., localhost:5137)
  6. You can add bots (or invite players) then click Launch to start the game

If you want to play on LAN, replace dev with demo in step 3 and type the provided Network URL. In this way, you can also play using either desktop or mobile devices.

Controls

You can switch controls, either using Keyboard+Mouse or Joystick, by toggling the option on the upper right. WASD for movement, and Space/Left click for shooting if you prefer to use a keyboard/mouse.

Credits

Team

  • aaronpal - programmer
  • SeanUmpad - modeling and animation of the main character models

Others

  • wass88 - starter template of R3F project
  • quaternius - creator of Toon Shooter Game Kit

About

A multiplayer shooter game with bots made in React Three Fiber (ThreeJS).

Topics

Resources

License

Stars

Watchers

Forks

Languages