One of the first jobs I did when I started as a freelancer went live today. Took 6 months to finally get online. That doesn't meant hat I spent 6months working on it, in fact I spent much less time on it.

My contribution to the site are just a couple of flash headers:

Home
It features quite a bit of oldschool key2key animation, and a lot of 3D to vector tricks for some effects.

About - An introduction
How to show a graph in a cool way? It mixes traditional animation with actionscript animation this time, at some point it was quite hard to control what was going on.

About - Why Traffic Broker
This one probably was the hardest one to develop and even being just a simple game. Whenever you put a highscores online, you know the work that it means. Let's see if someone beats me score :P

Clients - Our clients
Nice dynamic flash piece loading 100 logos on-the-fly. Developing this one was piece of cake thanks to Tweener.

Clients - Testimonials
This one is quite traditional, little slideshow between images. It's funny that sometimes it's better to go back to traditional animation using the keyframes, mainly for using flash player's progressive loading and avoid developing the code by yourself/load external files blah blah...

There may be some more pieces to be done for the site in the future, but at the moment that's all. Thanks to Neil and everyone at Traffic Broker for making this job THAT smooth.

#permalink

Oh... inspiration... Today I had a bit and did some more tests with the webcam code I already had. So I came up with a bunch of new realtime webcam effects:

The Blender



http://mrdoob.com/lab/webcam/blender/01/

This one is well funny. I recommend you to stand in front of the camera, and rotate yourself (your head) by the Y axis. You won't see your head twist like that anywhere else.

Overexposed image



http://mrdoob.com/lab/webcam/overexpo/01/

The perfect effect for an instalation if you wanna organise a trendy digital art exhibition :D

Overexposed image + Abduction



http://mrdoob.com/lab/webcam/overexpo/02/

A modification of the previous effect with an abduction effect applied on top.

Broken Camera



http://mrdoob.com/lab/webcam/broken/01/

Weird random line delay. This effect used to happen with some old logitech webcams. Well, more or less ;)

Broken Camera 2 (new)



http://mrdoob.com/lab/webcam/broken/02/

Weird random square delay. Just a modification from the previous one. It's fun too.

...

And here is the bonus for the people that reached the end of this post. The first effect is by far the best one I got today, and you can do really nice distortions effect. Here are some examples:









:DD!

#permalink

Some months ago I was quite frustrated with having to clean the comments in my blogs everyday because the spammers. I ended up getting rid of every form because that.

However I starting to thing about how to use that constant energy that those spammers were generating. With sole we came up with the idea of doing a website and invite all the spammers to write shit on it. Also, giving to the project a bit of utility we came up with the idea of having a map on the top to see where the map was coming from. The site right now doesn't have my super great design (which was very similar to those spam emails with alias fonts and ugly colours), but we wanted to put it out by now and see if the spammers 'contribute' to the project ;)

http://mapspam.net/

If you feel like helping the project to let the spammers hear about, feel free to digg this article ;)

#permalink

Took a while... but it's finally there. I still want to add some extra stuff to be completely happy with it (swfObject and swfAddress) but the base is done finally.

There are some bits of the making of that I wanted to mention...

As you will see there are a lot of images, so the first thing I wanted to do is optimise the loading of images as best as possible so there isn't too much bandwidth consumption for the iikki and neither for the user. I wanted to do a cache of each image, so the user doesn't have to load the same image twice if he goes back to a section he has been before. For doing this, I found the ImageLoader class from Zeh Fernando that helped a lot. This class creates a bitmapData with each image loaded, so if you have to load the same url again, it will check it and if it was loaded already it will reuse the bitmapData one. It also let me have the images with smooth = true, so every image, even the one in the background should look great ;)

While using the ImageLoader class I found the loadingQueue class which lets you create a list of stuff that needs to be loaded with a priority number. In instance, if you go to the print section, all the images will be loading with priority 3, but if you click in a project to see the details, those images will load with priority 1, so they won't have to wait until all the projects images are loaded to start loading. Just so you get it better, the big background image has priority 5. However, I found a 'bug' on this class and had to spend a bit of time understanding how it worked to fix it. If you deleted any of the containers in the queue list, the system stopped completely. I did an small fix and yesterday I sent it to Zeh, seems like he will update official class with the fix.

