@simondev758

@simondev758

SimonDev | When Optimisations Work, But for the Wrong Reasons @simondev758 | Uploaded 7 months ago | Updated 3 hours ago
Level of detail and imposters are effective optimizations that work for reasons you may not fully understand. Let's explore why, from a hardware perspective, these work.

Gamedev Courses: https://simondev.teachable.com/
Support me on Patreon: https://www.patreon.com/simondevyt

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

In this video, we explore the underlying reasons why optimizations like level of detail work. This involves understanding at a deep level, what the GPU expects in terms of data, what the hardware is optimized for, and how the pipeline and physical hardware units are setup.

References:
https://developer.nvidia.com/content/life-triangle-nvidias-logical-pipeline
https://gpuopen.com/wp-content/uploads/2021/01/AMD_Graphics_pipeline_GIC2020.pdf
https://www.amd.com/system/files/documents/rdna-whitepaper.pdf
https://shaderbits.com/blog/octahedral-impostors
https://www.humus.name/index.php?page=Comments&ID=228
https://www.g-truc.net/post-0662.html
https://developer.nvidia.com/gpugems/gpugems3/part-iv-image-effects/chapter-21-true-impostors
https://developer.arm.com/documentation/102695/0100/Triangle-and-polygon-usage?lang=en#micro

https://www.youtube.com/watch?v=ZRhJT2nmvA4
https://www.youtube.com/watch?v=EE-4GvjKcfs
https://www.youtube.com/watch?v=jKQem4Z6ioQ
https://www.youtube.com/watch?v=QdBZY2fkU-0
https://www.youtube.com/watch?v=nWm_OhIKms8
https://www.youtube.com/watch?v=-50MJf7hyOw

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…

How Big Budget AAA Games Render Bloom

How I Optimized My JavaScript Project (Complete Walkthrough) | Faster Spatial Hash Grids

Building a Simple First Person Camera

Can JavaScript Go Faster? Threading in JavaScript (Data Structures & Optimization)

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

3D World Generation #8: Floating Origins for Bigger Worlds (JavaScript/Three.js)

The ONE Texture Every Game NEEDS

3D Mesh Generation, Gaps, and Stitching (3D World Generation #10)

$Spatial Hash Grids & Tales from Game Development 🛒 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 Github: https://github.com/simondevyoutube/ In this project were covering spatial hash grids, or spatial hashing, people seem to call it all sorts of different names. Anyway, well be covering a spatial hash grid implementation in JavaScript, working through it line by line. Well walk through the code step by step, explaining it as we go, and as an added bonus, Ive implemented a small scene in Three.js with hundreds of moving agents that we can use to visualize whats visible from the perspective of any given agent. Ill also tell a small but interesting little story from way back when I was working on xbox/playstation games. Somewhat related to the topic. Having a comprehensive understanding of data structures is fundamental to being a solid game developer. You need to understand the trade-offs, not just in time complexity. Questions like memory consumption, implementation and on-going maintenance costs, these all factor in. Sometimes simple solutions, implemented well, that get you 95% of the way there but at a fraction of the developer cost, are the way to go. The three.js library is available in JavaScript for cross-browser 3d graphics, wrapping webgl and making high level functionality available in the web browser. It’s an extremely mature and well maintained library that I use for many of these videos. In the video, we cover: * What problem are we trying to solve? Well look at examples from major games to understand their needs in different situations. * Well touch on alternative spatial data structures, and discuss the tradeoffs. * Ill talk about an instance in my career thats relevant to this problem * Step by step walk through for the full implementation of a basic spatial hash grid.$

When Optimisations Work, But for the Wrong Reasons @simondev758