Welcome Guest ( Log In | Register)



 
Reply to this topicStart new topic
> 3d Landscape In Swishmax (flash), some syntax differences but basically same as flash
Tsunami
post Dec 2 2006, 04:28 AM
Post #1


Premium Member
********

Group: Members
Posts: 172
Joined: 2-August 06
From: North Carolina
Member No.: 27,662



OK! this tutorial is inspired by a game at addictinggames.com... im not sure how many of you have played it but here it is:
God's Playing Field

Its a cute little game... but when i first played it i though HOW DOES IT DO THAT!!! and by that i mean dot he 3d with the mouse and then today i finally got around to making it...

I used one of the oldest tricks in the book... so lets educate you a lil about flash...

Flash does not support 3D directly, you have to find some way to make your own. You could develop some complicated system for which you could use for any and all of your 3D needs or you could just use this little technique...

the 3 dimensions are X, Y and Z ... the only one's flash knows are X and Y... we have to create a variable for Z and use that to modify the X and Y values so that it "looks" 3d... ok? we do this by creating a scale ratio... or a number by which to multiply them by to make them look 3d


ok start by creating a new movie that is 600 wide and 400 tall... Now create a ground picture... preferably a rectangle with a linear gradient (see example)...

Now make an empty sprite and call it "thing".. inside of thing, draw an oval and then put a shadow under it (optional)...

now click on the scene1 object and add this code:

CODE

onLoad () {
    focalLength = 100;
    width = thing._width;
    height = thing._height;
    Mouse.hide();
}


What this does is it creates a focalLength to help us define our Z... the bigger the number... the smaller the increment of z... the smaller the number the bigger the increment of Z... so if you have 500, 1 Z could be about .5 inches and if you have 5, 1 Z could be about 5 inches... you could play with this number... but for the demonstration i used 100... we also saved our original width and height variables and hid the mouse...


now underneath that add this code...
CODE

onEnterFrame() {
    if (_ymouse <= (400 - thing._height/2)) {
        z = 200 -_ymouse;
    }
    thing._x = _xmouse;
    thing._y = 200 * (focalLength/(focalLength+z));
    thing._width = width * (focalLength/(focalLength + z));
    thing._height = height * (focalLength/(focalLength + z));
}


What it does is it restrains "thing" so that it is on the screen... it calculates Z by making the middle of the screen the origin and make the mouse's y variable control the Z instead of the y. Thing's X is Mouse's X, However, Thing's y you will notice that it changes depending on Z. so if Z is equal to ten, 200 * (100/(100+10)) = 200 * .9; meaning the bigger the number Z the further it is away from you... Then we do the same thing with the width and the height to give the proper scaling and then were done!

You can then add some animations to thing and what not...

(note* Flash users, whenever i say sprite, for you i mean movieclip... so just change the syntax and add the code to the layer that your movie clip is on instead of the scene)

Preview:
Squish : Could be used to make an ant squishing game of sorts >.<
Go to the top of the page
 
+Quote Post
newt
post Feb 18 2007, 09:04 AM
Post #2


Newbie [Level 1]
*

Group: Members
Posts: 22
Joined: 17-February 07
Member No.: 38,820



Thanks for the tut.
I was just looking at this, and you know this would be a great way to to do a menu, or a navagation.
Go to the top of the page
 
+Quote Post

Reply to this topicStart new topic

Collapse

> Similar Topics

Topics Topics
  1. Flash Movie Loads...(4)
  2. Loadsound Flash Mx(0)
  3. How To Format Your Flash Disk/ Diskettes(6)
  4. Tweening In Flash Mx(10)
  5. Loading Movies Technique In Flash(4)
  6. Making Interactive Cds With Flash(2)
  7. Using An Actionscript In Flash For Loops(0)
  8. Flashing Your Motherboard's Bios(10)
  9. How To Make 3d Wireframes(2)
  10. Digital Time(2)
  11. Load A Another Swf Movie Into Flash Player.(0)
  12. Adding Flash Music Player To Home/any Page(4)


 



- Lo-Fi Version Time is now: 21st August 2008 - 01:27 AM