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.
Trashpack
Product website / Mini-game
Trashpack
Frontend development of the Trashpack website. This site features CSS3 animation to enhance user experience of items such as menus rollovers. Its also features a fly swattting mini-game built in HTML5.
Technical Details: EaselJS, jquery, CSS3, html5, canvas.
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.
Choc'em 4D
Facebook app
Choc'em 4D
Facebook app that allows you to create a fun animation from one of your friend's photos. Select a photo, add some subtitles and watch as your friend tries to mumble the words whilst chomping down on a snack bar.
Technical Details: Actionscript 3. Robotlegs & As3Signals MVC framework. Facebook API.
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.
PayCalc
iPhone app
PayCalc
An easy to use Australian income tax calculator app. Enter your total income and you can quickly view your net income across any pay period, Yearly, Monthly, Weekly etc. You can also calculate your income in reverse for example, you can enter your net income per week and then view your gross income per year.
strong>Technical Details: Titanium Appcelerator. iOS.
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.
Vision of humanity
Interactive infographic
Vision of humanity
This map application is built in flex and is used to render the statistical data of various countries peace ranking. The application is connected to a database via amf remoting. The application also features an ajax bridge built in jQuery so that when the map updates the html tables on pages are also updated.
Technical Details: Flex 4. Pure MVC framework. AMFphp remoting. Swfaddress.
Stereoclip
Desktop app
Stereoclip
Stereoclip is a music video player that works with iTunes. When you are playing any song in iTunes Stereoclip will search YouTube and play the music video which matches that song. There is no setup required, simply start playing a song in iTunes open Stereoclip and it will automatically search for and play the best video match. When the song changes in iTunes Stereoclip will then search for the next video
Technical Details: Actionscript 3. Adobe Air. Robotlegs.
Telus Rockgarden
Campaign microsite
Telus Rockgarden
Campaign microsite featuring an interactive zen garden where the users could create their own Path to Certainty by picking up the rake with their mouse and drawing a pattern in the sand. This campaign picked up an award from Applied Arts Magazine Canada.
Technical Details: Actionscript 2. BitmapData drawing.
span class="button"> Visit site
Experiments
Latest from the blog
Experiments
Wow its been over a year since I last blogged. Anyways, here is something fun I put together today. Its a bouncing balls collision animation. When the balls collide they play a familiar tune. Make sure you try it on your iPad or iPhone as the sounds work via the web audio api (on iOS6+) and tilting the screen will change the direction the balls are traveling.
Technical Details: …Read more