3D World Generation: #5 (Texturing): Triplanar Mapping/Infinite Splatting/Blending/Bombing @simondev758

Uploaded May 2020 | Updated September 2026, 3 weeks ago

We tackle texturing our procedural worlds using a variety of techniques that you can mix and match for whatever suits your project.

This is the 5th in a series of 3D world generation tutorials. In the previous tutorial we covered planetary level-of-detail, and in this project we'll build on that with some nice texturing strategies to give the overall look some improvement.

This is by no means an exhaustive list of all the possible things you could do, but it'll definitely get you started for your own projects, especially if you're doing a lot of procedural generation.

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.

Github: github.com/simondevyoutube

Inigo's Website: iquilezles.org/www/articles/texturerepetition/texturerepetition.htm
Gamasutra: gamasutra.com/blogs/AndreyMishkinis/20130716/196339/Advanced_Terrain_Texture_Splatting.php
Triplanar Normals: medium.com/@bgolus/normal-mapping-for-a-triplanar-shader-10bf39dca05a
No Man's Sky: youtube.com/watch?v=e5d5Mo-Gw_U
Horizon: Zero Dawn: youtube.com/watch?v=Fyj974PdGIU

3D World Generation: #5 (Texturing): Triplanar Mapping/Infinite Splatting/Blending/Bombing

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.$