Treehouse NewsMeet Brickify, the new Carsonified App

Treehouse

Treehouse
writes on January 21, 2011

We’d like to announce the latest random fun project from Carsonified: Brickify!

Brickify.com logo

Give Brickify a URL for an image and it converts the image into a LEGO brick schematic diagram and gives you an inventory of how many bricks (and what colors) you need to buy to construct it.

Carsonified team holding the LEGO Carsonified sign

Turning a picture into a brick pattern isn’t the kind of problem we solve every day, but HTML5 technologies made it relatively easy. We use the canvas to load the user’s image and process the pixels in the image into bricks. We also use the canvas to tile brick images together to form an isometric view of the final production. jQuery helps out with basic manipulation in the UI, and we use Sammy.js and Underscore.js to glue everything together.

Carsonified, Twitter and the old Apple logos made out of LEGO

We also put together a showreel explaining the ideas and process behind building it, along with a little timelapse of us constructing the Carsonified logo. Hope you enjoy it! πŸ™‚

I’m proud of our team who threw this together in a couple days πŸ™‚ @allison_house @nickrp @commondrea @jimrhoskins – well done guys!

45 Responses to “Meet Brickify, the new Carsonified App”

  1. This is very cool. Have just made a mockup of our company logo and priced it out at Lego.com – parts are going to come to just under Β£100 including shipping. Now I just have to convince the boss to pay for the bricks!

  2. Egads, I’m a total fanboy for everything Carsonified is/does (and this is no exception), but this article and video leaves me with one thought: did you just invent ‘brixels?’

  3. Daniel Von Fange on January 22, 2011 at 7:24 pm said:

    You prefer Sammy’s routing to Backbone.js’s?

    • Anonymous on January 23, 2011 at 4:41 am said:

      I prefer Sammy.js routing to backbone’s (right now). I do like backbone overall a litlle bit better. They are both developing rapidly, but it’s great to have a few great choices now for structuring JS apps.

  4. Hope you don’t mind if I reverse engineer this awesome app to run on PHP. URL not publicly available, of course. #china

  5. awesome!! really cool! next step….combine it with this http://www.wired.com/gadgetlab/2010/10/legobot/

    • Anonymous on January 23, 2011 at 4:47 am said:

      Wow, that would be awesome! Although it is a lot of fun constructing a big sign by hand with sone friends. We had a blast putting this one together.

  6. excellent work guys! very cool

  7. Again, blown away by you guys. Is there anything you won’t try? Prob not. Is there anything you won’t succeed in. Prob not.

    Great app.

  8. i chanted minecraft as i read this.

  9. Bruno Passos on January 21, 2011 at 3:01 pm said:

    Brilliant app! Brilliant team and the way you guys interact with eachother! good work.

  10. Great work guys, I just made a brickified logo of xoescript. looks cool

  11. Great app guys…im going to dig out some images to Brickify.
    like the gif too πŸ™‚

  12. Great work! πŸ™‚

  13. That’s awesome! I was hoping it was in tables, Stweetfightr style!

  14. Mammakerri on January 21, 2011 at 2:37 pm said:

    VERY VERY cool! LOVE it!!

  15. omg love the app, love the video! well done guys!

  16. Anonymous on January 21, 2011 at 2:22 pm said:

    This is awesome! Congrat to the team

  17. This looks amazing!
    well done πŸ™‚
    I bet it was great fun too, in the new offices I assume?

Learning to code can be fun!

Get started today with a free trial and discover why thousands of students are choosing Treehouse to learn about web development, design, and business.

Learn more