A Flash Developer Resource Site


Create Flash animations without coding with FlashEff


Turn Flash in Desktop App or Widget. Win & Mac.


FreeSpin3D – 3D in a Flash. Real-Time 3D for Developers and Designers.


World's Favorite Flash Tool 200,000 users and growing!

PDAs
PC Notebooks
Printers
Monitors


 
Search
 


Gartner Whitepaper: How IT Management Can "Green" the Data Center. This Gartner research provides IT managers with an outline of the trends affecting datacenters & offers strategies with which to address these changes.

Just because Web sites are easy to build these days, that doesn't mean it's easy to build a quality Web site that meets your business objectives.

Before developing your next Web site, or redesigning an existing site, download this Internet.com eBook to guide you through the process and plan your project, whether you're developing a site in-house or outsourcing the project.
Register now for your free Internet.com membership to download your complimentary eBook. Membership will also give you access to:

eBook library         Whitepapers         Webcasts
Newsletters         WinDrivers
Featured Flash FLA
Gallery Downloads 11194 Flash Movies | 7 New Flash Movies Added
What's New | Top 100

Featured FLA

» Author: Kaushik Basak
» Title: Head
» Description: This is another example of basic keyframe animation.
» More by Kaushik Basak


Random FLAs | Add Flash Movie
Featured Flash Site
Gallery Downloads 6608 Flash Sites | 4 New Flash Links
What's New | Top 100 Flash Site

Featured Site

» Posted in the Flash Kit Links section
» Title: eigoMANGA STUDIOS
» Comments: eigoMANGA STUDIOS is a business to business consulting firm that develops anime and manga projects for other business organizations


Random Links | Add your own Flash Related Links
Flash Tutorials 1170 Tutorials 7 New Tutorials Added!
What's New | Top100

» Create Graduation Photo Slideshow to Cherish School Memories
» Making movieclips point at the mouse
» Create Flash slideshow for Youtube
» Move a sprite with the keyboard
» Convert FLV to AVI video with DIVX codec to author a desired video with your favorite FLV movie!
» Flash Video Conversion Guide for Apple TV
» How to Convert FLV to iPhone movies
» Convert FLV(Flash Video) video to Cell Phone
» Convert FLV to AVI with XviD video codec to enjoy a DVD quality video with half of its size
» Unknown Tag: Title10
Random Tutorial | Add Site

bbm.netBBM.net is designed to save you time and deliver the highest quality royalty-free music for your multimedia projects. Features include: over 450 Music Loop Packages from some of the best composers in the business, our music search engine to speed your selection process, alternate music versions & bonus sounds to use for rollovers or transitions, free technical support and free consulting.

Click here for details »

Web Designer
Aquent
US-NJ-Parsippany

Justtechjobs.com Post A Job | Post A Resume


Tutorials Home What's New Top Rated Submit myTutes Random!

Search Tutorials


Tutorials Tutorials » Math-Physics

Categories Vectors to Speeds
Author: Alex Dodge | Website: http://alexdodge.net |

 
Page 1
1

Okay, to start out, this is my first tutorial. Bear with me.

This tutorial is about how to disassemble a force, direction vector in to x speed and y speed for moving a symbol. This will be useful if you have a symbol that you want to propel at a specific speed at an angle that is not perfectly along the X or Y-axis.

When you've finished this tutorial, you'll have a little game with a spaceship that is controlled with the keyboard.

All right, thus endith the preambles.

First, start a new flash file. Good job.

Now, draw a little circle with another, small circle to the right of it. This is your spaceship. Turn it in to a movie clip symbol. Name it "ship".

Okay, open up the actions of your new symbol. Put the following code in it:

---

onClipEvent (load){
dir = 45;
speed = 5;
}

onClipEvent (enterFrame) {
xspeed = Math.cos(dir*Math.PI/180)*speed;
yspeed = Math.sin(dir*Math.PI/180)*speed;
_x += xspeed;
_y += yspeed;
_rotation = dir;
}

---

This, basically, takes the direction and speed, converts it in to x and y speeds with a pretty little bit of trig, then moves the ship by that much.

If you ran it now, you'd see your spaceship zipping off at a forty-five degree angle towards the lower right corner of the screen. Cool huh?

Now, you need to add keyboard inputs, since retyping the variables in the preloader every time you want to turn.

Add the following code to the onClipEvent(enterFrame):

---

if (Key.isDown(Key.UP)) {
speed += 2;
}
if (Key.isDown(Key.DOWN)) {
speed += -2;
}
if (Key.isDown(Key.RIGHT)) {
dir += 15;
}
if (Key.isDown(Key.LEFT)) {
dir += -15;
}

---

This, basically, just lets you change the dir and speed variables with the arrow keys.

If you ran the script now you would have a little zippy spaceship that you could move around. Fun, huh?

Well, that's about it. If you want to know how the vector itself is decomposed, I'll give a quick watered down version:

If you think of the vector as a triangle where you know the angle and the hypotenuse, then you can use sine and cosine to find the other two sides.

Taa daa! Very watered down...

Okay, that's it. Have fun!

1

» Level Intermediate

Added: : 2002-11-02
Rating: 7.43 Votes: 72
Hits: 2649
» Author
My details? Hm... All you really need or want to know is on my blog, alexdodge.net...
» Download
Download the files used in this tutorial.
Download (4 kb)
Get conversion and unzipping tools for PC and Mac here!

» Forums
More help? Search our boards for quick answers!

Please rate this tutorial, 10 is the top rating, you can also click the comments link to read/write a review.
10 9 8 7 6 5 4 3 2 1
Read or Post Comments
 
   
 



JupiterOnlineMedia

internet.comearthweb.comDevx.commediabistro.comGraphics.com

Search:

Jupitermedia Corporation has two divisions: Jupiterimages and JupiterOnlineMedia

Jupitermedia Corporate Info


Legal Notices, Licensing, Reprints, & Permissions, Privacy Policy.

Advertise | Newsletters | Tech Jobs | Shopping | E-mail Offers