SimonDev | An In-Depth look at Lerp, Smoothstep, and Shaping Functions @simondev758 | Uploaded 1 year ago | Updated 3 hours ago
Exploring some common math that game developers use, let's look at linear interpolation and apply it to everything.

🛒 Recommended books (on Amazon): https://www.amazon.com/hz/wishlist/ls/1IMV0IR3QIZMQ?type=wishlist&tag=simondev01-20&sort=priority&viewType=grid
❤️ Support me on Patreon: https://www.patreon.com/simondevyt
🌍 My Gamedev Courses: https://simondev.teachable.com/

Disclaimer: Commission is earned from qualifying purchases on Amazon links.

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/

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$

So how does your computer ACTUALLY compute sine? Basics of trig and more…

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