NAVIGATION:

 

SUPPORTERS:

FlashComponents
  Flash Templates
  Flash Gallery
  Flash Slideshow
  Flash Menu
  Flash Design
  Flash Video
  User Interface

 

FOLLOW:

RSS it down! Twitter it up! Facebook it like a fiend!

 

 

 

 


Planning Isometry in Flash
         by senocular

There are two main reasons why 2:1 is preferable for your isometric work in Flash. One is that it gives us nice, even, and simple numbers to work with. There's no reason in messing around with complicated decimal and fraction variations of screen placement if you don't have to. The other reason is that it makes drawing isometric views in Flash easier.

Granted, the method described previously with rotating lines isn't brain surgery, but what's easier is using the line tool with snap to grid on and just drawing point to point lines along the grid at 26.6 degrees (for every 2 spaces left or right moved, move 1 up and down). But, the advantage is not only for drawing from within Flash, but also for imported isometric pixel art, which itself is also based on the 2:1 x to y ratio. Keeping your programming on that basis will allow those images to mesh well with the movement about your isometric grid.

Yes, isometric movement is grid based. What isn't, right? In an isometric perspective, you are moving along two directions along a flat plane. For all events and purposes in our isometric world, we'll say along x and y. Here you have to make another choice. Which way is x and which is y? You cant really base it on the current x or y because in the isometric grid, going in either direction would involve going the both distances of either x or y.

Consider the following:

As you can see, either direction along the grid causes the same span of movement along each axis along Flash, neither is definitively along the y axis or along the x. What I say is that direction A is along the y and direction B is along the y. I'm also going to say that A is pointing in the negative direction, and B is pointing in the positive. With that as a basis for our grid setup, we get the following.

With the far left grid space being point 0,0. So with that now straightened out, we can start programming our isometric code.

Where to now? This can be the hard part. Depending on how functional you need your isometric world to be determines how deep you need to get into it in programming. The choice of including or not including one option can change the whole programming style used in your approach. First, we'll start off with the absolute basics.

Senocular

 

SUPPORTERS:

kirupa.com's fast and reliable hosting provided by Media Temple. flash components
The Text Animation Component for Flash CS3
Check out the great, high-quality flash extensions. Buy or sell stock flash, video, audio and fonts for as little as 50 cents at FlashDen.

Flash Transition Effects

Flash Effect Tutorials

Digicrafts Components
The best flash components ever! Upload, publish, deliver. Secure hosting for your professional or academic video, presentations & more. Screencast.com
Streamsolutions Content Delivery Networks Flipping Book - page flip flash component.
Learn how to advertise on kirupa.com

cdn
content delivery network (cdn)