{"id":635,"date":"2011-10-01T15:22:16","date_gmt":"2011-10-01T22:22:16","guid":{"rendered":"http:\/\/www.shadowdawngenesis.com\/devblog\/?p=635"},"modified":"2015-12-17T16:37:21","modified_gmt":"2015-12-18T00:37:21","slug":"animation-demonstration","status":"publish","type":"post","link":"https:\/\/www.shadowdawngenesis.com\/devblog\/?p=635","title":{"rendered":"Animation Demonstration"},"content":{"rendered":"
\"Arashi<\/a>
Arashi walking animation demonstration<\/figcaption><\/figure>\n

Just thought I’d share and explain a bit of the work on the animation side of Shadowdawn Genesis<\/em>, which is the current focus on development (content generation) – and why updates have been so quiet.\u00a0 Oh yeah and please be patient, the next flood of updates when this part is done is going to be very exciting for the longtime followers of the game – finally get to see what\u00a0really sets this game apart \ud83d\ude42<\/p>\n

So here is Arashi doing a simple walk.\u00a0 Luckily, walking (at least in Arashi’s case) is mirrorable; it doesn’t require specific right-handed actions to simply walk.\u00a0 So the result here can be flipped for the Left frames.\u00a0 Notice that in the rough line art, I don’t draw the heads or the coat “skirt”, this way I can keep their look consistent from frame to frame. I drew the head and skirt on the first frame – these are frames 5-8 –\u00a0and\u00a0made them into seperate layers.<\/p>\n

On the\u00a0middle row of frames, Arashi’s head is added, along with the flowing part of her hair which is also on its own layer.\u00a0The flowing part of the hair\u00a0is slightly adjusted to accomodate for the “bounce” of walking, so it rises and falls as Arashi switches her center of gravity.\u00a0 The coat (on two layers, foreground and background)\u00a0was a bit more simple, since this isn’t a fast action\u00a0and the material is fairly rigid\u00a0it will\u00a0not be affected by wind.\u00a0 However the coat’s animation is more complex in falling, running and dash-run animations, and any special moves that do anything dramatic with her outfit\/hair.<\/p>\n

After placing the layered elements on the colored lineart for the frame, I copy the frame, and reduce its size to the sprite size of the game (Obviously can’t have 1000 px wide animations on a 2D RPG… yet)\u00a0 I use a sharpening tool to bring out the edges a bit after the reduced resolution, than apply a nice color overlay to give it a bit more depth in-game.\u00a0 After that, I place it in the final sprite sheet and give it a thin, alpha-black outline so the character doesn’t bleed as easily against background elements, and then just add the coordinates and height\/width of the frame to my parser, and done!<\/p>\n

If you haven’t\u00a0noticed (don’t mean to underestimate anyone here), I have darkened or saturated some of Arashi’s colors from the bubblegum pink and orange, much different from her old sprite colors. \u00a0I had<\/strong> to redraw Arashi from the beginning due to design changes brought on from the most recent\u00a0concept artwork\u00a0as well, so figured I’d take this opportunity to make her colors a bit more appealing\u00a0to finalize the character.\u00a0 It looks a lot more natural in the game itself, I hope to post some new screenshots soon once I have more environments ready to go.\u00a0 The animation is also a lot smoother, and the proportions are a bit easier on the eyes. It took some getting used to since I had seen the old animations for so long, but it’s definitely been worth the work.<\/p>\n

<\/g:plusone><\/div>","protected":false},"excerpt":{"rendered":"

Just thought I’d share and explain a bit of the work on the animation side of Shadowdawn Genesis, which is the current focus on development […]<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3],"tags":[39,21,78,22,203,11,25,10,8,7,6,18,80,110,13,17,97,309,4,84,204,15,33,90,67],"class_list":["post-635","post","type-post","status-publish","format-standard","hentry","category-game-development","tag-2d-animation","tag-action","tag-action-rpg","tag-adventure","tag-animation","tag-anime","tag-arashi","tag-art","tag-concept-art","tag-development","tag-game","tag-independent","tag-indie-game","tag-indie-rpg","tag-jrpg","tag-pc","tag-pink-hair","tag-rpg","tag-shadowdawn","tag-shadowdawn-genesis","tag-tutorial","tag-xbox-360","tag-xbox-live","tag-xbox-live-indie-games","tag-xna"],"_links":{"self":[{"href":"https:\/\/www.shadowdawngenesis.com\/devblog\/index.php?rest_route=\/wp\/v2\/posts\/635","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.shadowdawngenesis.com\/devblog\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.shadowdawngenesis.com\/devblog\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.shadowdawngenesis.com\/devblog\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.shadowdawngenesis.com\/devblog\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=635"}],"version-history":[{"count":0,"href":"https:\/\/www.shadowdawngenesis.com\/devblog\/index.php?rest_route=\/wp\/v2\/posts\/635\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.shadowdawngenesis.com\/devblog\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=635"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.shadowdawngenesis.com\/devblog\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=635"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.shadowdawngenesis.com\/devblog\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=635"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}