PDA

View Full Version : Eric Natzke's silky page turning effect....WOW!!!


The Fittest
12-05-2002, 08:31 AM
I got a mailing from Moock yesterday about asdg2, containing a link to this page turning effect (http://www.hp.com/country/us/eng/msg/corp/flashdreamworks.html).

In one word...WOW!!

Now, I've looked around the forum and found pixelwit's page turn effect (http://www.actionscripts.org/showMovie.php?id=459), which comes pretty damn close...but Erik Natzke's just looks even smoother and more realistic...

I'd like to use the same effect, but then flipping bottom to top, instead of left to right, since I'd like to have it as a flip-over (you know, the big standing ones, to show charts and presentations and stuff on in meetings...), so it needs to flip to page from the bottom, over the top, to the back. When you come closer to the top, the page from the back lifts up, so you can flip it back to front)...

Does anyone have an idea....?! It would be much appreciated!

Later dudes!! :D

tost
12-05-2002, 08:37 AM
this is w i c k e d man
tnx for sharing it with us :)

jai_ze
12-11-2002, 01:51 PM
Thank you again for design tip

pixelwit
12-14-2002, 01:59 AM
Not too shabby. ;)

Some VERY cool geometry going on there. Turning backwards seems to make an odd flicker though.

In case anyone's interested, I've been improving my version of the PageFlip effect by adding a few features people have requested.

Better corner buttons.
One click auto-flip.
Sequentially "flip" to any page.
Turn to any bookmarked page.
Page easing.
Faster performance.

Contact me if you'd like to learn more.

-PiXELWiT
http://www.pixelwit.com

Rogga
12-15-2002, 06:07 PM
I'am interested in the improved version of “PageFlip”
Can I have the .fla?

farafiro
12-17-2002, 11:44 AM
hey Rogga
welcome
u can find the flas in the movies section of this site

Luis
12-17-2002, 12:51 PM
Is it possible to have that .fla working on my Flash 5??
Thanks:)

Rogga
12-17-2002, 07:13 PM
Originally posted by farafiro
hey Rogga
welcome
u can find the flas in the movies section of this site

I don't think that is the new improved version of “Page Flip”, or is it?

farafiro
12-18-2002, 04:47 AM
see it yourself
http://www.actionscript.org/showMovie.php?id=459

MartinO
12-18-2002, 05:56 AM
I've got to admit, I am totally fascinated by that page-turning effect. Although I am still a bit new to Flash, I 've been playing around with PiXELWiT's source code.

I've been trying to modify it in a way that additional pages could be added without having to change the .fla file. I would pass the script the number of pages when it is called, but I couldn't get it to replace the pages of the original Movie with my own. I tried to load my pages (which are JPGs) using the loadMovie command. Unfortunately I haven't had much success.

Any help would be appreciated!

Martin

P.S.: I am highly interested in the improved Version of the PageFlip Code.

kimhoe
04-06-2003, 03:26 PM
Hi Pixel,

As you mentioned that you have improved the below features,

Better corner buttons.
One click auto-flip.
Sequentially "flip" to any page.
Turn to any bookmarked page.
Page easing.
Faster performance.

May I know the way to do these? Because of the amount of page is too many, so I hope that I can do one by "one click auto flip" or "fully auto flip".

I would be very grateful if any of you could help me... THanX!

Regards,

alexitobites
03-10-2004, 07:05 AM
hi guys,

i've been looking around this forum searching for some hints with "pixelwits" fantastic pageflip tutorial.

i'm searching especially for some hints how to integrate a "one click auto-flip" in this pageflip-movie.

thnx for your help,
greetings alex

Ruben
03-22-2004, 02:20 PM
From the first time I saw the pageturning-effect I was stunned, then I viewed it again, and again, and again, and again, and......again, and I was still stunned :p

But anyways, this might seem like a bit of a dumb and unusual question [since this is a Flash-Forum], but I'm gonna ask it anyways:

Can anybody give me some hints/tips on programs/software with which you could create the real-looking pages?? You know, the filthy borders and stuff?

