{"id":9,"date":"2020-07-15T16:20:08","date_gmt":"2020-07-15T20:20:08","guid":{"rendered":"https:\/\/ckixd.com\/blog\/?p=9"},"modified":"2020-08-12T08:14:46","modified_gmt":"2020-08-12T12:14:46","slug":"put-on-a-happy-face","status":"publish","type":"post","link":"https:\/\/ckixd.com\/blog\/9\/put-on-a-happy-face\/","title":{"rendered":"Put On a Happy Face"},"content":{"rendered":"\n

I’m excited to playtest my new tabletop game project, Villanostra<\/em>, at Protospiel Online<\/a> this upcoming weekend. I’ve been running solo playtests in Tabletop Simulator, and I think it has some interesting interactions. Now I’m looking forward to getting feedback from other game designers. <\/p>\n\n\n\n

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

I recently watched this excellent presentation by interaction designer Matt Leacock on finding players’ emotional responses to your game<\/a>. A key source of emotional responses to Villanostra<\/em> will involve the players’ relationships with the villagers. Villanostra<\/em> is a worker placement game in which the workers–the villagers–place themselves. So I want to maximize the opportunities for emotional connections toward the villagers, and that requires giving them faces.<\/p>\n\n\n\n

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

I went to https:\/\/generated.photos\/<\/a> as a source of ethnically diverse faces that are free for personal use. I need about 30 faces of uniform size, and being able to generate them randomly instead of selecting them individually is very appealing.<\/p>\n\n\n\n

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

That’s a great first step, but I don’t want photo-realistic images on my game components. The level of detail is distracting, and they set too high a bar for other images to be used elsewhere in the game. So I want to convert these faces to something that looks more like a line sketch. There are several YouTube tutorials for doing this in Photoshop, but I want a process that is quick and easy and doesn’t rely on expensive software. After considering a number of options<\/a>, I selected Instant Photo Sketch<\/a>. It does exactly what I want without a lot of options I don’t care about. And it’s free. Hopefully, I didn’t add any malware to my computer when I installed it.<\/p>\n\n\n\n

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

(One odd thing I noticed: The original jpeg is 27.7KB. The generated sketch is 143KB. That’s a five-fold increase for a less detailed image. If I open the sketch in MS Paint and immediately save it, the size decreases to 76.3KB. I suppose jpeg compression might be optimized for human faces, but that’s still pretty unexpected, especially converting color to grayscale. If you have a theory, I’d be interested to hear it.)<\/p>\n\n\n\n

For my next step, I uploaded the image to Component.Studio<\/a> and added it to my previously-blank villager cards. These are micro cards, only 450×600 pixels. The image doesn’t need to be very detailed! At this point I’m hardcoding the entire deck to show this one face, just to test for feasibility.<\/p>\n\n\n\n

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

From Component.Studio I generate an image cache for the entire Villager deck. Then I went into Tabletop Simulator and updated the Custom properties for the Villager deck to point at the new image cache. Here’s what the cards look like in maximum zoom on TTS, with a poker chip for scale.<\/p>\n\n\n\n

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

Is the image too small? Maybe. Does it look better than the blank white space that was there before? Absolutely! Like any creative endeavor, game design is an iterative process: our goal is improvement, not perfection. And this easy process is good enough for the tests I want to do this weekend.<\/p>\n","protected":false},"excerpt":{"rendered":"

I’m excited to playtest my new tabletop game project, Villanostra, at Protospiel Online this upcoming weekend. I’ve been running solo playtests in Tabletop Simulator, and I think it has some interesting interactions. Now I’m looking forward to getting feedback from other game designers. I recently watched this excellent presentation by interaction designer Matt Leacock on […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"nf_dc_page":"","footnotes":""},"categories":[5,6,4],"tags":[2],"class_list":["post-9","post","type-post","status-publish","format-standard","hentry","category-game-design","category-protospiel","category-villanostra","tag-villanostra"],"_links":{"self":[{"href":"https:\/\/ckixd.com\/blog\/wp-json\/wp\/v2\/posts\/9","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ckixd.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/ckixd.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/ckixd.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ckixd.com\/blog\/wp-json\/wp\/v2\/comments?post=9"}],"version-history":[{"count":4,"href":"https:\/\/ckixd.com\/blog\/wp-json\/wp\/v2\/posts\/9\/revisions"}],"predecessor-version":[{"id":20,"href":"https:\/\/ckixd.com\/blog\/wp-json\/wp\/v2\/posts\/9\/revisions\/20"}],"wp:attachment":[{"href":"https:\/\/ckixd.com\/blog\/wp-json\/wp\/v2\/media?parent=9"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ckixd.com\/blog\/wp-json\/wp\/v2\/categories?post=9"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ckixd.com\/blog\/wp-json\/wp\/v2\/tags?post=9"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}