milkisevil

creative developer, london

Hello there, I'm Philip Bulley

( the one on the left )

Spot the difference! Bulley and Son :)

( and that’s my son & heir on the right! )

A freelance creative developer, specialising in frontend web development.

I love writing beautifully crafted code for experiential websites/apps that push the capabilities of the browser, and the expectations of their audience.

I'm a developer with a great eye for visual design and an equally intuitive approach to application design. I develop using common OOP design patterns, usually focused around MVC/MVVM.

I currently love...

  • AngularJS
  • Zurb Foundation
  • OOCSS with Sass & Compass
  • jQuery
  • Grunt
  • Greensock (TweenMax)
  • EaselJS (Canvas animation)
  • ThreeJS
  • Jenkins CI (running Grunt)
  • Jasmine or Mocha + Chai
  • YUIDoc
  • IntelliJ (WebStorm)
  • Git (employing Gitflow)

I still carry a torch for...

Google - Nexus

Responsive HTML5 site with hardware accelerated parallax, supporting the release of the 2nd generation Google Nexus 7. Each parallax image expands into a full-browser interactive feature.

Visit website

Google's flagship range of mobile/tablet devices gained brand new releases - starting with the 2nd generation Nexus 7.

So naturally the google.com/nexus property required a complete visual refresh.

My role involved leading the development around the parallax functionality, the full-browser interactive experiences and much of the responsive layout.

Features

  • Responsive layout
  • GPU accelerated parallax effect
  • Full-browser immersive experiences
  • Seamless video integration

Technology

  • HTML5
  • AngularJS
  • Zurb Foundation
  • Sass & Compass
  • TweenMax
  • Grunt

Project

  • My Role: Front-end developer

Shell - Planet You

Interactive touchscreen RFID installations, rendering unique HTML5 canvas-drawn planets representing visitor’s opinions on the topic of Energy, now and in the future.

The Shell Eco Marathon 2013 was an event held in Rotterdam which invited visitors to discuss the future of energy.

My task was to build an HTML5 application to be deployed across 16 physical touchscreen kiosks with the first 10 each asking the user a different "Energy Futures" question.

Once the user had visited all 10 kiosks, they would proceed to one of the final 6 where their answers would be rendered into an infographic unique to them - "Planet You".

Finally, their custom planet rendering was beamed up to the gigantic solar system wall projection, for all to see.

Features

  • Custom grid-based <canvas> planet renderer
  • DOM and <canvas> animation
  • RFID based login & session handling
  • UDP controlled lighting

Technology

  • AngularJS (+e2e testing)
  • EaselJS
  • TweenMax
  • Less
  • Grunt
  • YUIDoc

Project

Philips - Obsessed With Sound

Winner: FWA Site Of The Day

A unique interactive music piece. Single out any of 50 orchestral musicians. Switch between two synchronised HD camera angles. Watch their individual pitch change and musical score as they play.

Visit website

The brief was to create a full-screen audio/video mixer featuring approximately 50 audio channels and two HD quality video streams, all of which must be synchronised.

If that wasn’t enough, each audio channel should also simultaneously display its current pitch and when clicked on should display it’s individual musical score in it’s entirety.

Oh, and to avoid the use of a streaming server if possible!

Features

  • Multi-track audio sync
  • Dual-track video sync
  • Synchronized pitch display and musical score
  • Progressive download CDN cache friendly (440 MP3 files!)

Technology

  • Actionscript 3 + Robotlegs

Project

  • My Role: Lead Flash Developer
  • Agency: Stinkdigital & Tribal DDB
  • Awards: Cannes Lions Gold, Silver, Bronze x2, Clio, D&AD Yellow Pencil, SXSW, One Show Gold x2, Eurobest x3, FWA SOTD

SNCF - Les Petits Service

Winner: FWA Site Of The Day

An interactive video demonstrating that no matter the season, France's national rail service runs without interruption. Drag a seasonal icon into the action and watch the weather change seamlessly.

Hugo Just Different – Kino

Winner: FWA Site Of The Day

An interactive film allowing visitors to explore five different scenes simply by tilting their heads from side to side. The webcam monitors the tilt position of the head, which in turn invokes seamless transitions from one intricate environment to another.

The meaty part of this project was in creating a technique to monitor the user's head movements. Several techniques were explored including OpenCV and Motion Detection (via frame differencing and blob detection), but the process of Frame Matching proved to be the fastest. This involves the caching of calibration images and comparing against the current webcam input using threshold filter-based frame differencing.

The other challenge came in the form of video synchronisation. The solution was to use a single MP4 file stacked vertically with each video frame along with DisplayObject.scrollRect to define the visible area.

Features

  • Custom built head-tilt detection via webcam
  • Tri-track video sync

Technology

  • Actionscript 3 + Robotlegs

Project

Compare The Market - Meerkovo

A social entertainment platform in the form of an enchanting virtual meerkat village. "Meerkovo" allows fans to immerse themselves within one of the richest back stories in recent British advertising.

My main role on the project was to lead the code architecture and build the shell, whilst ensuring that the work of the other Flash Developers would come together seamlessly.

I also created the functionality behind the map, hacking a lot more sexy into the excellent Zoomify component.

And as per usual, all of this under a very, very tight phase one deadline.

Features

  • Multi-depth/quality zoomable map of village
  • Modular adapter pattern interface allowing games developers to independently create mini-games
  • Scalable parallax engine allowing new scenes to be created by dropping in assets
  • Facebook login integration

Technology

  • Actionscript 3 + Robotlegs

Project

  • My Role: Flash Developer
  • Agency: The Mill via VCCP
  • Awards: Honouree - 2012 Webby Awards

Contact

I'd love to hear from you via email

If you’re interested in working with me, please drop me a line - hello :) milkisevil.com