I'd be gratefull - Ruben

Billy T
03-22-2004, 03:54 PM
PHOTOSHOP?

SomebodyElse
03-22-2004, 04:13 PM
Scanner?

The Fittest
03-22-2004, 06:02 PM
Originally posted by Ruben
From the first time I saw the pageturning-effect I was stunned, then I viewed it again, and again, and again, and again, and......again, and I was still stunned :p

But anyways, this might seem like a bit of a dumb and unusual question [since this is a Flash-Forum], but I'm gonna ask it anyways:

Can anybody give me some hints/tips on programs/software with which you could create the real-looking pages?? You know, the filthy borders and stuff?

I'd be gratefull - Ruben

These might help you out. It's offtopic though, so if you have any other questions I'd suggest you start a new topic. :D

http://myjanee.home.insightbb.com/tutorials.htm (Look under: 'Textures and Special Effects' )

Tink
05-12-2004, 07:31 AM
i belive this is very alike the Erik Natzke effect or maybe even better as i seem to be able to lift the centre of the page o Erik's page turning script used on the HP site. i don't get the same bug with the example below. it also supports a page tear effect :eek:, auto page turn (1 click) and hard cover!!

source is on page 3 http://www.iparigrafika.hu/pageflip/

petefs
05-12-2004, 12:49 PM
phew, I'm glad I got busy with other work. I do so like it when other people do the work for me ^_^ of course it's time to take it apart and put it together again, there are a few minor things I don't like about it, but thanks for the great link!

kimhoe
05-13-2004, 09:50 AM
Millions of Thanks for the file and hard work... GREAT!

The Fittest
05-16-2004, 04:40 PM
i belive this is very alike the Erik Natzke effect or maybe even better as i seem to be able to lift the centre of the page o Erik's page turning script used on the HP site. i don't get the same bug with the example below. it also supports a page tear effect :eek:, auto page turn (1 click) and hard cover!!

source is on page 3 http://www.iparigrafika.hu/pageflip/
Damn man, this one Ã*s better then Natske's version. Sweet! Thx for the link! :D

Timmee_3Styler
09-10-2004, 01:24 AM
Sweet Candy to play decode recode n reinvent... =p

constsi
11-30-2004, 06:52 AM
Sweet version of page flipping.http://www.flippingbook.com (http://flippingbook.com)

Billy T
11-30-2004, 07:58 AM
check out their host - http://www.2advanced.net/

Captn T Bag
12-20-2004, 09:24 PM
Is anyone aware/able to help create a page flip from scratch...

Well, more importantly: from the flash file (found here - http://www.iparigrafika.hu/pageflip/) what do I need to be looking for to change the sizes of the pages (including shadows etc.)

Actually the shadows are not causing any problems. More/less the pages themselves.

I imagine it is found throughout the elements section in the library and somewhere modified.

I am able to modify the contents on the page and etc. But I am looking to narrow the pages without distorting the look of the pages (also worth mentioning: extend the "grab" area that turns the page to match the new pages).

None the less, I figured some of you might know what I'm talking about and save me a bunch of time. Moral of this message: How can I change the sizes of the pages (including extending the "turn area") without distorting the image?

thanking you in advance.

mx-guest2004
12-21-2004, 07:16 AM
pixelwit,
and could you please give us a tutorial on flip a single page? You know, a large structure as your book flip makes it hard to understand the technique.
Thanks for sharing your knowledge with us.
:)

coolioman
12-21-2004, 12:51 PM
i REALLY want a link to a .fla that will work on my flash 5.

this one was probly made in mx or somthin: http://www.actionscript.org/showMovie.php?id=459 (http://)

plz.......

mx-guest2004
12-21-2004, 05:44 PM
coolioman,
I think everybody here knows about this great .fla of pixelwit. It's only easier to understand if you have only one page to flip. In mathematics you don't begin learning algebra with multi variable equations, but maybe with a simple example like:
x-1=0. Find x. I mean a page flip at this simple step. :)

