{"assets":[{"original":"http:\/\/ludumdare.com\/compo\/wp-content\/uploads\/2016\/01\/coloring.gif","local":"\/data\/posts\/2016\/01\/f9dec605c114cb9ad81bba327cbdf18c.gif"},{"original":"http:\/\/ludumdare.com\/compo\/wp-content\/uploads\/2016\/01\/coloring.gif","local":"\/data\/posts\/2016\/01\/f9dec605c114cb9ad81bba327cbdf18c.gif"}],"author_link":"author\/jezzamon\/","author_name":"Jezzamon","cat":"LD #34","categories":["LD #34"],"comments":[],"epoch":1451925480,"event":"LD34","likes":9,"metadata":{"p_key":"83314","p_author":"Jezzamon","p_authorkey":"0","p_urlkey":"294052","p_title":"Tamamystery behind the scenes","p_cat":"LD #34","p_event":"LD34","p_time":"1451925480","p_likes":"9","p_comments":"0","p_status":"WAYBACK","us_key":null,"us_name":null,"us_username":null,"event_start":"1449792000","event_key":"31","event_name":"LD34"},"source_url":"2016\/01\/04\/tamamystery-behind-the-scenes\/","text":"<p>(First of all, I was originally concerned about not having enough votes when I started this post, but I\u2019m all good now. That said, you should still play my game because it\u2019s cool, but perhaps consider playing other games too, there\u2019s still time!)<\/p>\n<p>Tamamystery is a cutesy virtual pet game with nothing mysterious or nefarious involved at all. Nope. Why would you suggest that? Also it\u2019s in Flash, so there\u2019s no download or anything, which means you should totes play it!<\/p>\n<h1 style=\"text-align: center\">[<a href=\"http:\/\/ludumdare.com\/compo\/ludum-dare-34\/?action=preview&amp;uid=10217\" target=\"_blank\">Click to play!<\/a>]<\/h1>\n<div class=\"wp-caption aligncenter\" id=\"attachment_529502\" style=\"width: 416px\"><a href=\"http:\/\/ludumdare.com\/compo\/ludum-dare-34\/?action=preview&amp;uid=10217\"><img alt=\"You should totes play this game\" class=\"size-full wp-image-529502\" height=\"506\" src=\"http:\/\/ludumdare.com\/compo\/wp-content\/uploads\/2015\/12\/main-preview.gif\" width=\"406\"\/><\/a><p class=\"wp-caption-text\">You should totes play this game<\/p><\/div>\n<p>Now that that\u2019s out of the way, lets get to what this post is about: How I came to using papercraft for my Ludum Dare game!<\/p>\n<p>The first thing you\u2019ll notice is my freakish hands holding some type of paper-craft device. But it wasn\u2019t always going to be this way\u2026<\/p>\n<p>Once I knew I was going to do something Tamagotchi related, I started off by doing the classic Google image search to get ideas.<\/p>\n<div class=\"wp-caption aligncenter\" id=\"attachment_529515\" style=\"width: 410px\"><img alt=\"\" class=\"wp-image-529515 size-full\" height=\"384\" sizes=\"(max-width: 400px) 100vw, 400px\" src=\"http:\/\/ludumdare.com\/compo\/wp-content\/uploads\/2015\/12\/ideas.jpg\" srcset=\"http:\/\/ludumdare.com\/compo\/wp-content\/uploads\/2015\/12\/ideas-300x288.jpg 300w, http:\/\/ludumdare.com\/compo\/wp-content\/uploads\/2015\/12\/ideas.jpg 400w\" width=\"400\"\/><p class=\"wp-caption-text\">So many Tamagotchis\u2026<\/p><\/div>\n<p>I also watched some Youtube videos to get an idea of how the Tamagotchi gameplay typically works. I also came across this Tamagotchi device with the little cake on the top, which I liked, and is why I added a bow on the top of my toy.<\/p>\n<div class=\"wp-caption aligncenter\" id=\"attachment_529520\" style=\"width: 510px\"><img alt=\"Apparantly if you're into Tamagotchi videos then you also want to know how to make a Crochet Mini Coin Pouch\" class=\"size-full wp-image-529520\" height=\"319\" sizes=\"(max-width: 500px) 100vw, 500px\" src=\"http:\/\/ludumdare.com\/compo\/wp-content\/uploads\/2015\/12\/26.jpg\" srcset=\"http:\/\/ludumdare.com\/compo\/wp-content\/uploads\/2015\/12\/26-300x191.jpg 300w, http:\/\/ludumdare.com\/compo\/wp-content\/uploads\/2015\/12\/26.jpg 500w\" width=\"500\"\/><p class=\"wp-caption-text\">Apparently if you\u2019re into Tamagotchi videos then you also want to know how to make a Crochet Mini Coin Pouch<\/p><\/div>\n<p>So I started creating the graphics of the game. I knew I wanted the game to look like a real device, and so it had to be fairly realistic looking. So I started in GIMP,\u00a0first by taking photo of an actual Tamagotchi and adjusting the colours a bit. Using that as a basis, I was going to try to essentially redraw it in GIMP, but soon realised that it looked pretty bad, and was going to take a while to do.<\/p>\n<div class=\"wp-caption aligncenter\" id=\"attachment_531837\" style=\"width: 510px\"><img alt=\"\" class=\"wp-image-531837 size-full\" height=\"252\" sizes=\"(max-width: 500px) 100vw, 500px\" src=\"http:\/\/ludumdare.com\/compo\/wp-content\/uploads\/2016\/01\/3.jpg\" srcset=\"http:\/\/ludumdare.com\/compo\/wp-content\/uploads\/2016\/01\/3-300x151.jpg 300w, http:\/\/ludumdare.com\/compo\/wp-content\/uploads\/2016\/01\/3.jpg 500w\" width=\"500\"\/><p class=\"wp-caption-text\">(I\u2019m not very good at this way of doing art)<\/p><\/div>\n<p>So I ditched that idea. Then I remembered \u201cHey, I\u2019ve done nice vector stuff in the past, right? I\u2019ll do it in flash!\u201d. I quickly realised that THAT was going nowhere too.<\/p>\n<div class=\"wp-caption aligncenter\" id=\"attachment_531838\" style=\"width: 510px\"><img alt=\"\" class=\"wp-image-531838 size-full\" height=\"234\" sizes=\"(max-width: 500px) 100vw, 500px\" src=\"http:\/\/ludumdare.com\/compo\/wp-content\/uploads\/2016\/01\/4.jpg\" srcset=\"http:\/\/ludumdare.com\/compo\/wp-content\/uploads\/2016\/01\/4-300x140.jpg 300w, http:\/\/ludumdare.com\/compo\/wp-content\/uploads\/2016\/01\/4.jpg 500w\" width=\"500\"\/><p class=\"wp-caption-text\">I was hoping the grid would help me make things even, but I couldn\u2019t even get the curves to look right<\/p><\/div>\n<p>So I drew this little place holder graphics and moved on. Also, here you can see I had the idea of having a background that\u2019s permanently etched in the game, like some Tamagotchis and small toys do.<\/p>\n<div class=\"wp-caption aligncenter\" id=\"attachment_531846\" style=\"width: 294px\"><img alt=\"5-2\" class=\"wp-image-531846 size-full\" height=\"300\" src=\"http:\/\/ludumdare.com\/compo\/wp-content\/uploads\/2016\/01\/5-2.jpg\" width=\"284\"\/><p class=\"wp-caption-text\">The \u201cfiguring out graphics is a problem for Future Jez\u201d graphic<\/p><\/div>\n<p>Then I tried to figure out what it would look like on paper, and an idea hit me: If I can make it look good on paper, why not just use that as the graphics as is! I have a whole bunch of cardboard in my room (I often use it for craft things for kids), I had everything I needed really.<\/p>\n<div class=\"wp-caption aligncenter\" id=\"attachment_531852\" style=\"width: 396px\"><img alt=\"\" class=\"wp-image-531852 size-full\" height=\"249\" sizes=\"(max-width: 386px) 100vw, 386px\" src=\"http:\/\/ludumdare.com\/compo\/wp-content\/uploads\/2016\/01\/7.jpg\" srcset=\"http:\/\/ludumdare.com\/compo\/wp-content\/uploads\/2016\/01\/7-300x194.jpg 300w, http:\/\/ludumdare.com\/compo\/wp-content\/uploads\/2016\/01\/7.jpg 386w\" width=\"386\"\/><p class=\"wp-caption-text\">Even though I wasn\u2019t trying to make it look good, I felt like this sketch was better than my my actual graphics attempts<\/p><\/div>\n<p>The actual process of making the toy wasn\u2019t too hard, all I did was draw each piece lightly on the cardboard in pencil and then cut out the outline. I made sure to measure out a piece of cardboard with the same dimensions as the screen so that they lined up.<\/p>\n<p>To put the pieces together, I used Blu-Tack, which is good\u00a0for two reasons. Firstly, because it\u2019s not permanent so you can move things around. Secondly, it makes the pieces stick out a bit, so you don\u2019t just end up with a flat piece of cardboard, but instead have something with a bit of depth in it. Depending on how much Blu-Tack you use, you can adjust the height of each piece a little bit.<\/p>\n<div class=\"wp-caption aligncenter\" id=\"attachment_531848\" style=\"width: 409px\"><img alt=\"\" class=\"wp-image-531848 size-full\" height=\"159\" sizes=\"(max-width: 399px) 100vw, 399px\" src=\"http:\/\/ludumdare.com\/compo\/wp-content\/uploads\/2016\/01\/6.jpg\" srcset=\"http:\/\/ludumdare.com\/compo\/wp-content\/uploads\/2016\/01\/6-300x120.jpg 300w, http:\/\/ludumdare.com\/compo\/wp-content\/uploads\/2016\/01\/6.jpg 399w\" width=\"399\"\/><p class=\"wp-caption-text\">From side on, you can see the layers\u2026 kinda. That screen is coming of a little.<\/p><\/div>\n<p>To get it into the game, I just took a photo on my phone, put it on the computer, and then skewed it a little bit to compensate for the slight angle I took it at. Then I scaled it to make sure the screen was a nice multiple of the game window size, in pixels, because otherwise you get awkward half-sized pixels or blurry edges due to\u00a0anti-aliasing, and nobody wants that.<\/p>\n<div class=\"wp-caption aligncenter\" id=\"attachment_531842\" style=\"width: 419px\"><img alt=\"\" class=\"wp-image-531842 size-full\" height=\"451\" src=\"http:\/\/ludumdare.com\/compo\/wp-content\/uploads\/2016\/01\/1.gif\" width=\"409\"\/><p class=\"wp-caption-text\">This one is nice in the way that you can clearly see that it\u2019s made of paper, it\u2019s not as obvious in the actual one.<\/p><\/div>\n<p>It looked pretty good at this point, but I felt like it needed colour to look more like an actual device. So I added in the colour in GIMP by using layers with the \u201cMultiply\u201d blending mode. If you just transparently overlay a colour, you lose some of the contrast as all your shadows become lighter, whereas with multiplying,\u00a0you preserve all the blacks as black, and keep the subtle paper texture better. That\u2019s a little tip for ya.<\/p>\n<div class=\"wp-caption aligncenter\" id=\"attachment_531840\" style=\"width: 650px\"><a href=\"\/data\/posts\/2016\/01\/f9dec605c114cb9ad81bba327cbdf18c.gif\"><img alt=\"\" class=\"wp-image-531840 size-full\" height=\"360\" src=\"\/data\/posts\/2016\/01\/f9dec605c114cb9ad81bba327cbdf18c.gif\" width=\"640\"\/><\/a><p class=\"wp-caption-text\">Whee! Timelapses! (click to see the unsquished version)<\/p><\/div>\n<p>And to add in the hands, I just took a photo of me holding it with one hand in the different positions, and photoshop\u2019d that in with GIMP (am I allowed to say that?). It would\u2019ve been nice to set up a tripod and take photos of me holding it in the different positions to get the shadows right, but that also would\u2019ve taken a bit longer and would\u2019ve meant I had to skew, scale and colour\u00a04 photos instead of 1.<\/p>\n<div class=\"wp-caption aligncenter\" id=\"attachment_531841\" style=\"width: 430px\"><img alt=\"hands\" class=\"wp-image-531841 size-full\" height=\"450\" src=\"http:\/\/ludumdare.com\/compo\/wp-content\/uploads\/2016\/01\/hands.gif\" width=\"420\"\/><p class=\"wp-caption-text\">Whee timelapses again!<\/p><\/div>\n<p>And that\u2019s it! I had a lot of fun with using papercraft, I might try to make an all-papercraft game next time. I\u2019ll probably need some better equipment though.<\/p>\n<p>Thanks for reading! See ya later!<\/p>\n<p><img alt=\"friends\" class=\"aligncenter size-full wp-image-531858\" height=\"126\" src=\"http:\/\/ludumdare.com\/compo\/wp-content\/uploads\/2016\/01\/friends.png\" width=\"222\"\/><\/p>\n<p>Tags: <a href=\"http:\/\/ludumdare.com\/compo\/tag\/how-to\/\" rel=\"tag\">how to<\/a>, <a href=\"http:\/\/ludumdare.com\/compo\/tag\/papercraft\/\" rel=\"tag\">papercraft<\/a>, <a href=\"http:\/\/ludumdare.com\/compo\/tag\/timelapse\/\" rel=\"tag\">timelapse<\/a>, <a href=\"http:\/\/ludumdare.com\/compo\/tag\/tools\/\" rel=\"tag\">tools<\/a><\/p>","time":"January 4th, 2016 4:38 pm","title":"Tamamystery behind the scenes","title_was_empty":false}