Well, it's just a simple low-level class to perform some pageflip drawing. It's supports the 4 corners flip and vertical / horizontal mode.
Here's the result (show the source)
 |
This project is OPEN SOURCE under RPL License. 2007-01-18 v1.0 pageflip_v1_0.zip |
(c) by Lillycat (from MinaLoween)
If you are looking for a very talented freelancer illlustrator (french touch inside !), please contact lillycat [__at__] lillycat [__dot__] net.
Comments (19)
This example doesn’t seem to work for me unfortunately, I’ve moused over every part of the image and can’t find anything to make it run
(
PS. Your 1st email box can’t take that many characters, my address should end with .com
samartini >
This class is just a low-level pageflip drawing class, so it does’nt handle some Mouse behaviors.
You have to code the interactivity
haha “page flip” is a cool key word for page ranking
How to use it in Flex 2? Could you please give us a sample? thanks
Here is my try:
but it cannot work.
GREAT WORK!!
I made a sample on how you could use the class in Flex. Take a look:
http://labs.flexcoders.nl/?p=33
Hi Kevin, I can’t see your try but maybee Maikel sample code help you ?
Thanks for sharing Maikel.
Thanks Didier and Maikel. It seems that I have to create a UIComponent to wrap thr render.
…
[Embed(source="images/image1.png")]
[Bindable]
public var pix0:Class;
[Embed(source="images/image2.png")]
[Bindable]
public var pix1:Class;
public var myUIComponent:UIComponent = new UIComponent();
public var render:Shape = new Shape();
public var page0:BitmapAsset;
public var page1:BitmapAsset;
public function initApp():void{
render.x = 800;
render.y = 200;
myUIComponent.addChild(render);
this.addChild(myUIComponent);
page0 = new pix0() as BitmapAsset;
page1 = new pix1() as BitmapAsset;
….
PageFlip.drawBitmapSheet(o, // computeflip returned object
render, // target
page0.bitmapData, // bitmap page 0
page1.bitmapData); // bitmap page 1
Dont know how to compile the example.
hi everyones !
I can’t succeed in making this example works cause of this code line i don’t understand :
var page1:BitmapData=new page1().bitmapData;
page1 is a variable, a subclass of Bitmap ? Thanks for your precious help to a lost newbie
An example of usage if you have in the library of Flash the images.
Right click on the image in the library click properties and select export for action script, and name the first image pag0. Repeat for the second.
after in the code replace the lines
var page0:BitmapData=new page0().bitmapData;
var page1:BitmapData=new page1().bitmapData;
with
var page0:BitmapData=new pag0(300,300);
var page1:BitmapData=new pag1(300,300);
and that’s it.
full code for a .fla file
import com.foxaweb.pageflip.*;
stop();
var render:Shape=new Shape();
var page0:BitmapData=new pag0(300,300);
var page1:BitmapData=new pag1(300,300);
render.x=50;
render.y=50;
addChild(render);
var o:Object=PageFlip.computeFlip( new Point(60,190), // flipped point
new Point(1,1), // of bottom-right corner
page0.width, // size of the sheet
page1.height,
true, // in horizontal mode
1); // sensibility to one
PageFlip.drawBitmapSheet(o, // computeflip returned object
render, // target
page0, // bitmap page 0
page1); // bitmap page 1
have fun.
I was wondering if any of you have try to add shadows to the engine. I have try it but without any success.
hello Didier:
if I want to tear the page off.
what can I do?
how to unlimit the fixed point.
thank you
I’m also interested in tearing away the pages and also can I not load the content as bitmap but movieClips that I have created in flash ?
Hi, thanks for that it helped me a lot!
Here is a modified version of your class to add support for shadows, I thought it might be useful to someone : http://ma.tthi.eu/blog/2009/05/07/pageflip-with-shadows/
Has anyone tried flipping pages in the opposite direction?
hi there, the links to the examples and source is not working any more
nor is the foxweb domain, can someone send me the source?
clark dot cookie at gmail dot com
Also good free version page flip..link
var page0:BitmapData = page0().bitmapData;
var page1:BitmapData = page1().bitmapData;
this 2 line causes problem, and looks weird for me. ‘coz I suppose page0 and 1 are new Bitmap or even I create 2 new img and set them to class. it still doesn’t work.
i think the example is not correct.
Trackbacks/Pingbacks (10)
[...] 上禮拜回老家 再加上週日都在玩電吉他 所以又好幾天沒寫文章了~>0< 今天就來介紹一個滿實用的網站 – ByteArray.org 而這個網站是以ActionScript3.0為主 進行開發一些實驗性的Project 目前的Project有八個 WiiFlash、Raster、MouseGesture、Live JPEG Encoder、PageFlip、 SMTP Mailer、GIF Animation Encoder、GIFPlayer 其中我比較感興趣的是Raster、MouseGesture、Live JPEG Encoder、SMTP Mailer 也就是比較偏向繪圖、影像、網路應用的部分 接著就來簡單介紹一下我個人覺得超猛的滑鼠手勢辨識Project – MouseGesture 不多說~先來玩看看再說拉~ 以下是一些擷取畫面 最左邊是字母跟數字的手勢說明，中間是手勢的圖畫區，右邊顯示滑鼠手勢輸入的文字 還可以輸入空格、點，也可以刪除文字 [...]
[...] 第三个，高效率的AS3翻页组件 观看演示 翻页的东西做的人太多了。但向bytearray这样用AS3的一些底层绘制函数的实现的不多，他的代码又比较简洁直观，值得借鉴。 [...]
[...] Ciao! ho trovato una classe Open Source interessante e volevo segnalarvela.. l’indirizzo
[...] to hide options or preferences in an application. It borrows the look and feel from the FlexBook/PageFlip components already out there, but instead of simulating a book, this is more of a way to use the [...]
[...] PageFlip class [...]
[...] ActionScript Page Flip Class [...]
[...] took the very good PageFlip class from Didier Brun and added support for shadows. It adds 3 different shadows [...]
[...] AS3 classes/experiments worth checking out: PageFlip Class Mouse Gesture Bump [...]
[...] 二 6 AS3 高效率的AS3翻页组件 观看演示 无 发表评论 [...]
[...] AS3 Projekt zu importieren gescheitert. Jetzt suchte ich nach einer PageFlip AS3 Variante und fand PageFlip class <font size='1'>[ by Didier Brun aka Foxy ]</font> – ByteArray.org Ich bin bedauerlicherweise nicht in der Lage diese xyz.as beispiele zu nutzen. Wie kann ich denn [...]