Paper simulation in with AS3Dmod and Away3D
Since I released the bend modifier a lot of people have been asking how to bend an object not only along one of its axes, but along any angle. That was clearly a feature missing, but I also didn't have a clue ho to do that. Now, a after a good few days of struggle, and with a little help from my friends - here it is.
The Bend class now takes 3 arguments in the constructor, the third being the angle at which the bend is executed. Please mind, that this argument expects an angle in radians. In the code it looks like this:
-
var mesh:Mesh = [a mesh]
-
var stack:ModifierStack =
-
new ModifierStack(new LibraryAway3d(), mesh);
-
var bend:Bend = new Bend(1, .5, 1.2);
-
stack.addModifier(bend);
-
stack.apply();
Of course, there is also a getter/setter for the angle, which allows to change the value dynamically, and to use libraries such as Tweener to animate it.
The Bend modifier is now part of the AS3Dmod library. Since AS3Dmod is cross-engine, the above demo was done with Away3D, but of course, the same functionality can be used with other engines, including Papervision3D.
For those of you who remember the initial bending demo, I used a 100$ bill as a graphic element then. I thought it would fun to be consistent and to stay in the American theme. Therefore, this time you can play with the Declaration of Independence. Fans of "National Treasure" should be delighted.
As usual the sources are available and you can get them here. I hope you like the demo and that you will find the code useful. To compile it you need the latest versions of AS3Dmod, Away3D and Tweener libraries.
beauty! i love it :)….
That’s great, well done. I alway thought there was something written on the back of the Declaration though ;)
Very smooth! Well pulled off!
J
You’ve just made the famous pageflip obsolete!!
Well done!
I was just thinking the same thing last week. That’s awesome, and it is so smooth. Thanks for that.
The is the smoothest looking paper animation I’ve seen in Flash. Great Job!
przekozacka akcja!!!
paddy +1, I would expect something like “Bartek was here”
Bartek, great stuff man! Very nice.
WHOA! This is f’n awesome!
Fantastic work Bartek!!!
I wish it came a bit earlier :). We were looking for believable paper for our website and stated with your bend modifier for the floating papers but it wasn’t papery enough that’s why we went for physics.
Great job!
That is pretty incredible - well done!!!
Bartek brawo, wysylam juz skrzynie browaru kurierem prosto do Sztokholmu ;-)
AWSOME, and very smooth.
that’s all i have to say about this.
hi,
Great stuff….but i am not able to compile in my system….i got following errors.
1119: Access of possibly undefined property angle through a reference with static type com.as3dmod.modifiers:Bend.
1061: Call to a possibly undefined method sign through a reference with static type Class.
1137: Incorrect number of arguments. Expected no more than 2. ->for perlin() method
1137: Incorrect number of arguments. Expected no more than 1. ->for Bend() method
@gireesh you need to get the latest version of AS3Dmod from the SVN repository. It is located here:
http://as3dmod.googlecode.com/svn/trunk/
Very impressive. Keep up the good work Bartek!
I love this demo - it performs really well and looks great :-)
I like it. It’s Awesome.
but i’m having trouble tou compile it with Flash Develop RC1 with flex3 or flex4.
maybe because of i missing folder structure.can’t you make a suggestion.
I’ll really love it and looking to compile it myself.
here’s the warning message :
Building Awaypaper
mxmlc -load-config+=obj\AwaypaperConfig.xml -incremental=true -benchmark=false -o obj\Awaypaper633692794700000000
INITIALIZING: Adobe Flex Compiler SHell (fcsh)
I:\test\awaypaper\com\everydayflash\exp\awaypaper\AwayPaperDemo.as: Error: A file found in a source-path must have the same package structure ”, as the definition’s package, ‘com.everydayflash.exp.awaypaper’.
Starting new compile.
Loading configuration file P:\flex_sdk_4.0.0.4681\frameworks\flex-config.xml
Build halted with errors (fcsh).
Loading configuration file I:\test\awaypaper\com\everydayflash\exp\awaypaper\obj\AwaypaperConfig.xml
(fcsh)
Done (1)
@fxnull I think you should create your FD project in the same folder as the “com” folder resides, or at least specify the folder it is in as the source folder for the project.
i just followed what flashdevelop folderstructure automaticaly provide.
i already add source path for away3d_2.2.0, tweener and as3mod 0.2.
if you don’t mind can you be more detailed.
in the mean time i’ll will try my best.
this is my folder structrure
c:/
paper
|
|-away3d
|-caurina
|-com
|—-as3dmod
|—- everydayflash
|——-exp
|———awaypaper
———— awaypaperdemo.as
i use new empty project AS3,i had try put it all, in c:/paper
put in c:/paper/com, put in c:/paper/com/everydayflash/exp/awaypaper/
but all build are failed even i had set the sourcepath that usualy worked.
i’m confused for this demo.have you try to compile it with FD RC1 or what editor dou you use flash,flex ?
will you tell me how your put this source code so it can compile right ?
i’m annoyed because anoher source from cast3d etc…its easy to comple out of the box,.
@fxnull If you set your source path to c:/paper in this case it should work fine. I use FDT, but that doesn’t matter, because the compiler is the same. If it doesn’t, what errors are you getting?
Great!!!
just setting FD target to flash player 9 and use flex3 and it just work!!!
don’t use flash player 10 and flex 4 or either just failed to compile.
thanks Bartek.
i think away3d have some issue with flash player 10 and flex 4.
i’ve more difficulties than with pv3d.
This is a great library Bartek? Can you please help me understand how to keep one side of the object static (doesn’t move in x, y, or z at all), and only fold on the opposite edge? Thank you.
Sorry - the first sentence was supposed to be a period (,) not a question. It is a great library :)
@msmooshoo try using the “constraint” property of the Bend class. Possible values are: ModConstants.LEFT, ModConstants.RIGHT or ModConstants.NONE (none means - bends on both sides, and is the default setting)
Thanks Bartek! So does MonConstants.LEFT mean that it bends on the left, or that it stays static on the left?
I got it now. Thanks a bunch. Your script is great :D
Hi,
Your work is great. I’ve been looking in the code, and I haven’t find the way to change the radius of the bend (not the angle neither the force), i mean being at the maximum force, how can we affect the radius of the bend?
Can some one point me to a walk through of how to get the source files working? How to properly import them into an fla and what not? please
Great work!
Hey,
It seems that the as3mod library of November 2008 has evolved.
We are now in May and it looks like it is impossible to compile the file without the as3mod from 11/2008.
Or maybe is there another solution which would be very interesting to know.
I’m getting the following error in Flex Builder 3 running with Flash Player 9 :
This line shows the following errors #1067 & #1137 — Problems with the : “int” and a “number of arguments incorrect (3 max) ”
wind = new Perlin(.1, 25, 25, 95840);
Please Help ,i’m dreaming about compiling your great work !
–
Thanks for your script ++
It works perfectly
Bravo
Just to let you know,
I had to delete the values beetmen the brackets to make it work..
Is there any incidence with the code ?
anyone know a good tweening function for a page turn, using as3dmod and tweener (or any tween engine really)?