Skip to content

FPP: This is an basic implementation of 'First Person Perspective View Window Concept' used in many advanced games like PUBG, GTA Games, Counter Strike etc. Implemented in Javascript.

License

Notifications You must be signed in to change notification settings

garganshul108/first-person-perspective

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

57 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

🎮 First Person Perspective

In video games, first person is any graphical perspective rendered from the viewpoint of the player's character, or a viewpoint from the cockpit or front seat of a vehicle driven by the character. Many genres incorporate first-person perspectives, among them adventure games, driving, sailing, and flight simulators. Most notable is the first-person shooter, in which the graphical perspective is an integral component of the gameplay. Games like Counter Strike, PUBG, GTA Vice City has such camera view for the player. (says Wikipedia)

  • This is a basic FPP walk through.
  • A map is designed to demonstrate the view

📷 Final Shot

GIF

☁️ Installation

- Clone the Repository
- Run index.html
- That's it!!

🎮 Game Controls

Controls are pretty simple

  • Arrow keys for movement along and orthogonal to the facing direction
  • 'A' to turn left
  • 'D' to turn right
  • Use map to keep track of the position

🔰 Beginning till the End

Here is the first shot of this project

📷 First Shot

GIF

  • Map is displayed in the top left corner to get the location of the user
  • Red dot on the map represents the user
  • White Shaded region around the dot represents the FOV (Field of View)
  • Small features like walls are added to demonstrate the converging 'perspective' to the centre
  • Then advanced map was designed for the full view
  • Colors were added to give a good looking finish

🌟 Issues and Contributions

  • Want to contribute and be a part of this small project. Check the simplest contributing guidelines here
  • Contributions don't have to be very special. From 'simple typos' to 'serious bugs' all kinds of contributions are welcome! 😄

🔨 Major Issues

Major issue with the perspective representation is FISHEYE Effect

  • Tried to integrate cosine and sine functions to overcome that but still not perfect 😐

📌 Ingredients

  • Graphic designing skill
  • Lots of Maths
  • Perspective Designing
  • Projections and Shading
  • Javascript (implementation)
  • Hit and Trial
  • Sweat and Blood

📚 Bibliography

🌟 Appeal

Want to contribute, learn, or even just liked the animation, do star the repository! 😊

📜 License

MIT © Anshul Garg

About

FPP: This is an basic implementation of 'First Person Perspective View Window Concept' used in many advanced games like PUBG, GTA Games, Counter Strike etc. Implemented in Javascript.

Topics

Resources

License

Code of conduct

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published