{"id":1061,"date":"2022-04-18T12:19:40","date_gmt":"2022-04-18T16:19:40","guid":{"rendered":"https:\/\/www.joshuarosenstock.com\/teaching\/imgd-fundamentals-22\/?p=1061"},"modified":"2022-04-18T12:19:40","modified_gmt":"2022-04-18T16:19:40","slug":"2d-animation-interactivity","status":"publish","type":"post","link":"https:\/\/www.joshuarosenstock.com\/teaching\/imgd-fundamentals-22\/jdboucher\/2d-animation-interactivity\/","title":{"rendered":"2D Animation &amp; Interactivity"},"content":{"rendered":"\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-full\"><a href=\"https:\/\/www.joshuarosenstock.com\/teaching\/imgd-fundamentals-22\/wp-content\/uploads\/sites\/22\/2022\/04\/Cat-Animation-Unity-import.png\"><img loading=\"lazy\" decoding=\"async\" width=\"292\" height=\"236\" src=\"https:\/\/www.joshuarosenstock.com\/teaching\/imgd-fundamentals-22\/wp-content\/uploads\/sites\/22\/2022\/04\/Cat-Animation-Unity-import.png\" alt=\"\" class=\"wp-image-1062\" \/><\/a><\/figure><\/div>\n\n\n\n<p>My 2D animation is for the main character of my game- a cat! The perspective of the game is top-down, so the cat has 4 animations: Idle, Moving Left (this can be mirrored for Moving Right), Moving Up, and Moving Down. The sprite sheet is above, and a video of the animations playing in Unity is below. The movements automatically update based on the direction, though there is certainly refinement to be done there. I especially like the leg movement on the left\/right walk cycle, though I wish the art style I had chosen allowed me to put more detail into the legs. I referenced a cat walk-cycle animation sheet, and I think it made the leg movement feel very natural for the left\/right animation.<\/p>\n\n\n\n<figure class=\"wp-block-video\"><video controls src=\"https:\/\/www.joshuarosenstock.com\/teaching\/imgd-fundamentals-22\/wp-content\/uploads\/sites\/22\/2022\/04\/Cat-Game-ART-FUNDAMENTALS-SampleScene-PC-Mac-Linux-Standalone-Unity-2020.3.32f1-Personal-_DX11_-2022-04-18-12-10-43.mp4\"><\/video><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>My 2D animation is for the main character of my game- a cat! The perspective of the game is top-down, so the cat has 4 animations: Idle, Moving Left (this can be mirrored for Moving Right), Moving Up, and Moving Down. The sprite sheet is above, and a video of the animations playing in Unity&#8230; <\/p>\n<div class=\"link-more\"><a href=\"https:\/\/www.joshuarosenstock.com\/teaching\/imgd-fundamentals-22\/jdboucher\/2d-animation-interactivity\/\">Read More<\/a><\/div>\n","protected":false},"author":258,"featured_media":1062,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"cybocfi_hide_featured_image":"","footnotes":""},"categories":[23],"tags":[],"class_list":["post-1061","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-2d-animation-interactivity"],"jetpack_featured_media_url":"https:\/\/www.joshuarosenstock.com\/teaching\/imgd-fundamentals-22\/wp-content\/uploads\/sites\/22\/2022\/04\/Cat-Animation-Unity-import.png","_links":{"self":[{"href":"https:\/\/www.joshuarosenstock.com\/teaching\/imgd-fundamentals-22\/wp-json\/wp\/v2\/posts\/1061","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.joshuarosenstock.com\/teaching\/imgd-fundamentals-22\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.joshuarosenstock.com\/teaching\/imgd-fundamentals-22\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.joshuarosenstock.com\/teaching\/imgd-fundamentals-22\/wp-json\/wp\/v2\/users\/258"}],"replies":[{"embeddable":true,"href":"https:\/\/www.joshuarosenstock.com\/teaching\/imgd-fundamentals-22\/wp-json\/wp\/v2\/comments?post=1061"}],"version-history":[{"count":1,"href":"https:\/\/www.joshuarosenstock.com\/teaching\/imgd-fundamentals-22\/wp-json\/wp\/v2\/posts\/1061\/revisions"}],"predecessor-version":[{"id":1064,"href":"https:\/\/www.joshuarosenstock.com\/teaching\/imgd-fundamentals-22\/wp-json\/wp\/v2\/posts\/1061\/revisions\/1064"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.joshuarosenstock.com\/teaching\/imgd-fundamentals-22\/wp-json\/wp\/v2\/media\/1062"}],"wp:attachment":[{"href":"https:\/\/www.joshuarosenstock.com\/teaching\/imgd-fundamentals-22\/wp-json\/wp\/v2\/media?parent=1061"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.joshuarosenstock.com\/teaching\/imgd-fundamentals-22\/wp-json\/wp\/v2\/categories?post=1061"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.joshuarosenstock.com\/teaching\/imgd-fundamentals-22\/wp-json\/wp\/v2\/tags?post=1061"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}