I'm doing a football game which is now seen from above, I would like to know the easiest way to transform it into a perspective view.
There are a few isometric engines out there.
http://www.emanueleferonato.com/2010/02/23/11-flash-isomet...
http://code.google.com/p/as3isolib/
http://www.kirupa.com/developer/actionscript/isometric_tra...
(tutorial)
http://gotoandlearn.com/play.php?id=136 (Can recommend this site)
What is isometric? Well google images shows alot: http://images.google.nl/search?tbm=isch&q=isometric
It is a kind of a eagle eye perspective that I think you are looking for. And you dont need a full 3d engine for it.
If you just want to rotate the stage and don't care about a fully isometric 3D environment, you can try playing around with the stage.rotateX stage.rotateY and stage.rotateZ properties. For a richer 3D game, you'll want to look at some of the isometric links (posted by SynerCoder) or a full 3D engine like Papervision3D (http://blog.papervision3d.org/)
Related
one customization part of my existing e-commerce website is created in adobe flex, where we are displaying effect of 360 degree rotation of mug (one can consider as cylinder) with all the customization (Add photo, text, layouts etc.) user has made in flex canvas , this was done very easily using paper vision 3D, now we are planning to replace flex with other technology but it seems impossible to achieve the same using HTML5, also we can't go with threejs or webGL due to its IE compatibility issues. While doing research I found Unity 3d which seems good for my purpose, any suggestion on this? I am very new to Unity and designing things, experienced person's opinion will save lots of time of mine :)
I can say "very easily". I suppose your concern is about "putting that texture on the rotating mug, expecting that the texture rotates along with the mug".
If that's the case, you can have multiple choices, from creating a new texture (or merge more images into a texture), or just paste the texture on the mug, and let the "parent-child" system take care of the rotation.
(whatever the parent does, child objects will remain relatively in the same position).
In any way, for unity this should be a quite easy task :)
I am making a game, which is having a theater as room. However right now, it's only meant for simple "swf" shows. But i was wondering, if their is a requirement of a video, then is it possible to convert a plain video, to embed itself in an isometric environment. The video's dimensions would need to be skewed. Is it feasible ?
You can probably rotate the video into position using the 3D API. Try using rotationX, rotationY, and rotationZ. Also you might need to adjust the camera to not draw perspective.
There are also a whole bunch of AS3 isometric engines out there. Some of these might even support video.
I think you will need to use the flash.geom.Matrix class for this, because Isometric is different than 3D in that it maintains its size regardless of distance from the observer.
Have a look at the docs and you will find examples of how to skew an object.
flash.geom.Matrix
I was taking a look at this example, http://gardengnomesoftware.com/samples/pano2vr_3/mozart/ and I was really interested in how it was done.
Do you think it would be complicated to develop such a function using one of the webgl engines out there? Is the panorama image just a texture on a cylindrical model? How is the panorama "cut?"
Perhaps it is just a cube with the images as a texture? You can kind of see the faces when it is loading slowly.
Yes, in this case it is simply a cube that the "camera" is centered in. It's basically the same concept as a skybox in many video games.
How to create a cube-map from photos the way they've done isn't something I have experience with, but the wikipedia article links to some tools that may help, including Hugin
Just after some quick advice. I want to create an interactive animated flash music website that involves the user being able to wander around a rehersal room and interact with objects.
Can anyone recommend a good 3d tool to use along with Flash. Ideally something that I can use Illustrator tpo draw the room/objects, but not essential.
thanks for your help.
Not sure how you would use illustrator to create 3d assets, but I think papervision looks like your best bet.
Otherwise you could use Unity instead of flash. You would get a much better result from Unity.
Another 3D engine for Flash is Away3D. I mention it because Eminem's Relapse album website was built with it and from the sounds of things is simlar to what you are trying to achieve http://www.therelapse.com/#/?room=entrance - in saying so the site could be built with papervision too.
I know it can be done in papevision -> http://codejockeyscorner.blogspot.com/2009/04/papervision3d-anaglyph-scene.html but I'd like to be able to do it just using Flash's 3D functionality. I'm aware that its more 2.5D but was wondering if anybody knew how to create a situation so you can view it with 3D glasses (red and blue)
Stereoscopic images can be made with a simple camera so the choice of a 3d engine shouldn't make a difference : )
Very basically : you have to do is to duplicate the scene (one blue/ onered) and change slightly the PerspectiveProjection for each. The viewpoints need to be placed at a distance proportional to the one you have between your two eyes.