Calling all developers! We've opened registration for developers to attend Google Developer Day 2011 in Sydney on November 8th, 2011. It should be a great line up with explorations of the latest developments in Android, Chrome, HTML5, Cloud and more. It will take place at the Sydney Convention and Exhibition Centre.
While we’re talking all-things developer, we wanted to send congratulations to Peter Finch, Brian McKenna, and Marko Vuksanovic, the Australian winners of the Open Call for Developers HTML5 challenge.
Screenshots of their beautiful creations are featured below: each participant of the challenge was asked to design and implement an original HTML5 doodle of the Google Developer day Dymaxion map, adding their own local twist. Doodles had to be built using open web technologies (HTML5, WebGL, etc.) and feature a local theme.
While we’re talking all-things developer, we wanted to send congratulations to Peter Finch, Brian McKenna, and Marko Vuksanovic, the Australian winners of the Open Call for Developers HTML5 challenge.
Screenshots of their beautiful creations are featured below: each participant of the challenge was asked to design and implement an original HTML5 doodle of the Google Developer day Dymaxion map, adding their own local twist. Doodles had to be built using open web technologies (HTML5, WebGL, etc.) and feature a local theme.
Creator: Peter Finch
How did you do it? The doodle is created using a HTML5 2D canvas element. The Dymaxion map is programmatically generated by subdividing the triangles in the original map into smaller sub-triangles and then drawing all of them in different colours based on a colour map representing the image to be drawn. The colour maps were generated using a Java program that mapped the relative location of the triangle onto a target image and then back onto the page colour map. The waves then merge the images, one on top of another, to create the transition effect.
How did you do it? The doodle is created using a HTML5 2D canvas element. The Dymaxion map is programmatically generated by subdividing the triangles in the original map into smaller sub-triangles and then drawing all of them in different colours based on a colour map representing the image to be drawn. The colour maps were generated using a Java program that mapped the relative location of the triangle onto a target image and then back onto the page colour map. The waves then merge the images, one on top of another, to create the transition effect.
Creator: Brian McKenna
How did you do it? I imported the Dymaxion map to Blender and then animated it to transform into the Opera House using "shape keys". The Dymaxion map, Opera House, Southern Cross and stars all rendered using Three.js. Everything else rendered with normal HTML5/CSS3.
Creator: Marko Vuksanovic
How did you do it? Doodle is a manipulation of the Dymaxion map using HTML canvas element. Interactivity is achieved using native drag and drop events and transitions. Animations are used to transition between the iconic landmarks of Sydney.
Congratulations to Brian, Marko and Peter - and hope to see you all at Google Developer Day in November.
Posted by Alan Noble, Director of Engineering Google Australia.
How did you do it? I imported the Dymaxion map to Blender and then animated it to transform into the Opera House using "shape keys". The Dymaxion map, Opera House, Southern Cross and stars all rendered using Three.js. Everything else rendered with normal HTML5/CSS3.
Creator: Marko Vuksanovic
How did you do it? Doodle is a manipulation of the Dymaxion map using HTML canvas element. Interactivity is achieved using native drag and drop events and transitions. Animations are used to transition between the iconic landmarks of Sydney.
Congratulations to Brian, Marko and Peter - and hope to see you all at Google Developer Day in November.
Posted by Alan Noble, Director of Engineering Google Australia.
