This project was created as a tutorial for Web Designer magazine to show the recent interactive features that have been added to Adobe Edge Animate. As this tool is still in beta there is a slight bug in the output shown here, however this is making excellent progress. This tool will become an essential design […]
Posts Categorized: Motion Graphic
This tutorial for Web Designer magazine was created to show how walk cycles can be created for the HTML5 canvas element with the EaselJS library. This fast and efficient library makes it very easy to add content to the Canvas element in a similar syntax to Flash’s ActionScript. This particular tutorial uses sprite sheets to […]
I’ve been reading up on WebGL for the last few weeks when I’ve had the time. I have decided that the best framework to use at the moment is Mr. doob’s excellent three.js framework. The code didn’t take too long to put together and the part that took the longest was actually just getting the […]
These tutorials have been designed to take you through the basics of using Easel JS, making a simple game that introduces interactivity and creating animated content.
Just a little showreel I put together for clearing week at Bournemouth University. We cover such a wide diversity of areas on the course, the showreel highlights some of the excellent work by 2011 graduates.
Adobe Edge preview has recently been released on Adobe Labs and has had mixed reviews. Some people claim it is not truly HTML5 because the animation should be on the Canvas element. However others have pointed out that the canvas isn’t accessible. One of the crucial features of Edge, which I particularly like, is adding […]
This tutorial was pitched to Web Designer Magazine to feature the new experimental technology ‘Wallaby’ available from the Adobe Labs website. Wallaby is a standalone piece of software which converts Flash animation into iOS friendly HTML5. Sadly it doesn’t yet work with ActionScript, however the ‘stop();’ command does work so you can achieve quite sophisticated […]
Working with Video Editor – Jon Nichols, I was commissioned to produce five motion graphic overlays for the new Mercedes Vito micro site Made for the People. The process started by having a meeting with Jon to discuss possible ideas and the way he planned to direct the video. We explored the idea of using […]