SketchpunkLabs | WebGL2 : 087 : Bump mapping with Height Maps @SketchpunkLabs | Uploaded 6 years ago | Updated 2 days ago
Today we explore bump mapping but no, not with normal maps. Instead with the idea of using a height map to generate normals per pixel that you can use with your lighting shader to create the illusion of depth, texture or detail.
======================================================
Links of Interest
http://learningthreejs.com/blog/2013/09/16/how-to-make-the-earth-in-webgl/
http://planetpixelemporium.com/planets.html
http://api.unrealengine.com/attachments/Engine/Rendering/LightingAndShadows/BumpMappingWithoutTangentSpace/mm_sfgrad_bump.pdf
https://github.com/mrdoob/three.js/blob/dev/src/renderers/shaders/ShaderChunk/bumpmap_pars_fragment.glsl
http://cpetry.github.io/NormalMap-Online/
======================================================
GitHub :: https://github.com/sketchpunk/FunWithWebGL2
Patreon :: https://www.patreon.com/sketchpunk
Twitter :: https://twitter.com/SketchpunkLabs
Tumblr :: http://sketchpunklabs.tumblr.com/
Trello :: https://trello.com/b/zcTUPpFy/fun-with-webgl-20
Today we explore bump mapping but no, not with normal maps. Instead with the idea of using a height map to generate normals per pixel that you can use with your lighting shader to create the illusion of depth, texture or detail.
======================================================
Links of Interest
http://learningthreejs.com/blog/2013/09/16/how-to-make-the-earth-in-webgl/
http://planetpixelemporium.com/planets.html
http://api.unrealengine.com/attachments/Engine/Rendering/LightingAndShadows/BumpMappingWithoutTangentSpace/mm_sfgrad_bump.pdf
https://github.com/mrdoob/three.js/blob/dev/src/renderers/shaders/ShaderChunk/bumpmap_pars_fragment.glsl
http://cpetry.github.io/NormalMap-Online/
======================================================
GitHub :: https://github.com/sketchpunk/FunWithWebGL2
Patreon :: https://www.patreon.com/sketchpunk
Twitter :: https://twitter.com/SketchpunkLabs
Tumblr :: http://sketchpunklabs.tumblr.com/
Trello :: https://trello.com/b/zcTUPpFy/fun-with-webgl-20