HTML5 Musical Balls

musical-balls

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.

Demo here.

Source code here.

…Read more

Dark Intellij 11 color scheme for actionscript

I recently upgraded Intellij from version 10 to 11. Jetbrains have upgraded he syntax colouring for actionscript and javascript in this version so it is now separated ( in version 10 it was combined). This is great except they never wrote an import script for bringing your actionscript colours from version 10 over to 11, if you try it you are are going end up with a hot mess. I’ve manually recreated what I had previously by hand. If you…

…Read more

HTML5 Collage Creator

Collage

This week I started playing around with colour analysis in html5. I used it to create an image collage of your Facebook profile from your Facebook friends photos. I was quite surprised at how well it preformed particularly on mobile. As its nearly Christmas I managed to role this experiment into an interactive Christmas app.

…Read more

New HTML5 Portfolio

portfolio screenshot
This week I put my new portfolio site live showcasing some of the client work I’ve done over the past two years. I decided to it would also be a good opportunity to skill up on the latest advances in html5. The concept behind the site was to create a typically Flash style experience but using javascript/css3 and html5 instead. The most interesting feature of the site is the fullscreen animated background. This was created using the…

…Read more

Australian Income Tax Calculator

PayCalc is a new app I created for iPhone. It allows you to 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. Its quick and simple to use, its free for a limited time so head over to the Apple store to download it.

…Read more

Ant task to terminate Flash Player Debugger

I’ve just switched over to IntelliJ as my actionscript editor. The IDE is great, really fast with some great features. Check out the review over at Flash magazine.
They only recently introduced actionscript support so its still kind of light on customisation for developing with the Flash platform. One thing that was driving me nuts is that when you debug a swf it always opens in a new window. There is no close previous player or terminate process. However…

…Read more

Away3D BezierPatch

image warp

I’ve been playing around the BezierPatch primitive in away3D recently. It works in a similar way to the bezier surface i created. Its quite easy to create some very interesting effects. The source for this is on wonder.fl so fork it and make it your own.

BezierPatch away3D – wonderfl build flash online

…Read more

Warping Bitmaps with a Bezier Surface

image warp

If you have read my previous posts on drawTriangles, you will see that I love warping images. I decided to take this a bit further by using a Bezier surface. A bezier surface or bezier patch can warp a grid by using a set of control points…

…Read more

Drawing a dashed line using the AS3 drawing API

image warp

I was surprised recently to learn that the actionscript drawing api did not include a dashed-line style in the options. Well not to worry, drawing a dashed line is fairly straightforward. You just need to calculate the distance between each drawing points and divide it by the gap space. Then use a loop to draw multiple lines between the points, toggling the alpha to 0 or 1 on each iteration. Its not…

…Read more

Flash 10 drawTriangles

image warp

Adobe introduced some new functions in the flash 10 drawing api for 3d support. One of them is drawTriangles. This enables bitmaps to be drawn to a 3d mesh. But it can also be used in 2d for skewing and warp effects. In a nutshell it allows you to define a shape and then map points of a bitmap to this shape. Click on the examples below to see…

…Read more