hmallen99 / three-fps Goto Github PK

• When the player presses escape, it should present a menu with settings
• There should be a button to return to the home screen

Zombies have variable characteristics according to their color:

• Green: Slow, low damage
• Yellow: Faster, low damage
• Orange: Faster, high damage
• Red: Fastest, high damage

Zombies should follow the characters across the map, and should be able to move nearly as well as the players

Add basic Routing

• Currently, the Redux Store keeps track of objects with health as "objects", which is a little bit vague. A better name might be "destructibles" or something similar

• Add a default Rifle
• Add a secondary pistol
• Add a shotgun
• Add a knife
• Add a grenade
• reload
• Can import models as objs: see https://docs.pmnd.rs/react-three-fiber/tutorials/loading-models#loading-obj-models

Create a custom networking system, likely based off tcp for the fps

Resources:

• https://www.reddit.com/r/gamedev/wiki/index#wiki_networking

Layout:

1. Title with game name
2. Big Play button to enter game configuration screen
3. Tabs for avatar customization, loadout selection, skins/weapons/character shop, settings page
4. Cool background

• When the player presses tab, they should see their score and opponent scores, with K/D/A, ADR, etc.

The gun should send out a ray with a raycaster when the user clicks. Objects should have a callback to set their health with the value of the gun's damage.

Mechanism:

• Players each have their own avatar, but they can select a character loadout
• Characters have special perks
• Each character can only be chosen by one player
• Characters do not affect weapon loadouts
• New characters can be unlocked with XP or Purchases
• Each player has a skill tree, with perks that can be unlocked as they progress through the game.

Characters:

Default (4)

1. Super speed - Add some special boots to a character
2. Triple jump
3. Extra health
4. Critical hit boost

Unlockable

TBD

Maps should leverage React to effectively keep track of items being destroyed

Layout:

1. Display all of the weapons that a user has in a carousel with an icon of the weapon
2. A modal displaying the weapon appears in the middle of the screen. It should have the following tabs:
   • Display weapon attributes
   • Display upgrade path
   • Select skin
3. Selected weapons appear at the bottom of the screen. Select one of the weapons at the bottom and then select a weapon from the carousel to change the loadout

The Player class should keep track of attributes like health, ammo, position, etc.

You can pick up damaged stuff and build reinforcements. Should hook into React

host the webpage with heroku

Zombie Survival Game, similar to COD Zombies or Left 4 Dead
Two game modes:

1. Survival: Survive as many rounds as you can. Characters start out with default perks, and can upgrade their skill trees as they progress through the levels. Ammo is scarce, health regenerates.
2. Speed run: Complete the objective as fast as possible. All perks are available, you can configure how you choose.

Add the ability for the player to keep track of various items in their React state

Once a better map is created #3, add better lighting to the map

1. The player can configure their equipped weapons before joining a game.
2. Weapons will have different abilities and characteristics, such as damage, fire rate, auto vs. semi-auto, etc.
3. Weapons will have an upgrade tree similar to characters, which players can upgrade throughout the game
4. Players can get different skins for their weapons

• Buy weapons with in game experience points

• Basic Pathing
• Ability to do damage
• Destructible

Keep track of current weapons, grenades, boosts, etc.

Replace the flat plane with a bumpy terrain and obstacles. Have a reproducible way of recreating individual maps.

• Component that keeps track of Player HP

• At the top of the screen, the score for the current game should be displayed

If space is held down, the player will jump infinitely

Problem

There are no tests, but there probably should be some.

Implementation Notes

• There are some import issues with jest for the react-three/cannon module that make it basically impossible to test components that use it
• In general, there isn't a good way to test these react-three components
• Tests can be written for hooks and non-three components

Either import or create humanoid player model to add to the Player class. Leave the current sphere, but make it invisible and non-colliding.

This is only necessary if multiplayer is added, as you can't see yourself

There are a few uses of the typescript "any" type, which should be replaced with the actual types

player can choose weapons, number of enemies, etc. Should be extensible with Redux store for when we want to load in multiple player configs