{"id":113,"date":"2014-12-20T20:18:21","date_gmt":"2014-12-20T18:18:21","guid":{"rendered":"http:\/\/heikkili.kapsi.fi\/blog\/?p=113"},"modified":"2016-02-09T22:00:09","modified_gmt":"2016-02-09T20:00:09","slug":"cg-study-5","status":"publish","type":"post","link":"http:\/\/heikkili.kapsi.fi\/blog\/?p=113","title":{"rendered":"Directx11 book exercises, Texture sampler address modes and multitexturing"},"content":{"rendered":"

I have been re-reading Frank Luna’s DirectX11 book and also doing some of the most interesting exercises that are in end of each chapter. I will post some of the exercise solution snippets so I can review them easier later and use them if I need.<\/p>\n

Texture sampler address modes<\/h4>\n

Chapter 8 discussed texturing and the ex. 1<\/strong> asked to modify texture coordinates<\/strong> and texture samplers address modes<\/strong> to reproduce some example images of the chapter.
\nHere is screenshots of the books crate demo with different address modes: border, clamp, mirror and wrap.<\/p>\n

\"Capturech8ex1_border\"<\/a>
border<\/figcaption><\/figure>\n
\"Capturech8ex1_clamp\"<\/a>
clamp<\/figcaption><\/figure>\n
\"Capturech8ex1_mirror\"<\/a>
mirror<\/figcaption><\/figure>\n
\"Capturech8ex1_wrap\"<\/a>
wrap<\/figcaption><\/figure>\n

Texture coordinates of a cube where simply modified to range -0.5 to 2.5<\/p>\n

\r\nvertices[k].Tex.x *= vertices[k].Tex.x*3.0f - 0.5f;\r\nvertices[k].Tex.y = vertices[k].Tex.y*3.0f - 0.5f;\r\n<\/pre>\n
example sampler state<\/strong> in shader<\/p>\n
SamplerState samAnisotropic
\n{
\n\tFilter = ANISOTROPIC;
\n\tMaxAnisotropy = 4;<\/p>\n
\tAddressU = WRAP;
\n\tAddressV = WRAP;
\n};<\/p>\n
Multi texturing with component wise multiplication<\/strong><\/h4>\n
ex. 3 <\/strong>was an exercise about multi-texturing. It asked to modify the crate demo by component-wise multiplying two textures in pixel shader. Other texture was a flame texture and another was its alpha map texture.<\/p>\n
I added two texture support for the effect by creating another\u00a0ID3D11ShaderResourceView<\/strong> and\u00a0 ID3DX11EffectShaderResourceVariable<\/strong> to CrateDemo.cpp and to the Effect.h files and then modified the basic effect Basix.fx hlsl code in pixel shader to actually do the component wise multiplication;<\/p>\n
\r\nfloat4 texColor = float4(1, 1, 1, 1);\r\nfloat4 texAlphaColor = float4(1, 1, 1, 1);\r\n\r\nif(gUseTexure)\r\n{\r\n\ttexColor\t\t= gDiffMap1.Sample(samAnisotropic, pin.Tex);\r\n\ttexAlphaColor\t= gDiffMapAlpha1.Sample(samAnisotropic, pin.Tex);\r\n\ttexColor *= texAlphaColor;\r\n}\r\n<\/pre>\n
 <\/p>\n
\"componentwisemultip\"<\/a><\/p>\n
 <\/p>\n
 <\/p>\n
 <\/p>\n
produces result like this:<\/p>\n
\"Capturech8ex3\"<\/a><\/p>\n
 <\/p>\n
 <\/p>\n
 <\/p>\n
 <\/p>\n
 <\/p>\n
Rotating texture and flipping animation<\/h4>\n
ex. 4<\/strong> Asked to rotate the fireball texture of ex 3 by a function over time. I did it like this in vertex shader:<\/p>\n
\r\nvout.Tex = mul(float4(vin.Tex, 0.0f, 1.0f), gTexTransform).xy;\r\n\r\nfloat x = vout.Tex.x - 0.5;\r\nfloat y = vout.Tex.y - 0.5;\r\nvout.Tex.x = x*cos(1.0*gTime) - y*sin(1.0*gTime);\r\nvout.Tex.y = x*sin(1.0*gTime) + y*cos(1.0*gTime);\r\n\r\nvout.Tex.x += 0.5f;\r\nvout.Tex.y += 0.5f;\r\n<\/pre>\n
ex 5<\/strong> asked to implement simple fire animation on the cube by flipping textures. It asked to change the fire texture every 1\/30 of second. 120 fire textures was given and hint to create array for them, also it was suggested that it would be more efficient to have one texture atlas and change texture coordinates every frame. I was lazy to make those 120 textures to one bigger texture in gimp or apint.net so I used texture array and changed the texture to gpu every frame.
\nextra member variables<\/p>\n
\r\nfloat mLastFlip;\r\nint  mCurrentFrame;\r\n<\/pre>\n
reading textures to array\u00a0 in init method:<\/p>\n
\r\nfor (int i = 1; i < 121; i++)\r\n{\r\n\tstd::wstring num = L"0";\r\n\tif (i < 10) num = L"00" + std::to_wstring(i); if (i >= 10 & i < 100) num = L"0" + std::to_wstring(i); if (i >= 100)\r\n\t\tnum = std::to_wstring(i);\r\n\r\n\tstd::wstring fileName = L"Textures\/FireAnim\/Fire" + num + L".bmp";\r\n\tHR(D3DX11CreateShaderResourceViewFromFile(md3dDevice,\r\n\t\tfileName.c_str(), 0, 0, &mFireTextures[i-1], 0));\r\n}\r\n<\/pre>\n
updating the frame in update<\/p>\n
\r\nif (mTimer.TotalTime() - mLastFlip > (1.0f \/ 30.0f))\r\n{\r\n\tmLastFlip = mTimer.TotalTime();\r\n\tmCurrentFrame++;\r\n\tif (mCurrentFrame >= 120)\r\n\t\tmCurrentFrame = 0;\r\n}\r\n<\/pre>\n
and finally inside draw()<\/p>\n
\r\nEffects::BasicFX->SetDiffuseMap(mFireTextures[mCurrentFrame]);\r\n<\/pre>\n
 <\/p>\n","protected":false},"excerpt":{"rendered":"
I have been re-reading Frank Luna’s DirectX11 book and also doing some of the most interesting exercises that are in end of each chapter. I will post some of the exercise solution snippets so I can review them easier later and use them if I need. Texture sampler address modes Chapter 8 discussed texturing and…<\/p>\n","protected":false},"author":1,"featured_media":0,"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":[6],"tags":[16,2,17,19,20,18],"class_list":["post-113","post","type-post","status-publish","format-standard","hentry","category-computer-graphics","tag-book","tag-directx11","tag-exercises","tag-multi-texturing","tag-sampler","tag-texturing"],"jetpack_sharing_enabled":true,"jetpack_featured_media_url":"","jetpack_shortlink":"https:\/\/wp.me\/p7k3DT-1P","_links":{"self":[{"href":"http:\/\/heikkili.kapsi.fi\/blog\/index.php?rest_route=\/wp\/v2\/posts\/113"}],"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=113"}],"version-history":[{"count":15,"href":"http:\/\/heikkili.kapsi.fi\/blog\/index.php?rest_route=\/wp\/v2\/posts\/113\/revisions"}],"predecessor-version":[{"id":214,"href":"http:\/\/heikkili.kapsi.fi\/blog\/index.php?rest_route=\/wp\/v2\/posts\/113\/revisions\/214"}],"wp:attachment":[{"href":"http:\/\/heikkili.kapsi.fi\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=113"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/heikkili.kapsi.fi\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=113"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/heikkili.kapsi.fi\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=113"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}