I'll show you how to use Three.js's decal system to build FPS bullet marks, footsteps, and anything else you want.

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/

I'll step through using DecalGeometry in JavaScript and three.js to build little squibs and marks on existing geometry. Using decals, you'll be able to place additional details, as well as dynamically generate marks from shots, footsteps, explosions, and whatever else you can think of.

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.

Make stuff look better with DECALS!