{"id":30,"date":"2024-02-28T14:02:57","date_gmt":"2024-02-28T14:02:57","guid":{"rendered":"https:\/\/studiospektar.hr\/cnb\/?p=30"},"modified":"2025-01-24T15:09:55","modified_gmt":"2025-01-24T15:09:55","slug":"white-gloves","status":"publish","type":"post","link":"https:\/\/studiospektar.hr\/cnb\/white-gloves\/","title":{"rendered":"White gloves"},"content":{"rendered":"\n

Good thing about animating with Spine is that we can put almost 50 different skins on the same-ish skeleton. If one can shrug, they all can shrug. As you can see here, everything is perfectly normal. Each of these characters has their own head, arm, leg, other arm… wait a minute, something seems off….<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

You might be wondering, why do they all have white gloves like Mickey mouse? Well…..<\/p>\n\n\n\n

My eyes are up here<\/h2>\n\n\n\n

According to most artists, two of the hardest things to draw on a recognizable human are faces and hands. The characters pictured above have as many different things on their head (hair, nose, mouth, pupils etc) as they have on the rest of the body, so there was definitely a lot of work around faces. As for the hands, more sane developers would probably just put cartoonish closed fists and call it a day, but we decided to do A LOT with hands. You can see in the picture below some of them and that’s just the beginning. We are going to need a lot more white gloves to fit everything.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

So, white gloves for everyone?<\/h2>\n\n\n\n

Obviously we don’t want to make Mickey mice out of everyone. But we can’t just paint everything in a basic skin color as there isn’t one. Cloak&Boffer features skin colors of many races, exposures to sunshine and body paints, so practically every character will require a personal color for the hands.<\/p>\n\n\n\n

There are two ways to tackle this issue and we’re still choosing which one.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

First one is keeping all the hands in a separate skin, just pinning it on character skins and applying tint to the hand slots. That’s easy for the animator, clumsy for the programmer, prone to bugs.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

The more attractive option is adding each hand to each skin separately and tinting them beforehand, which is extra work for the animator, but characters just work out of the box. The biggest problem with this solution is that every time we add a new kind of hand, we must also apply it to every one of our 40+ skins in the game.<\/p>\n\n\n\n

At this moment, we’ll probably just keep the separate white gloves and have skins with invisible hands. At least until the time comes for us to make some gameplay video materials.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Oh and many characters have different kinds of mouths. Don’t even get me started on that.<\/p>\n","protected":false},"excerpt":{"rendered":"

More sane developers would probably just put cartoonish closed fists and call it a day, but we decided to do A LOT with hands<\/p>\n","protected":false},"author":2,"featured_media":264,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"categories":[6],"tags":[4,5,7],"class_list":["post-30","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-animation","tag-madewithspine","tag-animation","tag-hands"],"_links":{"self":[{"href":"https:\/\/studiospektar.hr\/cnb\/wp-json\/wp\/v2\/posts\/30","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/studiospektar.hr\/cnb\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/studiospektar.hr\/cnb\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/studiospektar.hr\/cnb\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/studiospektar.hr\/cnb\/wp-json\/wp\/v2\/comments?post=30"}],"version-history":[{"count":1,"href":"https:\/\/studiospektar.hr\/cnb\/wp-json\/wp\/v2\/posts\/30\/revisions"}],"predecessor-version":[{"id":38,"href":"https:\/\/studiospektar.hr\/cnb\/wp-json\/wp\/v2\/posts\/30\/revisions\/38"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/studiospektar.hr\/cnb\/wp-json\/wp\/v2\/media\/264"}],"wp:attachment":[{"href":"https:\/\/studiospektar.hr\/cnb\/wp-json\/wp\/v2\/media?parent=30"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/studiospektar.hr\/cnb\/wp-json\/wp\/v2\/categories?post=30"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/studiospektar.hr\/cnb\/wp-json\/wp\/v2\/tags?post=30"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}