@simondev758
  @simondev758
SimonDev | I Tried Making an FPS Game in JavaScript @simondev758 | Uploaded 2 years ago | Updated 3 hours ago
GLSL Course: https://simondev.teachable.com/p/glsl-shaders-from-scratch

Support me on Patreon: https://www.patreon.com/simondevyt

Follow me on:
Twitter: https://twitter.com/iced_coffee_dev
Instagram: https://www.instagram.com/beer_and_code/


Here I tried making a 3D first person shooter, all in JavaScript and Three.js. I took some code from a couple of my other tutorials, like first person camera controls and ammo.js stuff, bolted on a few free things from places like Sketchfab, and added some shooter gameplay. The code could totally be used as a starting point for somebody else wanting to make a little browser FPS.

Basically, I tried to code up a first person shooter skeleton in a few days, using nothing more than JavaScript and the browser. All the elements, HUD, etc. are in there and in workable states. There's tonnes more you could do obviously, but I think this can help you understand how you might structure things and use something like Three.js to get started on these types of projects. Making a basic first person shooter, even in JavaScript, isn't too difficult.

Droid Thing from Quaternius: https://quaternius.com/

"Anubis Bust" (https://skfb.ly/6RwNp) by lucasthx88 is licensed under Creative Commons Attribution (http://creativecommons.org/licenses/by/4.0/).

"K-VRC | Love, Death + Robots" (https://skfb.ly/6XCCo) by ArbitraryCanary is licensed under Creative Commons Attribution (http://creativecommons.org/licenses/by/4.0/).

"Buddha" (https://skfb.ly/QGxw) by hullo is licensed under Creative Commons Attribution (http://creativecommons.org/licenses/by/4.0/).

"Human Skull" (https://skfb.ly/6RsWT) by Sergey Egelsky is licensed under Creative Commons Attribution (http://creativecommons.org/licenses/by/4.0/).

"Heavy Assault Rifle" (https://skfb.ly/6RGPy) by pixelgrapher is licensed under Creative Commons Attribution (http://creativecommons.org/licenses/by/4.0/).
I Tried Making an FPS Game in JavaScriptExploring a New Approach to Realistic Lighting: Radiance CascadesWhat can “The Simpsons” teach us about Dynamic Programming?Logarithmic Depth Buffers and Problems of Scale (3D World Generation #9)Three.js Shadows Explained | Tutorial for Beginners! (JavaScript)Blending (using WebGL/Three.js) - And How to Combine Additive and Alpha BlendingRay Marching, and making 3D Worlds with MathThree.js Tutorial on Shaders (beginners)How Games Have Worked for 30 Years to Do Less WorkHow Quake Failed their way to SuccessSimple Biome Generation (3D World Generation #11)Simple Character Controller (using Three.js/JavaScript)

I Tried Making an FPS Game in JavaScript @simondev758