By popular demand, the following features have been added to the WCSMT Maker, right now, we’ll call it a BETA version and appreaciate any feedback or bug reports:

• Camera Test (automatic): This feature will test the camera image before starting an animation to prevent those blank animations from popping up. If you can’t see your webcam’s image and you fail the camera test, please follow this recommendations.
• Timer Enable/Disable : Now you can disable the timer,and capture a frame without having to wait 3 seconds if that is easier for you.
• Ghost Frame: A guide that shows you the contents of the frame before.
• Grid: A simple grid to help you align things on the image.
• Bought the domain wcsmt.com (Thanks Dave!)

http://www.piterwilson-toys.com/wcsmt2/maker/

The problem:

Mobile Safari only allows animated GIFs up to a certain size (that is a function of the dimensions and number of frames).  If the images are larger than the limit, Safari only renders the first frame.

Much to my misfortune while working with a friend to make an Iphone app for the WCSMT website, we came to the realization that the Iphone has serious limitations to display animated gifs. Coupled with the total inability (or better put : reluctance) to display flash content, it makes the Iphone very unfriendly to displaying short animation formats, like the ones on WCSMT or Miniclip’s SketchStar.

I realize this is a very small section of the market (people who like short animated gifs) and that the animated gif is an ancient format to begin with and not a lot of people have a practical use for it. Still i set out to find the way to display short-lenght animation formats where proper video pulig-ins are overkill (or too difficult to implement practically with web-based toys that create animations).

Solution:

A javascript class that will take an array of images and display it at a constant speed. This is pretty much a simplified javascript slideshow that goes very fast!

Here’s an example, making an animated gif of this to display on the Iphone would be impossible:

How does it work?

<script src="http://www.piterwilson.com/stuff/js/prototype.js"></script>
<script src="http://www.piterwilson.com/stuff/js/animationPlayer.js"></script>
<div id="animationPlayer" style="width:320px;height:240px">
</div>
<script>
var frames = new Array();
var i;
for(i=1;i<10;i++){
frames.push("http://www.piterwilson.com/stuff/animation/animation00"+i+".jpg");
}
var myPlayer = new AnimationPlayer(frames,$('animationPlayer'));
myPlayer.play();
</script>

1. Include prototype.js
2. Include animationPlayer.js
3. Declare and array of paths to the frames of the animation. They can be jpg, gif, png or whatever.
4. Create an instance of the AnimationPlayer class, pass the array as parameter 1 and a div reference as parameter 2.
5. Call the play() function! that's it!

You can also change the frame rate by setting AnimationPlayer.frameRate to any value (in milliseconds)

Get prototype JS at http://www.prototypejs.org/
Get the AnimationPlayer class here http://www.piterwilson.com/stuff/js/animationPlayer.js

on Dec 9, 2008 the new WCSMT was released. Ever since i have been putting together these little videos that are reminiscent of the Face ones created at Fabrica years ago by Ross Phillips and the Interactive team there.

So here are some announcements regarding the near future of WCSMT:

All animated .gifs will be deleted by Dec 9th, 2008

If you are fond of any particular animation you created, download it now.

It pains me to take these offline but we gotta make room for the new version to come. Of course this animations are backed up and we’ll put them back online when we find some space.

The new version should roll also in DECEMBER 9th 2008

For the time being, we are dropping the animated gif format as our presentation format, as it is very bulky to store and transmit. Instead we are switching to PNG files, played back by a custom flash player embedded on HTML.

However it will be possible to download all animations as animated .gif for those who want to store the animations themselves.

Animations will have a 20 frame limit, instead of 10 and will have greater resolution.

Animations will have an expire date, after which they will be deleted to make room for the newer ones and keep things in a manageable size. We have yet to determine what is the best expiry time on our animations. We appreciate suggestions.

There will be some minimum ads on the site.

Animations will be moderated.

These are some screenshots of the new version:

Sorry for the delay in updates. Current Piterwilson.com projects are not abandened. Things are howeever, very busy , there is more updates to current projects coming really soon.

The 54th edition of Proyecto Diseño features all the nominees for the XI edition of the PLA (Iron Pencil) Design award aimed at Colombian professionals. This year they have 95 finalist projects in 21 categories in areas of design like architecture, product design, clothing design, graphics, Internet among others.

2 of my projects compete against each other on the Interactive Design category, which pretty much means i win by default.

La número 54 de la revista Proyecto Diseño presenta todos los nominados a la XI edición de los Premios Lapiz de Acero. Este año cuentan con 95 finalistas en 21 categorias como arquitectura, producto, modas, gráfica e Internet entre otras.

2 de mis proyectos compiten entre si en la categoría de Diseño Interactivo, lo cual quiere decir que gano “por W”.

And we are back!

Moved to a bigger server. Some optimizations and updates were done too.

The web-cam-stop-motion-thing got posted on the front page of digg and in less than an hour the server was destroyed thanks to the digg effect.

I got this letter from my host saying it was taking up more than 20% for processor load and so they have pulled the plug. I’m talking to them about upgrading to have things back up soon. (it was about time i did anyway)

Yey! i was on digg

PS: still need some animation goodness? why not check out Sketchstar (beta) in the meantime?