Treehouse NewsMeet Brickify, the new Carsonified App


writes on January 21, 2011

We’d like to announce the latest random fun project from Carsonified: Brickify! 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!


Learning with Treehouse for only 30 minutes a day can teach you the skills needed to land the job that you've been dreaming about.

Get Started

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 – 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

  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. That’s awesome! I was hoping it was in tables, Stweetfightr style!

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

    VERY VERY cool! LOVE it!!

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

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

    This is awesome! Congrat to the team

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

Leave a Reply

You must be logged in to post a comment.

man working on his laptop

Are you ready to start learning?

Learning with Treehouse for only 30 minutes a day can teach you the skills needed to land the job that you've been dreaming about.

Start a Free Trial
woman working on her laptop