coolioman
12-21-2004, 06:29 PM
i dunno what u mean mr. mx guest 2004

Captn T Bag
12-21-2004, 07:06 PM
coolioman,
I think everybody here knows about this great .fla of pixelwit. It's only easier to understand if you have only one page to flip. In mathematics you don't begin learning algebra with multi variable equations, but maybe with a simple example like:
x-1=0. Find x. I mean a page flip at this simple step. :)

Totally agree. A one page tutorial would be wonderful.

mx-guest2004
12-21-2004, 07:38 PM
Sorry coolioman, just a misunderstanding from me. But I've saved the .fla in Flash 5 format and post here. Tell me if you can open the file in your Flah 5 software.

coolioman
12-22-2004, 12:16 AM
THANKS DUDE it works good!

but only 1 prob:

when i try 2 play it as an swf file, it wont let me c da page turning effect, it just tries 2 make me download the flash player 6, when i already have flash player 7.

its kinda annoyin, cuz i messed with the code, but that just made matters worse.
plz help me........ :(

coolioman
12-22-2004, 12:22 AM
this .fla is messed up. when i finally get it 2 go to the page flipping effect, it just says: error a "with" function not found. it says that bout 20 times.

no offense
-coolioman

mx-guest2004
12-22-2004, 11:25 AM
coolioman,
There are maybe some functions which work only with flash MX and not defind in flash 5. Why can't you just send a PM to pixelwit and ask for this problem?

lullfoolz
01-08-2005, 06:59 AM
Hello guys, newbie here. Need some help. I tried pixelwit's page turning source. However when i tried to add more blank pages to it, the output box pops out with this:

'Error: A 'with' action failed because the specified object did not exist.'

Any idea what's happening? Here's where i tried to change:

// "maxPages" should be an even number
var maxPages = 10;

the original maximum page number is 8, all i tried was to change it to 10 but it failed to work. Thanks in advance.

Ruben
01-08-2005, 05:10 PM
Try turning it into 6, if that does work then the problem might be that you didn't create any pages besides increasing the variable....

- Ruben

Captn T Bag
01-11-2005, 04:43 PM
any insight on what to look for to try to get the page to stop turning completely.

For example. to make it bend.

Looking through the code I really can't figure out what to change. I want the pages to bend/stop with about 50 pixels or so to go before it previously fell.

lullfoolz
01-12-2005, 08:56 AM
Thanks Ruben for taking the time and effort to help a newbie like me:)

One more problem though, i downloaded the version from http://www.iparigrafika.hu/pageflip.html. However when i tested the movie the output box pops out with the following message:

" _level0
_level0
124157
setpages ->0,0,0,1
page3 reset"

The thing is i have not changed anything at all in the fla. I only downloaded it and started playing it.

When i flipped the cover page, the following is added to the above message in the output box:

setpages ->0,2,1,3
page2 reset
page3 reset
setpages ->0,2,1,3
page2 reset
page3 reset
setpages ->2,0,0,3
page2 reset
page3 reset
setpages ->2,4,3,5
page2 reset
page3 reset
setpages ->2,0,0,3
page2 reset
page3 reset"

As i flipped through the pages, more messages are added in the output box
The animation played normally though, except for the appearance of the output box. I tried unchecking the output option but it didn't work. Anyone knows what is the problem? Thanks in advance.

Ruben
01-12-2005, 02:43 PM
Clueless man, I never used the ipografika-sample myself, so couldn't tell you anything about it...which version of flash are you using?

- Ruben

lullfoolz
01-14-2005, 03:14 AM
I opened the fla in flash mx and test movie using ctrl+enter. Maybe something's wrong with this step? Once again thanks for your time :)

Ruben
01-14-2005, 06:58 AM
don't know actually if there's a difference (since I never use CTRL ENTER) but try FILE > PUBLISH > FLASH

- Ruben

