{"id":817,"date":"2015-07-12T13:43:07","date_gmt":"2015-07-12T17:43:07","guid":{"rendered":"http:\/\/www.bootdiskrevolution.com\/?p=817"},"modified":"2015-08-23T14:24:13","modified_gmt":"2015-08-23T18:24:13","slug":"render-targets","status":"publish","type":"post","link":"https:\/\/www.bootdiskrevolution.com\/NEW_BLOG\/render-targets\/","title":{"rendered":"Render Targets"},"content":{"rendered":"

Personal life took some time from work, but I’m almost done level four — just the bosses left to touch up \/ balance. In the meantime, let’s explore render targets a bit, since I used those this week!<\/p>\n

\"\"<\/p>\n

The fourth level takes place on the hull of the warship, and at some point it starts heating up as it breaks the Earth’s atmosphere (interesting scenarios trump scientific accuracy, obviously.) You’ll notice the issue I was running into — you can see this weird grid effect when the ship glows.<\/p>\n

So what up with that? Well, the ship is drawn using tiles, and in this case I’m using two tilesets — one where the warship looks normal, and one where it’s all fiery. The hotter the warship gets, the more opaque the fiery tileset becomes. The problem is that tiles overlap slightly — you never notice when they’re opaque, but when they’re transparent the overlapping edges blend together and cause that nasty grid effect.<\/p>\n

\"\"
Artist’s rendition of the glitch and accompanying emotional response.<\/figcaption><\/figure>\n

How ya gonna fix it? I used a render target!<\/p>\n

<\/p>\n

To simply explain: usually you draw your game’s graphics right on to the screen — the screen is your game’s “render target”. But it doesn’t have to be this way! It’s totally possible to create other render targets that aren’t visible on-screen, and draw graphics there. Why would you do this…?<\/p>\n

\"\"<\/p>\n

Here’s an example! I take a screenshot of gameplay and save it in a render target, then flip \/ squish \/ colour it to be a reflection. It’s simple but it looks good enough to me.<\/p>\n

Even more relevantly, it solved my tile issues! Instead of drawing a translucent tileset on top of an opaque one in real-time, I blend them together in a render target first. This gives me a perfectly-combined — and opaque! — tileset which I use to draw the tiles of the ship.<\/p>\n

\"\"
Artist’s rendition of before and after (with checkered background to make translucency easier to notice.)<\/figcaption><\/figure>\n

As a bonus, it’s easier for the graphics card since instead of two draws per tile (once for the normal warship and once again for the fiery version) it only needs one.<\/p>\n

\"\"
No more drawing errors!<\/figcaption><\/figure>\n

And there you have it! There’s a lot (lot) more you can do with render targets, including some cute and cool effects I have planned for later in the game (but won’t show now.)<\/p>\n

Hopefully the next blog is my wrapping up the fourth level with a ribbon and a bow. ‘Till then!<\/p>\n","protected":false},"excerpt":{"rendered":"

Personal life took some time from work, but I’m almost done level four — just the bosses left to touch up \/ balance. In the meantime, let’s explore render targets a bit, since I used those this week! The fourth level takes place on the hull of the warship, and at some point it starts […]<\/a><\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[6],"tags":[],"class_list":["post-817","post","type-post","status-publish","format-standard","hentry","category-bleed-2"],"jetpack_sharing_enabled":true,"jetpack_featured_media_url":"","_links":{"self":[{"href":"https:\/\/www.bootdiskrevolution.com\/NEW_BLOG\/wp-json\/wp\/v2\/posts\/817","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.bootdiskrevolution.com\/NEW_BLOG\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.bootdiskrevolution.com\/NEW_BLOG\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.bootdiskrevolution.com\/NEW_BLOG\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.bootdiskrevolution.com\/NEW_BLOG\/wp-json\/wp\/v2\/comments?post=817"}],"version-history":[{"count":3,"href":"https:\/\/www.bootdiskrevolution.com\/NEW_BLOG\/wp-json\/wp\/v2\/posts\/817\/revisions"}],"predecessor-version":[{"id":825,"href":"https:\/\/www.bootdiskrevolution.com\/NEW_BLOG\/wp-json\/wp\/v2\/posts\/817\/revisions\/825"}],"wp:attachment":[{"href":"https:\/\/www.bootdiskrevolution.com\/NEW_BLOG\/wp-json\/wp\/v2\/media?parent=817"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.bootdiskrevolution.com\/NEW_BLOG\/wp-json\/wp\/v2\/categories?post=817"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.bootdiskrevolution.com\/NEW_BLOG\/wp-json\/wp\/v2\/tags?post=817"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}