Javascript to control a layered 360

August 11th, 2011

This is still a work in progress but I wanted to get it up here so that I could see what needs work.

The comments below are for the proof of concept that is available here.

I have a love / hate relationship with code 360s. On the one hand they seem to appear in pretty much every site I have worked on and so effectively they pay the bills. On the other hand – same shit – different day.

So what happens if you take a 360 player and try to make it do new things?
First lets build it with JavaScript instead of Flash – that should be fun …. I did this for the fordCmax site.

Next – how to just change the tint of an object. I had a bit of a mess around and here is the result

It needs a bit of work still – there are issues with the load management – I need to write something for this but it wasn’t obvious until I put the demo online.

How is it working – the image is created as a composite of 4 layers – base, mask, reflection and shadows. The colour is changed by dynamically changing the background

Leave a Reply