Fantastic Bones tutorials of flash cs4/5

Bone tool is a new dimension in flash that can make walk cycle and animation much easier than ever before. so i have searched for some bone and inverse kinematics tutorials for you guys. hope they will be helpful

Adobe Flash CS4 Tutorial- How To Use The Bone Tool

Flash CS4 Bone Tool Tutorial

Bone tool tutorial Flash CS4 Professional (update)

The Bone Tool - Inverse Kinematics in Flash CS4

Flash CS4 Bone Tool Tutorial **REMAKE**

Flash CS4 Bones Tutorial Part 1

Flash CS4 Bones Tutorial Part 2

Flash CS4 Bones Tutorial Part 3

Flash CS4 Bones Tutorial Part 4

Flash CS4 Bones Tutorial Part 5

Flash CS4 Bones Tutorial Part 6

CREATING MOUSE TRAIL WITH ROTATION IN FLASH AS3

this blog is all about use of actionscript 3.0 to make a mouse trail animation with rotation. modification can be done to different aspect of the mouse trail by varying the appropriate numbers.

Process:

1. create a new file with actionscript 3.0.

2. draw a circular shape. select it and convert it to movieclip with name mycircle. keep registration point on centre.

3. you can delete the mycircle movieclip from stage as it is included into library. open library and select mycircle. rightclick on it and goto linkage.

4. on the linkage property window set class as MyCircle. check on "Export for actionscript". press ok. There will be a flash warning window suggesting it can’t find a class named “MyCircle”. No Issue, when we run our movie, Flash will create the "MyCircle" class for us. So go ahead.

5. Make a new layer and name it "actionscript". On the first frame pase the below code.

//Start a timer. Timer calls the timerHandler every 0.2 seconds.

var timer:Timer = new Timer(200, 0);

timer.addEventListener (TimerEvent.TIMER, timerHandler);

timer.start ();

//Get the center coordinates of the stage.

var centerX:Number = stage.stageWidth / 2;

var centerY:Number = stage.stageHeight / 2;

//This function is called by the timer.

function timerHandler (e:Event):void {

//Create a new Circle.

var newCircle:MyCircle = new MyCircle();

//Set the position to same place as where the mouse cursor is.

newCircle.x = mouseX;

newCircle.y = mouseY;

//Calculate x and y distances to the Circle

//from the center of the stage.

var dx:Number = newCircle.x - centerX;

var dy:Number = newCircle.y - centerY;

//Calculate the distance to the Circle from

//the center of the stage (Pythagorean theorem)

newCircle.radius = Math.sqrt(dx*dx + dy*dy);

//Calculate the angle of the Circle from the center

newCircle.myAngle = Math.atan2(dy, dx);

//Set the angle speed (how fast we rotate)

newCircle.speed = 0.06;

//At first,set the Circle to be invisible

newCircle.alpha = 0;

//Assign a random scale to the Circle

newCircle.scaleX = Math.random() + 1.5;

newCircle.scaleY = newCircle.scaleX;

// Get access to the ColorTransform instance associated with the Circle.

var colorInfo:ColorTransform = newCircle.transform.colorTransform;

// Set a random color for the ColorTransform object.

colorInfo.color = 0xffffff * Math.random();

//Apply the random color for the Circle

newCircle.transform.colorTransform = colorInfo;

//Add the Circle to the stage

addChild (newCircle);

//Add ENTER_FRAME to animate the rotation

newCircle.addEventListener (Event.ENTER_FRAME, moveCircle);

}

//This function rotates a Circle

function moveCircle (e:Event):void {

//Get the Circle from the event target

var Circle:MovieClip = e.target as MovieClip;

//Calculate the new x and y positions for the Circle

var newX:Number = centerX + Math.cos(Circle.myAngle) * Circle.radius;

var newY:Number = centerY + Math.sin(Circle.myAngle) * Circle.radius;

//Increase the angle for the next frame

Circle.myAngle += Circle.speed;

//Assign the new position

Circle.x = newX;

Circle.y = newY;

//Decreate the radius to get a "spiral" animation

Circle.radius -= 0.6;

//Reduce the scale

Circle.scaleX -= Circle.radius * 0.0001;

Circle.scaleY -= Circle.radius * 0.0001;

//Increase the alpha if it's not one and radius is larger than 50

if (Circle.alpha < 1 && Circle.radius > 50) {

Circle.alpha += 0.05;

}

//Start decreasing alpha if radius is smaller than 50

if (Circle.radius < 50) {

Circle.alpha -= 0.005;

}

//If radius is smaller than zero, remove the Circle

if (Circle.radius < 0) {

Circle.removeEventListener (Event.ENTER_FRAME, moveCircle);

removeChild (Circle);

}

}

6. Now publish the file. and you will have your circular mouse trail with rotation in action.

Enjoy

Download Source File:

https://sites.google.com/site/pageflipsite/circle/circular.zip?attredirects=0&d=1

50 awsome flash based website you must take a look

1. Saizen Media Studios

2.DrawingArt – WebDesign and Development Studio

3. Section Seven

4.Semisture Webdesign

5. Fl-2 Interactive Agency

6. Lecaid Design Studio

7. Esj * Com * AU

8. Recom CGI

9. Millice – Cyril Louis

10. HYPR – Interactive and Creative Design Studio

11. TwistCube

12. Go For Change

13.John Wright Photo

14.Timothy Hogan Photography

15.LS5 Design Agency

16. SoyTuaire Labuat

17. Mattthias Dittrich – Interaction Design Portfolio

18. Museum of Science and Industry

19. Parasol Island – Film Animation Interactive

20.Unouplus

21.MultiAdaptor: Branding & Identify Systems

22. Chemical Box

23.Hello Monday

24. Blanc Fonce

25. 2Advanced Studios

26.Magnetic North – An Interactive design company

27. In2Media – Digital Agency

28. Cartelle – Interactive Studio

29.Progetty Studio

30.Narrow Design

31.Yodabaz – Fresh Webdesign

32.Aiala Garcia – Art Director and Webdesigner

33.PMA – Projects

34. Mcinen

35. Nvidia Speak Visual

36. Okay Dave – Dave Werner Portfolio

37. Michael Kelley Photography

38. Maven Interactive

39. Unit 9 – The Creative Mind

40. CreakTif!

41. Experience 159 – Alfa Romeo

42. NikeLab

43. Morris Code

44. CocaCola Zero

45. CocaCola Hapiness Factory

46. Living Sasquatch

47. Comcast Town

48. MadeForEachOther

49. Feed Your Ego

50. BePop Jeans