SimonDev | I Tried to Make Star Wars Battlefront II in JavaScript @simondev758 | Uploaded 3 years ago | Updated 3 hours ago
Tried building a Starfighter Assault clone, all in JavaScript.

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/
Github: https://github.com/simondevyoutube/

Here I tried to build a 3D JavaScript game, mostly from scratch, using libraries like Three.js/Ammo.js. This was heavily inspired (very heavily) inspired from the Star Wars: Battlefront II: Starfighter Assault game, which looks way better, but c'mon, this is just one guy and JavaScript. The code could definitely serve as a starting point for a way cooler game.

The goal of the project was to mash together a bunch of elements we've already seen, such as particle systems, third person cameras, player input controls, and introduce a few new things too such as the gamepad API and ammo.js physics support, and a bit of WebAudio through Three.js's API. Hopefully from this, you'll be able to understand how to integrate these various components to build out your own games.

What I'll cover:
* Basic game construction
* Player input, particle systems
* UI Components
* GamePad API
* Three.js and Ammo.js

References:
Inigo Quilez's site, lots of magic on noise and shaders, really the goto reference: https://iquilezles.org/

Star Wars Battlefront II, very cool game, I assume from the trailers, haven't played it: https://www.youtube.com/user/EAStarWars

An In-Depth look at Lerp, Smoothstep, and Shaping Functions

Three.js Post Processing Tutorial | Easy & Quick for Beginners (JavaScript)

3D World Generation #7: Speeding it up via Threading (JavaScript Web Workers & Three.js)

SimonDev Course Announcement! | Course Trailer

Is the COST of JavaScript’s GC REALLY that high?

What Big-O notation ACTUALLY tells you, and how I almost failed my Google Interview

When Optimisations Work, But for the Wrong Reasons

$Fog, Basic Fog, and Better Fog (Three.js Tutorial) In this project, I’ll show you how to use fog, and then i’ll show you how to improve it to get something a bit more like Unity’s. Follow me on: Patreon: https://www.patreon.com/simondevyt Twitter: https://twitter.com/iced_coffee_dev Github: https://github.com/simondevyoutube/ Well be looking at fog support in three.js, and JavaScript. This tutorial covers the API in Three.js, what modes of fog it supports, and how to extend this by hacking on the shader internals to inject our own code. From there, we can look at Unitys height for for inspiration and add in Wenzels height fog, with some animated perlin noise using fractal brownian motion for some extra detail. This tutorial uses three.js, which is a library in JavaScript for cross-browser 3d graphics using webgl. It makes high level functionality and advanced graphics available on the web. In the video, we cover: * Linear and Exponential Fog * WebGL and glFog * Three.js APIs, Fog and FogExp * Wenzels Height Fog * Domain warping using fractal brownian motion Links: https://developer.amd.com/wordpress/media/2012/10/Wenzel-Real-time_Atmospheric_Effects_in_Games.pdf https://www.iquilezles.org/www/articles/warp/warp.htm https://www.iquilezles.org/www/articles/fog/fog.htm https://www.shadertoy.com/view/4s23zz https://www.shadertoy.com/view/lsl3RH https://www.khronos.org/registry/OpenGL/specs/gl/glspec10.pdf https://www.khronos.org/opengl/wiki/Fixed_Function_Pipeline https://docs.unity3d.com/540/Documentation/Manual/script-GlobalFog.html https://threejs.org/docs/#api/en/scenes/Fog https://threejs.org/docs/#api/en/scenes/FogExp2$

I Tried to Make Star Wars Battlefront II in JavaScript @simondev758