I'm a Creative Technologist at Google and like to create things with equal parts design & code.
The more I learn from these disciplines, the more I appreciate how similar their processes are.
More importantly, I've come to realise that the most significant results are cultivated in the space where these two meet.
This blog delves into this concept.
Elsewhere, you'll find me chirping on twitter, snapping on Instagram (currently viewable via tumblr and flickr) and uploading work-in-progress on dribbble to name a few destinations.
I also speak occasionally on subjects related to the modern browser - for enquiries please email paul@monocubed.com.
HTML5 canvas. This ribbon is made of 140 instances of RibbonSection. Each instance contains information on x & y position, angle, radius and colour. The instances are related to each other only through their position in a RibbonSection array – the shortest distance between one instance and it’s previous instance determines the radius which, translates to the width of the ribbon ~ so the faster you move the mouse, the wider the ribbon becomes. The colour data (which has spatial relevance) is still being traced as the ribbon moves (hence Trace #4) but is being translated by the movement of the user (direction, position, speed, width) – in this case, the colour could be described as being “picked up” in the same way an artist’s brush picks up paint and moves it across a canvas (no pun intended). Despite it’s abstract appearance, this doodle is still inspired by the relative position of specific colours in the Google logo ~ the user is simply encouraged to sketch their own version of the brand through interaction.