Piterwilson = Juan Carlos Ospina Gonzalez » as3

Photoshop style color picker gradient in as3

Piterwilson — Thu, 11 Nov 2010 15:23:27 +0000

Have you ever tried to make a “Photshop style” color picker gradient in ActionScript 3.0?

I have! Here it is! pretty colors are neat!

This example builds upon the color scpectrum examples by boostworthyisryantaylor (http://www.boostworthy.com/blog/?p=200) and Paul Coyle’s AngularColour (http://paulcoyle.com/)

And here’s the code PhotoshopStyleColorPicker

WCSMT 2 Status

Piterwilson — Sun, 09 Nov 2008 14:10:46 +0000

Ever since the crash of WCSMT, we’ve thinking about the way to bring it back out little home-brew experiment a sustainable presentation. Plans were drawn, sketches made and a new version is in full development.

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.

Pie Chart example in AS3

Piterwilson — Thu, 04 Sep 2008 11:02:20 +0000

Download source

A sample class to make a dynamic pie chart in Actionscript 3, it includes a sample Tooltip class.

Spinning a disk, detecting mouse angle in AS3

Piterwilson — Tue, 12 Aug 2008 19:58:09 +0000

(This is a follow up on a previous Pivot rotation post i had)

Making an object’s rotation follow the mouse is easy enough, but it got a bit tricky when i wanted this rotation to be set only when i actually dragged the mouse around and not inmediatly on the mouse press. It would have saved me some time to have had this example online and i hope it does that for some people.

This class does that when given a MovieClip as a parameter. It broadcasts a couple of nice events to let you know when the rotation starts and ends. See the source file for an example.

Download the Spin disk example (.zip 660kb)

Reach for the stars!

Piterwilson — Tue, 22 Jul 2008 20:42:07 +0000

Updated this excellent example of how to draw a star to AS3 (original was 6 years old!)

Download source and example

make posable puppet in as3, the simple way

Piterwilson — Thu, 22 May 2008 20:54:43 +0000

Even thou Inverse Kinematics are neat and spectacular, they are also very complex unless you are good at trigonometry. A simpler way to achieve a “posable” puppet is to make a graphic element that will rotate around a pivot point. Then, attach another graphic element to the first one that has its own pivot point and repeat as many times as necessary.

Take this example:

source for pivottest

Basic as3 IK puppet skeleton (2)

Piterwilson — Thu, 22 May 2008 19:35:55 +0000

Adding some constrains and making some points “fixed” is possible to create something close to a posable puppet. It’s also possible to store pre-set positions for later use.

source for iktestpuppet2

Basic as3 IK puppet skeleton

Piterwilson — Wed, 21 May 2008 22:06:42 +0000

This is a basic “humanoid” puppet using the IKMember from this post.

Even thou it works more or less for what i want, a lot of limitations are evident: setting different distances betweens different neighbor anchor points or making some of them static

source here : IKTestPuppet #1

Inverse Kinetimatics for as3

Piterwilson — Tue, 20 May 2008 19:05:15 +0000

I’ve trying to create an animated puppet with a skeleton that i can “pose” in flash. After some research i found out that to accomplish my goal i had to use something called Inverse Kinematics.

I don’t really understand the math behind it that well, but i used this tutorial made for as2 to create my own IKMember class, pretty much just copying it but translated to as3. This is my first attempt at the simplest of skeleton puppets : a Snake

Here’s the source code (IKSnake.zip)

PWButton as3 class

Piterwilson — Tue, 20 May 2008 01:26:16 +0000

I often use MovieClips as interface buttons. I’ve put together a class to save myself some time on this task.

The PWButton class takes a MovieClip and turns it into a fully functional button with some time-saving features:

you can use the ‘data’ property to store and retrieve information, such as a parameter for later use on a function
enable() and disable() methods, easily turn the PWButton on and off much like the SimpleButton.enabled property.
you can set the roll over, down, and disabled states using frames within the target movieclip.

example swf:

PWButton.zip