{"id":482,"date":"2020-08-29T18:00:11","date_gmt":"2020-08-29T16:00:11","guid":{"rendered":"http:\/\/heikkili.kapsi.fi\/blog\/?p=482"},"modified":"2020-08-29T21:51:47","modified_gmt":"2020-08-29T19:51:47","slug":"deferredshader-project","status":"publish","type":"post","link":"http:\/\/heikkili.kapsi.fi\/blog\/?p=482","title":{"rendered":"DeferredShader project"},"content":{"rendered":"\n<p>I have been working on my own toy renderer projects to learn graphics programming and for basis of small rendering \/ game engine when I have time for it. First project I made implemented deferred rendering, basic lights and shadows, obj loading and gui rendering with help of some 3rd party libraries (tinyObj and Imgui) this project can be found here <a href=\"https:\/\/github.com\/HeikkiLi\/DeferredShader\">https:\/\/github.com\/HeikkiLi\/DeferredShader<\/a><\/p>\n\n\n\n<p><\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"650\" height=\"488\" data-attachment-id=\"491\" data-permalink=\"http:\/\/heikkili.kapsi.fi\/blog\/?attachment_id=491\" data-orig-file=\"https:\/\/i0.wp.com\/heikkili.kapsi.fi\/blog\/wp-content\/uploads\/2020\/08\/screenshot_1.jpg?fit=1024%2C768\" data-orig-size=\"1024,768\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"screenshot_1\" data-image-description=\"\" data-image-caption=\"\" data-medium-file=\"https:\/\/i0.wp.com\/heikkili.kapsi.fi\/blog\/wp-content\/uploads\/2020\/08\/screenshot_1.jpg?fit=300%2C225\" data-large-file=\"https:\/\/i0.wp.com\/heikkili.kapsi.fi\/blog\/wp-content\/uploads\/2020\/08\/screenshot_1.jpg?fit=650%2C488\" tabindex=\"0\" role=\"button\" src=\"https:\/\/i0.wp.com\/heikkili.kapsi.fi\/blog\/wp-content\/uploads\/2020\/08\/screenshot_1.jpg?resize=650%2C488\" alt=\"\" class=\"wp-image-491\" srcset=\"https:\/\/i0.wp.com\/heikkili.kapsi.fi\/blog\/wp-content\/uploads\/2020\/08\/screenshot_1.jpg?w=1024 1024w, https:\/\/i0.wp.com\/heikkili.kapsi.fi\/blog\/wp-content\/uploads\/2020\/08\/screenshot_1.jpg?resize=300%2C225 300w, https:\/\/i0.wp.com\/heikkili.kapsi.fi\/blog\/wp-content\/uploads\/2020\/08\/screenshot_1.jpg?resize=768%2C576 768w, https:\/\/i0.wp.com\/heikkili.kapsi.fi\/blog\/wp-content\/uploads\/2020\/08\/screenshot_1.jpg?resize=809%2C607 809w\" sizes=\"(max-width: 650px) 100vw, 650px\" \/><figcaption>Deferred shading showing GBuffer <\/figcaption><\/figure>\n\n\n\n<p>Second project I worked was a simple reflection demo using cube map for reflections. <a href=\"https:\/\/github.com\/HeikkiLi\/TeapotSkyRefl\">https:\/\/github.com\/HeikkiLi\/TeapotSkyRefl<\/a><\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"650\" height=\"488\" data-attachment-id=\"492\" data-permalink=\"http:\/\/heikkili.kapsi.fi\/blog\/?attachment_id=492\" data-orig-file=\"https:\/\/i0.wp.com\/heikkili.kapsi.fi\/blog\/wp-content\/uploads\/2020\/08\/screenshot.jpg?fit=1024%2C768\" data-orig-size=\"1024,768\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"screenshot\" data-image-description=\"\" data-image-caption=\"\" data-medium-file=\"https:\/\/i0.wp.com\/heikkili.kapsi.fi\/blog\/wp-content\/uploads\/2020\/08\/screenshot.jpg?fit=300%2C225\" data-large-file=\"https:\/\/i0.wp.com\/heikkili.kapsi.fi\/blog\/wp-content\/uploads\/2020\/08\/screenshot.jpg?fit=650%2C488\" tabindex=\"0\" role=\"button\" src=\"https:\/\/i0.wp.com\/heikkili.kapsi.fi\/blog\/wp-content\/uploads\/2020\/08\/screenshot.jpg?resize=650%2C488\" alt=\"\" class=\"wp-image-492\" srcset=\"https:\/\/i0.wp.com\/heikkili.kapsi.fi\/blog\/wp-content\/uploads\/2020\/08\/screenshot.jpg?w=1024 1024w, https:\/\/i0.wp.com\/heikkili.kapsi.fi\/blog\/wp-content\/uploads\/2020\/08\/screenshot.jpg?resize=300%2C225 300w, https:\/\/i0.wp.com\/heikkili.kapsi.fi\/blog\/wp-content\/uploads\/2020\/08\/screenshot.jpg?resize=768%2C576 768w, https:\/\/i0.wp.com\/heikkili.kapsi.fi\/blog\/wp-content\/uploads\/2020\/08\/screenshot.jpg?resize=809%2C607 809w\" sizes=\"(max-width: 650px) 100vw, 650px\" \/><figcaption>reflection from cube map on the teapot model, same cube map is used in the skybox.<\/figcaption><\/figure>\n\n\n\n<p>Next I am planning to implement better material support, post processing and HDR. After that PBR rendering and then use the code base as a basis for an engine that is separated from the game\/scene data..<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"650\" height=\"488\" data-attachment-id=\"519\" data-permalink=\"http:\/\/heikkili.kapsi.fi\/blog\/?attachment_id=519\" data-orig-file=\"https:\/\/i0.wp.com\/heikkili.kapsi.fi\/blog\/wp-content\/uploads\/2020\/08\/screenshot-1.jpg?fit=1024%2C768\" data-orig-size=\"1024,768\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"screenshot-1\" data-image-description=\"\" data-image-caption=\"\" data-medium-file=\"https:\/\/i0.wp.com\/heikkili.kapsi.fi\/blog\/wp-content\/uploads\/2020\/08\/screenshot-1.jpg?fit=300%2C225\" data-large-file=\"https:\/\/i0.wp.com\/heikkili.kapsi.fi\/blog\/wp-content\/uploads\/2020\/08\/screenshot-1.jpg?fit=650%2C488\" tabindex=\"0\" role=\"button\" src=\"https:\/\/i0.wp.com\/heikkili.kapsi.fi\/blog\/wp-content\/uploads\/2020\/08\/screenshot-1.jpg?resize=650%2C488\" alt=\"Normal map texture\" class=\"wp-image-519\" srcset=\"https:\/\/i0.wp.com\/heikkili.kapsi.fi\/blog\/wp-content\/uploads\/2020\/08\/screenshot-1.jpg?w=1024 1024w, https:\/\/i0.wp.com\/heikkili.kapsi.fi\/blog\/wp-content\/uploads\/2020\/08\/screenshot-1.jpg?resize=300%2C225 300w, https:\/\/i0.wp.com\/heikkili.kapsi.fi\/blog\/wp-content\/uploads\/2020\/08\/screenshot-1.jpg?resize=768%2C576 768w, https:\/\/i0.wp.com\/heikkili.kapsi.fi\/blog\/wp-content\/uploads\/2020\/08\/screenshot-1.jpg?resize=809%2C607 809w\" sizes=\"(max-width: 650px) 100vw, 650px\" \/><figcaption>Rendering with normal map<\/figcaption><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>I have been working on my own toy renderer projects to learn graphics programming and for basis of small rendering \/ game engine when I have time for it. First project I made implemented deferred rendering, basic lights and shadows, obj loading and gui rendering with help of some 3rd party libraries (tinyObj and Imgui)&hellip;<\/p>\n","protected":false},"author":1,"featured_media":491,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[1],"tags":[10,2,41],"class_list":["post-482","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-uncategorized","tag-computer-graphics","tag-directx11","tag-redering"],"jetpack_sharing_enabled":true,"jetpack_featured_media_url":"https:\/\/i0.wp.com\/heikkili.kapsi.fi\/blog\/wp-content\/uploads\/2020\/08\/screenshot_1.jpg?fit=1024%2C768","jetpack_shortlink":"https:\/\/wp.me\/p7k3DT-7M","_links":{"self":[{"href":"http:\/\/heikkili.kapsi.fi\/blog\/index.php?rest_route=\/wp\/v2\/posts\/482"}],"collection":[{"href":"http:\/\/heikkili.kapsi.fi\/blog\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/heikkili.kapsi.fi\/blog\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/heikkili.kapsi.fi\/blog\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/heikkili.kapsi.fi\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=482"}],"version-history":[{"count":4,"href":"http:\/\/heikkili.kapsi.fi\/blog\/index.php?rest_route=\/wp\/v2\/posts\/482\/revisions"}],"predecessor-version":[{"id":520,"href":"http:\/\/heikkili.kapsi.fi\/blog\/index.php?rest_route=\/wp\/v2\/posts\/482\/revisions\/520"}],"wp:featuredmedia":[{"embeddable":true,"href":"http:\/\/heikkili.kapsi.fi\/blog\/index.php?rest_route=\/wp\/v2\/media\/491"}],"wp:attachment":[{"href":"http:\/\/heikkili.kapsi.fi\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=482"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/heikkili.kapsi.fi\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=482"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/heikkili.kapsi.fi\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=482"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}