(This is bricked out awesome)

• Fit
• Zoom

What is Brickify?

Brickify is a web application that turns images into LEGO building plans.

Who built this and why?

Brickify is an app created by Carsonified. It all started during a team building week at our new Orlando, Florida office. We took a fun trip to the local LEGO store, and Jim thought it might be fun to build the Carsonified logo in Lego bricks.

We searched the web, but we couldn't find any web apps that transformed images into LEGO plans, so we decided to build one ourselves. After just two days of design and development, Brickify was the result.

How does Brickify work?

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 users 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. Check out the code on GitHub.

Want to learn how to make apps like this?

We're not only web professionals—we're teachers, too! Our team runs Think Vitamin Membership, an online training facility for web designers and developers. Whether you're just getting started or want to stay on the cutting edge, our video library contains hundreds of high quality tutorials to teach you everything you need to know.

Contribute

Brickify is open source on GitHub. If you would like to contribute, just fork Brickify, and send us a pull request.

Contributors

• Gavin Stark : Added final project dimensions to the inventory page.