{"id":2242,"date":"2010-11-01T01:09:09","date_gmt":"2010-11-01T00:09:09","guid":{"rendered":"http:\/\/toki-woki.net\/blog\/?p=2242"},"modified":"2022-03-29T21:53:02","modified_gmt":"2022-03-29T20:53:02","slug":"hey-lego-table","status":"publish","type":"post","link":"http:\/\/toki-woki.net\/blog\/p2242-hey-lego-table","title":{"rendered":"Hey! \u2013 A Lego Table"},"content":{"rendered":"<p><img loading=\"lazy\" class=\"alignnone size-full wp-image-2246\" title=\"Hey!\" src=\"http:\/\/toki-woki.net\/blog\/wp-content\/uploads\/2010\/10\/IMG_3597-w560.jpg\" alt=\"\" width=\"560\" height=\"840\" srcset=\"http:\/\/toki-woki.net\/blog\/wp-content\/uploads\/2010\/10\/IMG_3597-w560.jpg 560w, http:\/\/toki-woki.net\/blog\/wp-content\/uploads\/2010\/10\/IMG_3597-w560-200x300.jpg 200w\" sizes=\"(max-width: 560px) 100vw, 560px\" \/><\/p>\n<p>When I moved in I bought an <a href=\"http:\/\/www.ikea.com\/us\/en\/catalog\/products\/10103719\">IKEA Ramvik<\/a> table and while travelling this summer I had an idea (don&#8217;t ask why): decorate its top with Lego bricks used as pixels. Here are the steps I went through. If you don&#8217;t care about those steps and want to see a nice time-lapse video, scroll to the end of the article!<\/p>\n<h3>Lego bricks<\/h3>\n<p>First things first. What are the Lego brick sizes and colors available? Oddly enough this question is not that easily answered. Probably because Lego&#8217;s site is crappy, or because nobody really cares&#8230; I eventually found <a href=\"http:\/\/lego.wikia.com\">Brickipedia<\/a> which happens to be a much richer resource than the official ones. Everything I was looking for was there: the Lego &#8220;unit&#8221; is <a href=\"http:\/\/lego.wikia.com\/wiki\/Brick\">8\u00a0millimeters<\/a> and the color palette is <a href=\"http:\/\/lego.wikia.com\/wiki\/Color_Palette\">pretty simple<\/a>.<\/p>\n<h3>Table specs<\/h3>\n<p>Knowing my table size I had various options, depending on the &#8220;pixel size&#8221; I&#8217;d choose. Of course the number of bricks (and the price) would also vary. So I created a dynamic spreadsheet on Google Docs that&#8217;d do the calculations for me&#8230; Here it is, with all the options possible (French, sorry).<\/p>\n<p>[iframe src=&#8221;https:\/\/spreadsheets.google.com\/pub?key=0AmyvU-n2aOBpdG5oNUN6UW0xcUJ4a2E3eXFrTTJIVnc&amp;hl=en&amp;output=html&amp;widget=true&#8221; height=&#8221;374&#8243;]<\/p>\n<p>I chose the 4&#215;4 option, quite cheap and still offering a cool number of pixels.<\/p>\n<h3>Design<\/h3>\n<p>36&#215;16 pixels of freedom, that&#8217;s it. I tried lots of different designs, from lo-fi photos to pixel-art drawings. I decided to go for a Heavy Oblique Futura.<\/p>\n<p>Actual size:<\/p>\n<p><img loading=\"lazy\" class=\"size-full wp-image-2251 aligncenter\" title=\"Hey!\" src=\"http:\/\/toki-woki.net\/blog\/wp-content\/uploads\/2010\/10\/hey.gif\" alt=\"\" width=\"36\" height=\"16\" \/><\/p>\n<p>Looking good.<\/p>\n<h3>The Lego palette<\/h3>\n<p>I set my type to white, on a black background. The anti-aliasing process creates gray-scale pixels to smooth the curves, which is great, but Lego bricks aren&#8217;t available in all colors! To have a realistic preview of what it would look like I had to create a Photoshop Color Table matching Lego&#8217;s gray-scales (if you&#8217;re interested, just ping me [UPDATE: <a href=\"http:\/\/toki-woki.net\/p\/PaletteCounter\/ACTs.zip\">here they are<\/a>]). Here&#8217;s a comparison between Photoshop&#8217;s default gray-scales (left) and Lego&#8217;s palette (right):<\/p>\n<p><img loading=\"lazy\" title=\"Gray comparison\" src=\"http:\/\/toki-woki.net\/blog\/wp-content\/uploads\/2010\/10\/hey-b-comp.gif\" alt=\"\" width=\"560\" height=\"124\" \/><br \/>\nYou may notice that Lego&#8217;s black is a little bit light and the grays are yellowish.<\/p>\n<h3>Time to order bricks!<\/h3>\n<p>Already? Nope, not that fast. Before ordering I had to know exactly what to order, that means counting the pixels. Well, I&#8217;m not this kind of guy. I&#8217;m a developer; I hate repetitive chores, you know.<\/p>\n<p>So I fired up Flash Builder and came up with <a href=\"http:\/\/toki-woki.net\/p\/PaletteCounter\/\">PaletteCounter<\/a> a simple, <a href=\"http:\/\/code.google.com\/p\/as3-bits\/source\/browse\/trunk\/apps\/PaletteCounter\/src\/PaletteCounter.mxml\">OpenSource<\/a>, app to count pixels of each color. I also added some kind of &#8220;assembly instructions generator&#8221; to help us build it. Handy.<\/p>\n<p><img loading=\"lazy\" class=\"aligncenter size-full wp-image-2262\" title=\"PaletteCounter\" src=\"http:\/\/toki-woki.net\/blog\/wp-content\/uploads\/2010\/10\/PaletteCounter.png\" alt=\"\" width=\"560\" height=\"370\" \/><\/p>\n<h3>Time to order!<\/h3>\n<p>Really? Yup. I placed an order on lego.com&#8217;s <a href=\"http:\/\/shop.lego.com\/pab\/\">Pick A Brick<\/a> and received it a couple of weeks later. Yay!<\/p>\n<h3>Let&#8217;s do this<\/h3>\n<p>I&#8217;m not going to describe the process (that happened this saturday), just have a look at this time-lapse vid. 1020 pics shot in about an hour, yummy. Thanks to <a href=\"http:\/\/celine-roche.com\/\">C\u00e9line<\/a> and Julie for helping out!<\/p>\n<p>[vimeo id=&#8221;16376065&#8243; height=&#8221;374&#8243;]<\/p>\n<p>This page has been <a href=\"http:\/\/www.everycloudtech.com\/Lego-table\">translated in\u00a0Russian<\/a> by <a href=\"http:\/\/www.everycloudtech.com\/\">Karina<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>When I moved in I bought an IKEA Ramvik table and while travelling this summer I had an idea (don&#8217;t ask why): decorate its top with Lego bricks used as pixels. Here are the steps I went through. If you don&#8217;t care about those steps and want to see a nice time-lapse video, scroll to [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[3,6],"tags":[42,41,44,20,123,39,15],"acf":[],"_links":{"self":[{"href":"http:\/\/toki-woki.net\/blog\/wp-json\/wp\/v2\/posts\/2242"}],"collection":[{"href":"http:\/\/toki-woki.net\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/toki-woki.net\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/toki-woki.net\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/toki-woki.net\/blog\/wp-json\/wp\/v2\/comments?post=2242"}],"version-history":[{"count":42,"href":"http:\/\/toki-woki.net\/blog\/wp-json\/wp\/v2\/posts\/2242\/revisions"}],"predecessor-version":[{"id":2878,"href":"http:\/\/toki-woki.net\/blog\/wp-json\/wp\/v2\/posts\/2242\/revisions\/2878"}],"wp:attachment":[{"href":"http:\/\/toki-woki.net\/blog\/wp-json\/wp\/v2\/media?parent=2242"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/toki-woki.net\/blog\/wp-json\/wp\/v2\/categories?post=2242"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/toki-woki.net\/blog\/wp-json\/wp\/v2\/tags?post=2242"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}