{"id":21,"date":"2014-05-04T06:03:04","date_gmt":"2014-05-04T06:03:04","guid":{"rendered":"https:\/\/blogs.scummvm.org\/lukaslw\/?p=21"},"modified":"2022-05-22T06:05:05","modified_gmt":"2022-05-22T06:05:05","slug":"hero-scrolling-and-zooming","status":"publish","type":"post","link":"https:\/\/blogs.scummvm.org\/lukaslw\/2014\/05\/04\/hero-scrolling-and-zooming\/","title":{"rendered":"Hero scrolling and zooming"},"content":{"rendered":"<p>I am in the middle of work with hero sprite displaying. My progress isn\u2019t as fast as I was thinking at a beginning but I\u2019m not losing my hope. I feel that assembler and I are getting to know each other better but there are still some new things that I have to learn.<\/p>\n<p>The best progress is when you can see it, so here we go:<\/p>\n<div id='gallery-1' class='gallery galleryid-21 gallery-columns-2 gallery-size-full'><figure class='gallery-item'>\n\t\t\t<div class='gallery-icon landscape'>\n\t\t\t\t<a href='https:\/\/blogs.scummvm.org\/lukaslw\/2014\/05\/04\/hero-scrolling-and-zooming\/before1\/'><img loading=\"lazy\" decoding=\"async\" width=\"652\" height=\"512\" src=\"https:\/\/blogs.scummvm.org\/lukaslw\/wp-content\/uploads\/sites\/27\/2014\/05\/before1.jpg\" class=\"attachment-full size-full\" alt=\"\" aria-describedby=\"gallery-1-25\" srcset=\"https:\/\/blogs.scummvm.org\/lukaslw\/wp-content\/uploads\/sites\/27\/2014\/05\/before1.jpg 652w, https:\/\/blogs.scummvm.org\/lukaslw\/wp-content\/uploads\/sites\/27\/2014\/05\/before1-300x236.jpg 300w\" sizes=\"auto, (max-width: 652px) 100vw, 652px\" \/><\/a>\n\t\t\t<\/div>\n\t\t\t\t<figcaption class='wp-caption-text gallery-caption' id='gallery-1-25'>\n\t\t\t\tFirst location &#8211; before hero zooming\n\t\t\t\t<\/figcaption><\/figure><figure class='gallery-item'>\n\t\t\t<div class='gallery-icon landscape'>\n\t\t\t\t<a href='https:\/\/blogs.scummvm.org\/lukaslw\/2014\/05\/04\/hero-scrolling-and-zooming\/after1\/'><img loading=\"lazy\" decoding=\"async\" width=\"652\" height=\"514\" src=\"https:\/\/blogs.scummvm.org\/lukaslw\/wp-content\/uploads\/sites\/27\/2014\/05\/after1.jpg\" class=\"attachment-full size-full\" alt=\"\" aria-describedby=\"gallery-1-23\" srcset=\"https:\/\/blogs.scummvm.org\/lukaslw\/wp-content\/uploads\/sites\/27\/2014\/05\/after1.jpg 652w, https:\/\/blogs.scummvm.org\/lukaslw\/wp-content\/uploads\/sites\/27\/2014\/05\/after1-300x237.jpg 300w\" sizes=\"auto, (max-width: 652px) 100vw, 652px\" \/><\/a>\n\t\t\t<\/div>\n\t\t\t\t<figcaption class='wp-caption-text gallery-caption' id='gallery-1-23'>\n\t\t\t\tFirst location &#8211; after hero zooming\n\t\t\t\t<\/figcaption><\/figure><figure class='gallery-item'>\n\t\t\t<div class='gallery-icon landscape'>\n\t\t\t\t<a href='https:\/\/blogs.scummvm.org\/lukaslw\/2014\/05\/04\/hero-scrolling-and-zooming\/before2\/'><img loading=\"lazy\" decoding=\"async\" width=\"650\" height=\"514\" src=\"https:\/\/blogs.scummvm.org\/lukaslw\/wp-content\/uploads\/sites\/27\/2014\/05\/before2.jpg\" class=\"attachment-full size-full\" alt=\"\" aria-describedby=\"gallery-1-26\" srcset=\"https:\/\/blogs.scummvm.org\/lukaslw\/wp-content\/uploads\/sites\/27\/2014\/05\/before2.jpg 650w, https:\/\/blogs.scummvm.org\/lukaslw\/wp-content\/uploads\/sites\/27\/2014\/05\/before2-300x237.jpg 300w\" sizes=\"auto, (max-width: 650px) 100vw, 650px\" \/><\/a>\n\t\t\t<\/div>\n\t\t\t\t<figcaption class='wp-caption-text gallery-caption' id='gallery-1-26'>\n\t\t\t\tSecond location &#8211; before hero zooming\n\t\t\t\t<\/figcaption><\/figure><figure class='gallery-item'>\n\t\t\t<div class='gallery-icon landscape'>\n\t\t\t\t<a href='https:\/\/blogs.scummvm.org\/lukaslw\/2014\/05\/04\/hero-scrolling-and-zooming\/after2\/'><img loading=\"lazy\" decoding=\"async\" width=\"651\" height=\"512\" src=\"https:\/\/blogs.scummvm.org\/lukaslw\/wp-content\/uploads\/sites\/27\/2014\/05\/after2.jpg\" class=\"attachment-full size-full\" alt=\"\" aria-describedby=\"gallery-1-24\" srcset=\"https:\/\/blogs.scummvm.org\/lukaslw\/wp-content\/uploads\/sites\/27\/2014\/05\/after2.jpg 651w, https:\/\/blogs.scummvm.org\/lukaslw\/wp-content\/uploads\/sites\/27\/2014\/05\/after2-300x236.jpg 300w\" sizes=\"auto, (max-width: 651px) 100vw, 651px\" \/><\/a>\n\t\t\t<\/div>\n\t\t\t\t<figcaption class='wp-caption-text gallery-caption' id='gallery-1-24'>\n\t\t\t\tSecond location &#8211; after hero zooming\n\t\t\t\t<\/figcaption><\/figure>\n\t\t<\/div>\n\n<p>Hero is also drawing in a right spot in wider locations where a background is moving while he walks.<br \/>\nNext thing that I am going to implement is drawing hero&#8217;s shadow so wish me luck \ud83d\ude09<br \/>\nI&#8217;m still fighting with functions that allow to calculate colors and positions for it but I&#8217;m slowly pushing it forward.<\/p>\n<p>See you next week!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>I am in the middle of work with hero sprite displaying. My progress isn\u2019t as fast as I was thinking at a beginning but I\u2019m not losing my hope. I feel that assembler and I are getting to know each other better but there are still some new things that I have to learn. The [&hellip;]<\/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-21","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"_links":{"self":[{"href":"https:\/\/blogs.scummvm.org\/lukaslw\/wp-json\/wp\/v2\/posts\/21","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blogs.scummvm.org\/lukaslw\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blogs.scummvm.org\/lukaslw\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blogs.scummvm.org\/lukaslw\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/blogs.scummvm.org\/lukaslw\/wp-json\/wp\/v2\/comments?post=21"}],"version-history":[{"count":2,"href":"https:\/\/blogs.scummvm.org\/lukaslw\/wp-json\/wp\/v2\/posts\/21\/revisions"}],"predecessor-version":[{"id":27,"href":"https:\/\/blogs.scummvm.org\/lukaslw\/wp-json\/wp\/v2\/posts\/21\/revisions\/27"}],"wp:attachment":[{"href":"https:\/\/blogs.scummvm.org\/lukaslw\/wp-json\/wp\/v2\/media?parent=21"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blogs.scummvm.org\/lukaslw\/wp-json\/wp\/v2\/categories?post=21"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blogs.scummvm.org\/lukaslw\/wp-json\/wp\/v2\/tags?post=21"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}