| Trình độ: Cao Cấp | Phần mềm | File mẫu |
| - Vững ActionScript 3 - Biết FlashDevelop - Biết Flash 3D hoặc 3D Engine | - Flash Develop 4 (tải về) - Flex SDK 4.5 r.19786 (tải về) | molehill_getting_start_p2.zip |
| Trình độ: Trung Cấp | Phần mềm | File mẫu |
| - ActionScript 3 - Biết FlashDevelop - Từng sử dụng Flash 3D engine | - Flash Develop 4 (tải về) - Flex SDK 4.5 r.19786 (tải về) | molehill_getting_start_p1.zip |
It been a while I haven't done any animation/e-card for my dear friends. This year, I want to make something different to mark my mature in the Flash carear after 2 years. Here it is (click on the thumb to open the flash movie:
The images are loaded from my FaceBook friends list.
You can find the source code of this app here.
Update 14-June-2010: Profile picture URLs were fetched once via FaceBook API tester and stored in an embedded XML. They may be outdated over time.
Normally, if you want to get the scene coordinates of a child 3D object, use these properties:
However, if you want to get the screen coordinates of a local point other than the object’s original position (for e.g. side of a plane, some random points on a surface of a sphere…), then you have to deal with Matrix3D transform.
Don’t worry, you don’t need to understand what Matrix3D is because I don’t either :). Let’s use what people have concluded here:
If local to global is:
child.transform.calculateMultiply(parent.world, child.transform);
then global to local is:
child.transform.calculateMultiply(Matrix3D.inverse(parent.world), child.transform);
There are 2 things to note with above conclusion:
So here’s how I convert any local positions to global:
If you want to convert the rotation as well, use Matrix3D.copy() to copy all transformation info from the child object. And then after calculateMultiply(), apply the matrix to your scene object with DisplayObject3D.copyTransform().
[Vietnamese Tag – Chuyển đổi tọa độ local sang global trong Papervision3D]
Recently, a challenge have been raised to me if I can make a similar page flip effect like the one at this page. The difference from other page flip libraries is that the page turning effect looks more 3D-like and realistic.
At first glance, the effect might look difficult to replicate. But then I realized that it may be even easier to implement from the traditional page flip effect which requires a lot of overly complicated math. Thanks to 3D engines and modifier libraries at my disposal, I’m hoping to be able to create a 3D paper and manipulate it into a page turning animation.
So if I want to bend or fold something in Flash 3D, the first thing came to my mind is using AS3DMod. However, when I look into it, the modifiers are so limited in terms of controlling interactions. For example, the Perlin modifier can makes the plane wavy like cloth or paper but there no way you can control it since Perlin noise is randomly generated. With Bend modifier, I can bend it only at one section. I can add more modifiers to bend at multiple sections but it is still too difficult to simulate the paper physically.
Here my attemp with AS3Dmod and Papervision3D (click to open the Flash demo): 
So I decided to quit AS3DMod although I still thought that I might be missing something. (Somebody please prove I’m wrong with AS3DMod).
My only hope now is to access the vertices of the 3DPlane and control them with a physics simulator. Fortunately in the Flipper3Maker mentioned above, the paper is not bent from any direction; the bend lines are in parallel. So I’ve come up with the following demo:
I used a simple 2D chain simulator which I got from here (was AS2) and then apply the transform on the rows of vertices on the 3D plane. The achievement here is that I can interact with the “paper” although it doesn’t look like a page turning effect yet.
My next step is to find the right simulator for this page turning effect and I’m about to begin with Box2D.
You can find the source code of above demos here.
[Vietnamese Tag – Hiệu Ứng Lật Trang 3D – Cố Gắng Đầu Tiên]
