# Isometric stuff?

**URL:** <https://forum.kirupa.com/t/isometric-stuff/13635>\
**Category:** flash\
**Created:** [February 15, 2003, 9:46pm UTC](https://forum.kirupa.com/t/isometric-stuff/13635 "2003-02-15T21:46:38Z")\
**Posts on this page:** 19\
**Page:** 1

<div class="post-metadata">

**Author:** ![cookie](https://avatars.discourse-cdn.com/v4/letter/c/d26b3c/32.png) [@cookie](https://forum.kirupa.com/u/cookie)\
**Post date:** [February 15, 2003, 9:46pm UTC](https://forum.kirupa.com/t/isometric-stuff/13635/1 "2003-02-15T21:46:38Z")

</div>

I’m interested in the isometric stuff which is being done in flash mx. I’ve tried searching for some tutorials but I cant find any “isometrics for dummies”!!=) I would like create something like a 3d plane with a 3d cube moving! I just need to learn the basics!

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [February 15, 2003, 9:49pm UTC](https://forum.kirupa.com/t/isometric-stuff/13635/2 "2003-02-15T21:49:06Z")

</div>

heres a good place to start  
[Click](http://www.google.com/search?hl=en&ie=UTF-8&oe=UTF-8&q=isometric+flash)

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [February 15, 2003, 10:07pm UTC](https://forum.kirupa.com/t/isometric-stuff/13635/3 "2003-02-15T22:07:40Z")

</div>

old, but good =)

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [February 15, 2003, 10:22pm UTC](https://forum.kirupa.com/t/isometric-stuff/13635/4 "2003-02-15T22:22:38Z")

</div>

Need more info! How is an isomtric grid made? Is it done in actionscript or drawn and save as symbol?

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [February 15, 2003, 11:01pm UTC](https://forum.kirupa.com/t/isometric-stuff/13635/5 "2003-02-15T23:01:00Z")

</div>

Howdy…

Ain’t all that depend on how you want things to be??? I’d go with your second choice though… =)

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [February 15, 2003, 11:36pm UTC](https://forum.kirupa.com/t/isometric-stuff/13635/6 "2003-02-15T23:36:46Z")

</div>

Ok I have decided to draw the planes! How do I do this in flash? I start with a square but how do I make it look 3d? Right perspective?

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [February 15, 2003, 11:59pm UTC](https://forum.kirupa.com/t/isometric-stuff/13635/7 "2003-02-15T23:59:51Z")

</div>

heres an example of an isometric cube to get you started

[http://www.kirupaforum.com/showthread.php?s=&threadid=13088&highlight=isometric](http://www.kirupaforum.com/showthread.php?s=&threadid=13088&highlight=isometric)

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [February 16, 2003, 12:01am UTC](https://forum.kirupa.com/t/isometric-stuff/13635/8 "2003-02-16T00:01:58Z")

</div>

Ok I read that but how do you make numeric rotations in flash? All I can do is use the mouse to rotate an object! I can see anything in the info palette!

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [February 16, 2003, 12:17am UTC](https://forum.kirupa.com/t/isometric-stuff/13635/9 "2003-02-16T00:17:09Z")

</div>

transform panel

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [February 16, 2003, 12:51am UTC](https://forum.kirupa.com/t/isometric-stuff/13635/10 "2003-02-16T00:51:59Z")

</div>

hm… i made this a while ago for kirpaville… does it help?

[http://www.kirupaforum.com/attachment.php?s=&postid=83083](http://www.kirupaforum.com/attachment.php?s=&postid=83083)

:A+:

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [February 16, 2003, 12:58am UTC](https://forum.kirupa.com/t/isometric-stuff/13635/11 "2003-02-16T00:58:35Z")

</div>

FYI, progmatically speaking, its easier to go by a 2:1 ratio in isometric perspective as opposed to the isometric 30 degree (or 60 depending on how you look at it) deal which is actually a 1.732:1 ratio

[edit]which I think ahmed’s example uses[/edit]

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [February 16, 2003, 1:01am UTC](https://forum.kirupa.com/t/isometric-stuff/13635/12 "2003-02-16T01:01:02Z")

</div>

You’ll have to excuse my stupid questions but how would I do a 2:1 ratio?

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [February 16, 2003, 1:01am UTC](https://forum.kirupa.com/t/isometric-stuff/13635/13 "2003-02-16T01:01:37Z")

</div>

> \*Originally posted by senocular \*  
> \*\*which I think ahmed’s example uses

yep… i didnt actually know about the 1.7:1 thingie 🙂

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [February 16, 2003, 3:29am UTC](https://forum.kirupa.com/t/isometric-stuff/13635/14 "2003-02-16T03:29:39Z")

</div>

> \*Originally posted by cookieme \*  
> \*\*You’ll have to excuse my stupid questions but how would I do a 2:1 ratio? \*\*

heres a simple example

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [February 16, 2003, 3:33am UTC](https://forum.kirupa.com/t/isometric-stuff/13635/15 "2003-02-16T03:33:42Z")

</div>

for each pixel up, go to pixel to the left/right 🙂

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [February 17, 2003, 5:23pm UTC](https://forum.kirupa.com/t/isometric-stuff/13635/16 "2003-02-17T17:23:35Z")

</div>

OK I finally get the isometric grid! Thanks! My next question is how do I place objects other than cubes and spheres on the grid, so that they are aligned with the grid? To clarify I can place an object on the grid but it will not look right!

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [February 17, 2003, 6:05pm UTC](https://forum.kirupa.com/t/isometric-stuff/13635/17 "2003-02-17T18:05:47Z")

</div>

draw it isometricly?

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [February 17, 2003, 6:07pm UTC](https://forum.kirupa.com/t/isometric-stuff/13635/18 "2003-02-17T18:07:18Z")

</div>

You make it sound easy senocular, but I have no clue “how to draw it isometricly”! If I did I wouldn’t have to ask! =)

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [February 17, 2003, 6:41pm UTC](https://forum.kirupa.com/t/isometric-stuff/13635/19 "2003-02-17T18:41:16Z")

</div>

It’s all about art, from here on in, cookieme. Isometric art is simply art where there are no vanishing points. For the 2:1 ratio you’re using you just have to draw whatever it is you want, but as if you were looking down on it at an angle ~30degrees up from the horizontal plane. Also, forget about all that stuff you were taught in art class about true perspective and vanishing points. They have no place in isometrics.

I would suggest drawing in simple geometric shapes with the right perspective (isometric perspective of course), then fleshing out the drawing to look like what you want it to (kinda like figure drawing with cylinders, cones, spheres, etc.).

Hope that helps.

-Al