Talking about the background, the pixelled image is a 10x7 .gif image, it gets generated automatically with the CMS system using the php GD library when iikki uploads a new background image :) That reminds me, I also did the CMS for the site, and I think I finally got it to the point that it is really easy for me to reuse with any other project :) It's a shame I can't show this part of my work tho :P

And, as last thing to mention... as always, I really wanted to optimise the size of the .swf, in fact the original background for the videoplayer was something like 50kb when iikki sent it to me, I managed to get it down to 500bytes. But there was nothing I can do if the fonts that the site were using were THAT big. If the .swf is 160kb, I think 130kb are only for the fonts. Never did a site where the fonts took that much space :)

Anyway, seems like I'm finally getting some projects done. Now I just hope that iikki can use it for a long time :D

EDIT: Forgot to mention something funny. Although I have a MacBook Pro and a Dell Inspiron 6000, I had to do this site with my iBook g4 which made the process a little bit slow (but it was cool to make sure it would go fast on any computer). I had to use the IBook mainly because I have the mbp at work, and this site was a project done overtime, and because the fonts weren't rendering properly under Windows when compiled.

#permalink

It took a while, mainly because I was doing 100 things at the same time too, but here we are.

Some links may not work, I've tried to fix all of them but probably I'm missing some, so, if you find a dead link somewhere, please, let me know :)

By now dreamhost seems like is behaving really well. I've heard a lot of people telling bad experiences and the same ammount of people saying that it was good. From my experience so far, is quite good.

#permalink

As I'm under the Nanika influence daily, I was this weekend wondering if I could reproduce one of their old effects with AS3, I don't know if AS2 would be fast enough for it, but at least AS3 does the trick very well :D

http://mrdoob.com/lab/webcam/nanika/01/

As soon as I had the effect I tested a bit more and did some other variations:

http://mrdoob.com/lab/webcam/nanika/02/
http://mrdoob.com/lab/webcam/nanika/03/
http://mrdoob.com/lab/webcam/nanika/04/

So, for those with a webcam, here you have a new toy to play with for a while.

Also, if you want to check the source code out, here you have:

http://mrdoob.com/lab/webcam/nanika/ nanika_effect01.fla

Enjoy!

PS: I'm still moving my stuff to the new hosting, mrdoob.com index page should be up soon. Apologies for having everything a bit messed up now...

#permalink

Long time without doing any experiment with PV3D, right? Here we're back again... New experiment! with 4 variations.

*A webcam is needed this time*

http://mrdoob.com/lab/pv3d/webcam/t1
http://mrdoob.com/lab/pv3d/webcam/t2
http://mrdoob.com/lab/pv3d/webcam/t3
http://mrdoob.com/lab/pv3d/webcam/t4

if you only see black and you have a webcam, right click anywhere in the flash, go to settings > webcam and make sure you are using there the correct one.

For the ones that doesn't have a webcam, here are some pics of what is all about (although a video would be better).







Thanks to Andreas Müller for the inspiration and to David Singleton for testing it.

Enjoy!

#permalink

I really needed an 'app' or something to preview my files without having to compile all the time, and while I was using it I though someone else would find it interesting

A couple of people have done it before (john!), but I needed to do a custom one with specific working way...



http://mrdoob.com/tools/pv3d_previewer/

So, if you need a previewer, feel free to use it :)

#permalink

Not so long ago (5 months) I still was doing the easeOut animations by hand.. you know, the usual formula:

myObject._x += (finalX - myObject._x) / 20;

One day, a guy in a chat told me about those Classes for doing all this. Then I discovered MCTween, and it was all great, but for some reason, I think because it's based on prototypes, I ended up using MosesSupposes Fuse Kit classes which are less intrusive.

Then I started to worry about the filesize of my files when using MosesSupposes' one. The filesize doesn't get to big, but I'm THAT picky :) Also, the classes hasn't been ported to ActionScript 3, so I started to hate them a bit.

And finally this weekend I found out that Zé Fernando was working on a reversion of his classes and he already did an AS3 version of them.

If you need a tween class, don't look any other, you only need Tweener! :D

Thanks Zé!

#permalink

http://awards.fitc.ca/main/finalists/

The award is in fact for papervision3D, but I was shocked when I was browsing the list and found that they used a screenshot of one of my effects to illustrate papervision3D. Wicked! :)

You guys! Give me the money!!! ;)

#permalink