SimonDev

Explored a few of the latest techniques in procedural cloud rendering used in Horizon: Zero Dawn and the FrostBite engine.

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/

In this video, I walk through how cloud rendering generally works, as well as covering some of the more recent tweaks/improvements and optimizations.

Referenced Papers/Talks:
https://www.ea.com/frostbite/news/physically-based-sky-atmosphere-and-cloud-rendering
https://www.guerrilla-games.com/read/the-real-time-volumetric-cloudscapes-of-horizon-zero-dawn
http://magnuswrenninge.com/wp-content/uploads/2010/03/Wrenninge-OzTheGreatAndVolumetric.pdf

How Big Budget AAA Games Render Clouds

An introduction to the floating point numbers (iee-754), and some of the oddities surrounding it.

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/


Some great resources:
https://docs.oracle.com/cd/E19957-01/806-3568/ncg_goldberg.html
https://randomascii.wordpress.com/category/floating-point/

Some more great stuff:
https://en.wikipedia.org/wiki/Floating-point_arithmetic
https://en.wikipedia.org/wiki/Subnormal_number
https://en.wikipedia.org/wiki/Unit_in_the_last_place
https://www.h-schmidt.net/FloatConverter/IEEE754.html
https://cowboyprogramming.com/2007/01/05/visualizing-floats/

Floating Point Numbers, Odd Behaviour and What You Should Really Know (Data Structures & Algorithms)

We'll build an FPS controller in three.js, and add some tips & tricks to make it feel natural.

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/

GKJohnson's Github:
https://github.com/gkjohnson/threejs-sandbox

We'll walk through some of the basic ideas behind a first person or FPS controller, including the basic math that gets it going as well as some more subtle tricks like head bobbing and focus locking to make it feel more natural and smooth.

What we'll cover:
* Three.js FirstPersonControls, how to use these in a project
* Using Quaternions and Vector translations to create simple first person camera movement
* Using sin waves and focus locking to improve the overall feeling and give it a more organic experience.

Full source code for the project is available, so if you're interested in fiddling with the code, screwing around with it, or improving it.

Building a Simple First Person Camera

An introduction to dynamic programming, how to approach these types problems, and we'll step through a few basic ones.

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/


Covering dynamic programming, top down vs bottom up approaches. What is memoization and tabulation. Will also answer a few quick problems like the Fibonacci series, Coin Change, Min Path Sum, 0-1 Knapsack, Subset Sum, and the Staircase problem.

1 Simple Trick to FAANG Interview Questions

Quick and easy setup of a JavaScript 3d Physics Engine in three.js and ammo.js.

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/

In this project I'll show you how to use ammo.js and three.js to setup a simple 3d scene with phyics in just a few minutes. We'll step through the basics of how to instantiate your physics world, and what the various options are, which can server to add a whole new dimension of possibilities to your 3D scenes.

What we'll cover:
* Three.js and Ammo.js initialization, how to instantiate your 3d physics world
* Creating rigid bodies and simple shapes such as boxes and spheres
* Using MotionState to synchronize transforms between the physics world and 3d scene.

There's a lot of options for JavaScript 3d engines, like Ammo.js, oimo.js. cannon.js, etc. They're all extremely capable physics engines, but we'll be focusing on one in particular, ammo.js which is a wrapper around the Bullet physics engine.

Full source code for the project is available, so if you're interested in fiddling with the code, screwing around with it, or improving it.

Building a Simple 3D Scene with Physics in JavaScript & Three.js

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

Let's go, in and out, 20 minutes adventure! Let's dive into the world of Ethereum, Solidity, nft's, and lazy minting.

GLSL Course: https://simondev.teachable.com/p/glsl-shaders-from-scratch
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/

In this video, we'll do a little dive into the world of crypto, Ethereum, and smart contracts by building our own nft platform. We'll cover getting a basic hardhat setup going, with ethers.js and waffle.js for testing. We'll also cover using Solidity, along with OpenZeppelin's contracts to build our NFT's using ERC721 and EIP712. It's kind of interesting to explore the world of smart contracts a bit, see what this is all about. Our NFT's will have their metadata hosted on IPFS using Moralis, and we'll adhere to the OpenSea metadata standards so that we get nice listings with stats and all that jazz. By the end, we should end up with a full Web3 enabled website, where you can list NFT's that are lazy minted on demand, and then you can turn around and resell them on OpenSea.

Links:
https://hardhat.org/
https://docs.ethers.io/v5/
https://getwaffle.io/
https://ethereum.org/en/developers/docs/
https://docs.polygon.technology/
https://mumbai.polygonscan.com/
https://docs.openzeppelin.com/contracts/4.x/
https://metamask.io/
https://testnets.opensea.io/
https://en.wikipedia.org/wiki/Non-fungible_token

20 Minute Crypto Adventure: Learning About Solidity, NFT's, and Lazy Minting

Exploring some common math that game developers use, let's look at linear interpolation and apply it to everything.

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/

In this video, I cover lerp, also known as mix in GLSL, a common mathematical function used in game dev. It's extremely versatile, and we'll go through basic uses, as well as some problems and how to overcome them.

Some easing functions to try out:
https://easings.net/
https://iquilezles.org/articles/functions/