{"id":601,"date":"2012-05-14T21:52:18","date_gmt":"2012-05-15T01:52:18","guid":{"rendered":"http:\/\/alexlemke.com\/wordpress\/?p=601"},"modified":"2012-06-04T03:00:13","modified_gmt":"2012-06-04T07:00:13","slug":"bump-mapping-and-parallax-mapping","status":"publish","type":"post","link":"http:\/\/alexlemke.com\/wordpress\/bump-mapping-and-parallax-mapping\/","title":{"rendered":"Bump Mapping and Parallax Mapping"},"content":{"rendered":"<p style=\"text-align: left;\">A few more shaders.\u00a0Here we have expanded the previous lighting shaders so that all\u00a0three\u00a0types of lights (directional, point and spot) are all working together. \u00a0We also have a\u00a0comparison\u00a0shot of regular bump mapping and parrallax mapping.<\/p>\n<p style=\"text-align: center;\">Multiple Lights with Blinn-Phong<\/p>\n<p style=\"text-align: left;\"><a href=\"http:\/\/alexlemke.com\/wordpress\/wp-content\/uploads\/2012\/05\/MultipleLights1.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-medium wp-image-602\" title=\"MultipleLights1\" src=\"http:\/\/alexlemke.com\/wordpress\/wp-content\/uploads\/2012\/05\/MultipleLights1-300x181.png\" alt=\"\" width=\"300\" height=\"181\" srcset=\"http:\/\/alexlemke.com\/wordpress\/wp-content\/uploads\/2012\/05\/MultipleLights1-300x181.png 300w, http:\/\/alexlemke.com\/wordpress\/wp-content\/uploads\/2012\/05\/MultipleLights1.png 608w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<p style=\"text-align: center;\">Multiple Lights<\/p>\n<p style=\"text-align: left;\"><a href=\"http:\/\/alexlemke.com\/wordpress\/wp-content\/uploads\/2012\/05\/MultipleLights2.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-medium wp-image-603\" title=\"MultipleLights2\" src=\"http:\/\/alexlemke.com\/wordpress\/wp-content\/uploads\/2012\/05\/MultipleLights2-300x191.png\" alt=\"\" width=\"300\" height=\"191\" srcset=\"http:\/\/alexlemke.com\/wordpress\/wp-content\/uploads\/2012\/05\/MultipleLights2-300x191.png 300w, http:\/\/alexlemke.com\/wordpress\/wp-content\/uploads\/2012\/05\/MultipleLights2.png 900w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<p style=\"text-align: center;\">Bump Mapping and Parallax Mapping<\/p>\n<p style=\"text-align: left;\"><a href=\"http:\/\/alexlemke.com\/wordpress\/wp-content\/uploads\/2012\/05\/BumpAndParallax.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-medium wp-image-604\" title=\"BumpAndParallax\" src=\"http:\/\/alexlemke.com\/wordpress\/wp-content\/uploads\/2012\/05\/BumpAndParallax-300x257.png\" alt=\"\" width=\"300\" height=\"257\" srcset=\"http:\/\/alexlemke.com\/wordpress\/wp-content\/uploads\/2012\/05\/BumpAndParallax-300x257.png 300w, http:\/\/alexlemke.com\/wordpress\/wp-content\/uploads\/2012\/05\/BumpAndParallax.png 730w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<p style=\"text-align: left;\">\n<p style=\"text-align: left;\">Parallax mapping is similar to bump maping but it uses a height map to offset the texture coordinates giving it a slightly more\u00a0realistic\u00a0look to it a tight viewing angles. \u00a0Bump mapping is on the left and parallax mapping is on the right.<\/p>\n<p style=\"text-align: center;\">\n<p style=\"text-align: left;\"><a href=\"http:\/\/www.alexlemke.com\/Graphics\/Shaders\/HLSL\/MultipleLights_Shader.fx\">Multiple Lights Shader<\/a><\/p>\n<p style=\"text-align: left;\"><a href=\"http:\/\/www.alexlemke.com\/Graphics\/Shaders\/HLSL\/MultipleLightsBlinnPhong.fx\">Multiple Lights with Blinn Phong Shader<\/a><a href=\"http:\/\/alexlemke.com\/wordpress\/wp-content\/uploads\/2012\/05\/MultipleLights1.png\"><br \/>\n<\/a><\/p>\n<p style=\"text-align: left;\"><a href=\"http:\/\/www.alexlemke.com\/Graphics\/Shaders\/HLSL\/BumpMapping_Shader.fx\">Bump Mapping Shader<\/a><\/p>\n<p style=\"text-align: left;\"><a href=\"http:\/\/www.alexlemke.com\/Graphics\/Shaders\/HLSL\/ParallaxMapping_Shader.fx\">Parallax Mapping Shader<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>A few more shaders.\u00a0Here we have expanded the previous lighting shaders so that all\u00a0three\u00a0types of lights (directional, point and spot) are all working together. \u00a0We also have a\u00a0comparison\u00a0shot of regular bump mapping and parrallax mapping. Multiple Lights with Blinn-Phong Multiple Lights Bump Mapping and Parallax Mapping Parallax mapping is similar to bump maping but it [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[22,23],"tags":[24,25],"class_list":["post-601","post","type-post","status-publish","format-standard","hentry","category-graphics","category-shaders","tag-hlsl","tag-shader"],"_links":{"self":[{"href":"http:\/\/alexlemke.com\/wordpress\/wp-json\/wp\/v2\/posts\/601","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/alexlemke.com\/wordpress\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/alexlemke.com\/wordpress\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/alexlemke.com\/wordpress\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/alexlemke.com\/wordpress\/wp-json\/wp\/v2\/comments?post=601"}],"version-history":[{"count":20,"href":"http:\/\/alexlemke.com\/wordpress\/wp-json\/wp\/v2\/posts\/601\/revisions"}],"predecessor-version":[{"id":845,"href":"http:\/\/alexlemke.com\/wordpress\/wp-json\/wp\/v2\/posts\/601\/revisions\/845"}],"wp:attachment":[{"href":"http:\/\/alexlemke.com\/wordpress\/wp-json\/wp\/v2\/media?parent=601"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/alexlemke.com\/wordpress\/wp-json\/wp\/v2\/categories?post=601"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/alexlemke.com\/wordpress\/wp-json\/wp\/v2\/tags?post=601"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}