Philip Andrews Interactive Developer

Interactive experiences I've developed.

This is the portfolio for Philip Andrews. I am a freelance interactive developer based in Melbourne, Australia. I specialise in creating digital brand experiences using Flash and HTML5.

Here you can find examples of selected client work. On my blog, Github or jsdo.it you can view my experimental and open source projects.

If you would like to see my professional experience please checkout my LinkedIn profile or to get in contact drop me a line via email.

 
 

The Gunman

Official movie site

The Gunman

Responsive website for the action movie "The Guman". The site features fullscreen background video rendered through a Canvas layer. This allowed us to create the cinematic masking video effect.

Technical Details: HTML5, Video, Responsive, AngularJS, Greensock, Tweenmax, Canvas, EaselJS

Salsas

Parallax scrolling website & Wordpress CMS

Salsas

Parallax scrolling website for the Australian food franchise, Salsas. The site was built with REM units which allows us to scale all elements on the site to fill the browser window. Also features a customise Wordpress backend.

Technical Details: Parallax, Wordpress, CSS3, AngularJS

Water Cycle Games

HTML5 e-learning game

Water Cycle Games

HTML5 platform game designed for mobile & desktop and built using the Phaser JS framework. Learn about evaporation by reflecting rays from the sun into the water to form clouds.

Technical Details: HTML5, PhaserJS, Mobile.

Collingwood Video Hub

Responsive Web App

Collingwood Video Hub

Upload your supporter video to the Collingwood FC website. Then mix-and-match other submissions to create your own unique Collingwood Video Ad. Featuring a custom Angular module to allow for cross-platform drag and drop support.

Technical Details: HTMl5, Video, Web-app, Responsive, AngularJS

Spiderman Caught on Camera

Using your phone's browser this web-app allows you to add a Spiderman pose to your camera photos. A kind of Spiderman photobomb. Also features custom image filters to enhance the experience.

Technical Details: HTMl5, Canvas, Web-app, Mobile, AngularJS

Woodland House

Parallax scroll website & CMS

Woodland House

A simple yet elegant responsive website featuring fullscreen parallax scrolling backgrounds.

Technical Details: HTML5, CSS3, Responsive, Parallax, CMS

Father Bob | The Larrikin Priest

Part book, part documentary, this is a reading experience that goes beyond the covers. Each True Story is inspired by a book Penguin has published, a real Australian story.

Technical Details: HTML5, Video, parallax scroll.

Lindeman's Wine Wheel

HTML5 Canvas application

Lindeman's Wine Wheel

Browse the wine catalog with just one spin of the wheel. Built primarily with Canvas this interactive tool serves as a fun addition to the website. It provides an elegant solution to browsing a large range products at once. The wheel allows you to spin, zoom and filter the entire wine range. Works great on tablets too using touch controls.

Technical Details: HTML5, CreateJS, EaselJS, Canvas.

Marvellous Creations Mixer

Mobile HTML5 Game

Marvellous Creations Mixer

HTML5 instant win game. Designed for mobile first and built in Canvas using EaselJS. The game mechanics are pretty simple, simply press start to commence play. The game drops a few random ingredients into the mixing bowl which run then fly through a series of pipes. If the correct combination of ingredients exit the pipe you'll win a prize.

Technical Details: HTML5, CreateJS, EaselJS, Canvas, Game, Mobile.

Peeples Movie Family Portraits

HTML5 Poster creator

Peeples Movie Family Portraits

This site allows you to create your own awkward family photos. Follow the video prompts from the Peeples movie characters and add your own photos to the one of the portraits. You can adjust the layout and colour of the photos you upload. Once complete you download the photo or save it to a social network.

Technical Details: HTML5, CreateJS, EaselJS, Canvas, Mobile, Facebook Api, Webcam.

Jam Jar Xylophone

HTML5 Music Game

Jam Jar Xylophone

HTML5 based music game targeted at a younger audience. Watch the Toy Story characters play tunes on the Xylophone, then play them back in the correct order to beat the game. The game and sounds are compatible across a number of browsers and mobile devices.

Technical Details: HTMl5, jQuery, Angular JS, Web Audio API.

The Opera House Project

Rich media website

The Opera House Project

A rich media website to showcase the story of the Sydney Opera House. The site is presented in documentary format. It contains interactive albums made up of photography, audio and video. The site has been built to work in modern desktop and mobile browsers.

Technical Details: HTMl5, jQuery, Angular JS, video, audio, xml backend.

Calling Compilations

Facebook App

Calling Compilations

Facebook app which utilises the Spotify api to allow users to create music compilations and post them to their timeline.

Technical Details: HTMl5, jQuery, Angular JS, Spotify API, Facebook API, Fuel CMS.

The Wish Effect

Campaign website + Mobile site

The Wish Effect

Frontend development for the Make-a-wish foundation Wish Effect campaign. The site features parallax scrolling and advanced CSS3 animation to create a rich interactive experience.

Technical Details: HTMl5, jQuery, CSS3, Angular JS, Fuel CMS.

Clean Energy Jobs Map

Campaign microsite

Clean Energy Jobs Map

This map is unique as all the map shapes are drawn dynamically. Rather than using a prebuilt vector graphic, the client was able to supply us with Longitude and Latitude coordinates for the boundaries of Australia and its states. The coordinates are stored in a database and are delivered to flash and then drawn as X/Y coordinates.

Technical Details: Actionscript 3. Robotlegs & As3Signals MVC framework. AMFPHP remoting.

Big 5 drive

Campaign game

Big 5 drive

This game challenges you to race against the clock through the Kenyan scenery. At the end of each stage your remaining time and jump height are used to calculate your score. If you score big you can make it onto the leaderboard. Rocket propelled speed boosts can be gained by inviting friends to the game via Facebook-connect.

Technical Details: Actionscript 3. Robotlegs & As3Signals MVC framework. AMFphp remoting. Box2d physics. Facebook api.

Experiments

Latest from the blog

Experiments

Last Christmas we created a fun bookmarklet to pay homage to the cats that invented the internet. The result was "CATMAS". Our bookmarklet replaces all the images on a webpage with wonderful Christmas cats. The cats then proceed to bounce around your screen and meow the Silent Night song.

Technical Details:  …Read more

website awards
philip andrews