{"id":11972,"date":"2025-02-13T03:07:52","date_gmt":"2025-02-13T07:07:52","guid":{"rendered":"https:\/\/rmu.andrewyames.com\/?p=11972"},"modified":"2025-02-19T17:47:20","modified_gmt":"2025-02-19T21:47:20","slug":"frog-animation-sprite-part-3-maria-wack","status":"publish","type":"post","link":"https:\/\/rmu.andrewyames.com\/?p=11972","title":{"rendered":"Frog Animation Sprite (Part 3) Maria"},"content":{"rendered":"\n<figure class=\"wp-block-video\"><video height=\"396\" style=\"aspect-ratio: 796 \/ 396;\" width=\"796\" controls loop muted src=\"https:\/\/rmu.andrewyames.com\/wp-content\/uploads\/2025\/02\/Screen-Recording-2025-02-13-at-2.05.32\u202fAM.mov\"><\/video><\/figure>\n\n\n\n\n\n\n<title>Animation Part 3<\/title>\n\t\n\t\t#frog {\n\t\t\tmargin: 0 auto 100px auto;\n\t\t\tposition: relative;\n\t\t\twidth:400px;\n\t\t\theight:200px;\n\t\t\ttop: 20px;\n\t\t\tborder:1px solid white;\n\t\t\tbackground: url(&#8220;frogSprite3.png&#8221;) left center;\n\t\t\tanimation: launch 2s steps(24) infinite;}\n\t\t\n\t\t@keyframes launch { \n\t\t\tfrom {background-position: 0px 0; }\n\t\t\tto {background-position: -9600px 0; }\n\t\n\n\n\n\t<div id=\"frog\"><\/div>\n\n\n\n\n\n\n<figure class=\"wp-block-video\"><video controls src=\"https:\/\/rmu.andrewyames.com\/wp-content\/uploads\/2025\/02\/Frog-Animation-3.zip\"><\/video><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>Animation Part 3 #frog { margin: 0 auto 100px auto; position: relative; width:400px; height:200px; top: 20px; border:1px solid white; background: url(&#8220;frogSprite3.png&#8221;) left center; animation: launch 2s steps(24) infinite;} @keyframes launch { from {background-position: 0px 0; } to {background-position: -9600px 0; }<\/p>\n","protected":false},"author":289,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[120,121],"tags":[124,108],"class_list":["post-11972","post","type-post","status-publish","format-standard","hentry","category-4d-studio","category-animation","tag-4d-studio","tag-animation"],"_links":{"self":[{"href":"https:\/\/rmu.andrewyames.com\/index.php?rest_route=\/wp\/v2\/posts\/11972","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/rmu.andrewyames.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/rmu.andrewyames.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/rmu.andrewyames.com\/index.php?rest_route=\/wp\/v2\/users\/289"}],"replies":[{"embeddable":true,"href":"https:\/\/rmu.andrewyames.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=11972"}],"version-history":[{"count":4,"href":"https:\/\/rmu.andrewyames.com\/index.php?rest_route=\/wp\/v2\/posts\/11972\/revisions"}],"predecessor-version":[{"id":12267,"href":"https:\/\/rmu.andrewyames.com\/index.php?rest_route=\/wp\/v2\/posts\/11972\/revisions\/12267"}],"wp:attachment":[{"href":"https:\/\/rmu.andrewyames.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=11972"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/rmu.andrewyames.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=11972"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/rmu.andrewyames.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=11972"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}