5566
01-17-2005, 07:32 AM
Let's talk less and get the sh*t done. I'm sure we can figure out how the hp site is done also the other one, got page can rip off and hollow page one.
I have a book called "Flash hacks-100 industrial strength tips & tools". Inside the book, it says the trick about this page flipping thing is all about symmetry. the symmetrical line of pixelwit's code is not so dynamic than the other two, one end of the symmetrical line is fixed, while the rest is dynamically cacullated, perpenticular to the mouse movement.
I'll try to figure out how to do the effect in this week and post the souce code here. Hope i can finish it within this week.

the link to the book is http://www.oreilly.com/catalog/flashhks/chapter/index.html

Tink
01-17-2005, 07:58 AM
5566 have u seen this? http://www.iparigrafika.hu/pageflip/

Ruben
01-17-2005, 02:11 PM
Let's talk less and get the sh*t done....

How about not talking less and you shortening your post before going all letstalklessandgetthesh!tdone on me...

- Ruben

pixelwhore
01-19-2005, 02:53 PM
whats the deal with the orielly version I got some of the page flipping working tho how would on go about getting the page you just turned over to turn back from its left edge as opposed to the middle.

lullfoolz
01-27-2005, 07:51 AM
Hello guys, I am still having some problems with pixelwit's page turning source. May I know how to position the generated pages so that they are not in the centre of the movie? I was trying to increase the movie size and place the pages aligned to the right of the stage. I'm a newbie and i don't know which part of the code to change in order to change the horizontal and vertical alignment of the pages. Thanks in advance :)

undercover
02-01-2005, 06:52 PM
Okay, so I'd like to turn this pageflip ( http://www.iparigrafika.hu/pageflip/ ) into a dynamic photo gallery. I was planning on putting this script on the individual pages:


createEmptyMovieClip("imageHolder", 200);
loadMovie("images/01.jpg","imageHolder");


It loads the image onto the page correctly, but then the image flickers when I go to turn the page. What could be causing this? Is there a better way to do it?


update: I have found that at one time or another there was a dynamic version of this page flip. But all paths towards this mythical file have become dead ends. If anyone could post it, or knows where to get it, I would appreciate it

N_R_D
05-22-2005, 01:32 AM
Or even more so than that....

just a simple fix for the dynamically loaded content flicker..

kalel
05-30-2005, 02:47 PM
the reason it flickers is a bug in flash and masks......I remember breaking my head over this

if you load an image dynamically the rule of thumb is that the mask and the "imageholder mc" must all be in the first frame. it's needed if the mask is tweened.


If you test this theory out with any other fla you'll know what I mean

Ruben
05-30-2005, 04:51 PM
the reason it flickers is a bug in flash and masks......I remember breaking my head over this

if you load an image dynamically the rule of thumb is that the mask and the "imageholder mc" must all be in the first frame. it's needed if the mask is tweened.Hey, that sounds like it's usefull to keep in mind, thanks!

:rolleyes: - Ruben

Flash Gordon
05-30-2005, 05:00 PM
i just saw this thread, I just wanted to say thanks for the fla file Sean.

juliocrd
06-27-2005, 04:39 PM
Hi there, I am a peruvian web designer and I am practicing with AS, I downloaded the Sean_OShell-Page_Flip-447.zip, but when i wanna add more pages, It appears "A 'With' actionfailde because the specified object did not exist" , but I create two more KF with instances of PRINT9 and PRINT10, and change the page number to 10.

Can u help me with this problem, I would be very thnksfull.

By the way, sorry about my english if It is not well written.

P.S. I am attaching the file to u to see it.

yuppicide
10-26-2006, 12:16 PM
Has anyone successfully added more pages than 8?! I'm trying to and getting the same message as the last person:

"Error: A 'with' action failed because the specified object did not exist."

yuppicide
10-26-2006, 05:29 PM
Maybe someone can help with this also. I made 8 pages. I want it so when you hover over an item in the picture it'll zoom in a bigger view of that item. Can anyone help?! I'm not the best when it comes to flash. I tried making a button and then "over" is supposed to display a larger photo, but I can't get it to work.