Official movie site
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
Parallax scrolling website & Wordpress CMS
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
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.
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
Mobile Web App
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
Parallax scroll website & CMS
A simple yet elegant responsive website featuring fullscreen parallax scrolling backgrounds.
Technical Details: HTML5, CSS3, Responsive, Parallax, CMS
Rich media website
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.
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.
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.
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.
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.
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.
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.
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
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
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.
Latest from the blog
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