addressalign-toparrow-leftarrow-rightbackbellblockcalendarcameraccwcheckchevron-downchevron-leftchevron-rightchevron-small-downchevron-small-leftchevron-small-rightchevron-small-upchevron-upcircle-with-checkcircle-with-crosscircle-with-pluscrossdots-three-verticaleditemptyheartexporteye-with-lineeyefacebookfolderfullheartglobegmailgooglegroupsimageimagesinstagramlinklocation-pinm-swarmSearchmailmessagesminusmoremuplabelShape 3 + Rectangle 1outlookpersonJoin Group on CardStartprice-ribbonImported LayersImported LayersImported Layersshieldstartickettrashtriangle-downtriangle-uptwitteruseryahoo

The Rubik's Cube doodle; how we built it and how not to break the Internet

In this meetup Mark Lundin, a local Interaction Developer , will be talking about how he and a team at Google built the Rubik's cube doodle. 

This year marked the 40th anniversary of the Rubik's Cube; to celebrate Google launched one of their most ambitious interactive doodles yet, the Rubik's Cube.

In this meetup I'll be walking you through the technical challenges of developing for the google home page, handling over 85 million plays and how we failed to break the internet.

We'll take a brief tour of the Rubik's cube itself - how they're built and the maths behind them - before downloading the code and taking a deeper look at the technical aspects. We'll cover some of the fundamentals of working with 3D for the web;  CSS 3D, canvas and webgl, we'll look at the technical constraints of developing a doodle

By the end you'll have a firm understanding of how to develop your own doodle, how to customise and style your own Rubik's cube, and how to start creating interactive 3D online.


Important announcement -

In case you missed the previous memo Tonights meetup is at BaseKit NOT Simpleweb since we overshot our capacity.

Also please ensure you RSVP by 18:00 you will not be given access to the building unless you do so.

Tonight -

Tonight Mark Lundin will be talking on "The Rubik's Cube doodle; how we built it and how not to break the Internet". The talk starts at around 19:00 but you can arrive from 18:30. I've got some beers and soft drinks for tonight, after the talk we will head over to Start the Bus for beers (and food if people are hungry*).

For the map see above, hopefully see you tonight!

Join or login to comment.

  • Caroline B

    Really engaging and inclusive, irrespective of our skill sets - thanks Mark. Good to hear about the diversity of creative stuff going on locally too.

    June 26, 2014

  • Mike S.

    Really interesting talk - never knew you could get such impressive results with just CSS3 and some nifty JS. Are there any learning resources you would recommend around the libraries and techniques you used to produce this?

    June 26, 2014

    • Mark L.

      Absolutely. I'd recommend looking at the three.js examples on github. Its mostly WebGL but has some CSS demos in there too. Its a great resource for learning 3d concepts and some of the maths involved.

      June 26, 2014

    • Mike S.

      Thanks Mark.

      June 26, 2014

  • Mark L.

    Thanks to everyone for coming along last night. It was great to meet you all

    June 26, 2014

  • Tom H.

    Really great talk. Inspires me to do some 3D stuff. I probably won't!

    1 · June 25, 2014

  • Adomas V.

    The talk was good and intersting. It was nice chatting to Mark after the talk

    1 · June 25, 2014

  • Matt B.

    Ahh, that was a great doodle. This is how far I got before I stuffed it up... I'm getting old ;)

    1 · June 20, 2014

    • Mark L.

      Ouch. So close. We didn't realise until later, but it was actually solveable in 12 moves.

      June 20, 2014

Sign up

Meetup members, Log in

By clicking "Sign up" or "Sign up using Facebook", you confirm that you accept our Terms of Service & Privacy Policy