{"id":15,"date":"2016-06-02T14:01:00","date_gmt":"2016-06-02T12:01:00","guid":{"rendered":"https:\/\/blogs.scummvm.org\/blorente\/?p=15"},"modified":"2022-04-15T13:07:00","modified_gmt":"2022-04-15T11:07:00","slug":"9-patches-to-my-heart","status":"publish","type":"post","link":"https:\/\/blogs.scummvm.org\/blorente\/2016\/06\/02\/9-patches-to-my-heart\/","title":{"rendered":"9 Patches to my heart"},"content":{"rendered":"\n

For the better part of this week and past weekend, I have been learing a whole lot about surfaces in ScummVM, in order to implement beautiful 9patch borders in the MacGUI code.<\/p>\n\n\n\n

As I delved deeper and deeper into the graphics code, I found out that a lot of steps had to be made in order for the 9patch to initialize and blit correctly:<\/p>\n\n\n\n\n\n\n\n

  1. Define the alpha color in a bitmap (a bright pink).<\/li>
  2. Load the bitmap.<\/li>
  3. Copy the loaded bitmap into a surface.<\/li>
  4. Apply the colorkey into the surface (previously defined alpha color).<\/li>
  5. Pass the surface to the 9patch.<\/li>
  6. Define the surface in which you want to blit the border.<\/li>
  7. Blit the border.<\/li>
  8. Convert the border into the graphics format (I still don\u2019t know how to do this).<\/li>
  9. Draw the border into the surface you want.<\/li>
  10. Tell sev<\/a> that you finally got his code to work, and that it works wonders.<\/li><\/ol>\n\n\n\n

    Between each of these steps there are several hours of figuring out which PixelFormats<\/code>, Palettes<\/code>, Surfaces<\/code> and conversion functions I had to use, and several more hours in GDB and the IRC.<\/p>\n\n\n\n

    But, at last, besides that format conversion in step 8, 9patch is working correctly \ud83d\ude42<\/p>\n\n\n\n

    Below are two images: The border bitmap rendered without<\/i> going through the 9patch, and after passing it to the 9patch and then<\/i> rendering (blit) it into surface twice as high and wide (4x size) before printing it to screen.<\/p>\n\n\n\n

    \"\"<\/a><\/figure><\/div>\n\n\n\n
    \"\"<\/a><\/figure><\/div>\n\n\n\n

    Edit: I just fixed a small bug, this is what it looks like now:<\/p>\n\n\n\n

    \"\"<\/a><\/figure><\/div>\n","protected":false},"excerpt":{"rendered":"

    For the better part of this week and past weekend, I have been learing a whole lot about surfaces in ScummVM, in order to implement beautiful 9patch borders in the MacGUI code. As I delved deeper and deeper into the graphics code, I found out that a lot of steps had to be made in […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-15","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"_links":{"self":[{"href":"https:\/\/blogs.scummvm.org\/blorente\/wp-json\/wp\/v2\/posts\/15","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blogs.scummvm.org\/blorente\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blogs.scummvm.org\/blorente\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blogs.scummvm.org\/blorente\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/blogs.scummvm.org\/blorente\/wp-json\/wp\/v2\/comments?post=15"}],"version-history":[{"count":2,"href":"https:\/\/blogs.scummvm.org\/blorente\/wp-json\/wp\/v2\/posts\/15\/revisions"}],"predecessor-version":[{"id":76,"href":"https:\/\/blogs.scummvm.org\/blorente\/wp-json\/wp\/v2\/posts\/15\/revisions\/76"}],"wp:attachment":[{"href":"https:\/\/blogs.scummvm.org\/blorente\/wp-json\/wp\/v2\/media?parent=15"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blogs.scummvm.org\/blorente\/wp-json\/wp\/v2\/categories?post=15"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blogs.scummvm.org\/blorente\/wp-json\/wp\/v2\/tags?post=15"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}