Flash :: Flip Card Effect

Card Flip
Hello all

I have been stuck on a problem for quite some time now, and I think I could use some direction on this project, and maybe just some ideas on how to accomplish what I want to do.

I have been working on a frame-by-frame animation of a card flipping over. Something that looks like what's seen on this site:

Triple S

I would like to be able to use the envelope distort on my cards. The only problem is that they need to be made into vectors first in order to distort them. As you can imagine, this balloons the size of my file. I would like to achieve the same sort of flipping style as what's on this site.

Any ideas on how to distort a complex vector - or better yet, a graphic, would be greatly appreciated.

I am using Flash 8.

I'd even appreciate any completely different approach to this problem, though I don't have the money to buy any other programs such as after effects.... :(

Thanks in advance

P

Card Flip
I am in need of assistance, I have searched the web trying to figure out how to perform this effect correctly. But to little of my luck, no luck. I've seen examples performed http://pixelfumes.blogspot.com/2006/07/business-card-flip-effect-class-with.html here, but am still very much a rookie to action scripting, and to little dismay haven't figured out even where to begin.

What I am trying to accomplish is to have the card itself clicked and flip. But again don't even know how to set up the code to work properly. What I have so far is a MovieClip that has the card in it with two bitmap images inside that performing functions. The code I have so far is this: base.mouseEnabled = false;

Btn.addEventListener(MouseEvent.MOUSE_OVER, mouseOver);
Btn.addEventListener(MouseEvent.MOUSE_OUT, mouseOut);

function mouseOver(e:MouseEvent):void {
trace("mouseOver : e.currentTarget.name = " + e.currentTarget.Btn + " : " + "this = " + this);
e.currentTarget.gotoAndPlay(2);
}

function mouseOut(e:MouseEvent):void {
trace("mouseOut : e.currentTarget.name = " + e.currentTarget.Btn + " : " + "this = " + this);
e.currentTarget.gotoAndPlay(6);
}

Making A Card Flip Over On Click
I'm trying to make a business card turn over when you click on a button and show a quote on the other side. I'm just not sure how to do that. Can anyone help? Here's my fla

http://creative-xpress.com/card3.fla

Concentration Game, Card Flip Delay
I completed a CS3 actionscript tutorial on lynda to build a concentration game. The game works, but now I would like to delay the amount of time before two non matching cards flip back over. A guy gave me some info on the adobe forums, but that didn't really help. He suggested I put a timer function in, which I have no clue about now I get an:

TypeError: Error #1010: A term is undefined and has no properties.
at MethodInfo-16()
at flash.utils::Timer/flash.utils:Timer::_timerDispatch()
at flash.utile::Timer/flash.utile:Timer::tick()

The code from the method in the class that checks the cards and does the flipping is below:

Code:
private function checkMatch(event:MouseEvent):void
{
event.currentTarget.removeEventListener(MouseEvent.CLICK, checkMatch);

var delayTimer:Timer = new Timer(2000, 1); // variable for timer, delay of 2 seconds
delayTimer.addEventListener("timer", cardTurnF);
var _secondCard:*; //Implicit coercion of a value with static type... error when type MovieClip

function cardTurnF(evt:TimerEvent):void
{
trace("first card type is " + _firstCard);
_firstCard.gotoAndPlay("flipBack");
_secondCard.gotoAndPlay("flipBack");
}

if(_firstCard == undefined)
{
//event.currentTarget captures event from _card
_firstCard = event.currentTarget;
trace("Card Type is undefined");
}

else if(String(_firstCard._type) == String(event.currentTarget._type))
{

trace("Match Made!");
_firstCard = undefined;
_currentMatches ++;
trace(_currentMatches + " current matches.");
if(_currentMatches >= _totalMatches)
{
trace("You Win!");
}
}

else
{

trace("Wrong No Match");
trace("first card is" + _firstCard);
//_firstCard.gotoAndPlay("flipBack");
//event.currentTarget.gotoAndPlay("flipBack");
_secondCard = event.currentTarget;
delayTimer.start();
trace("timer started"); // remove later
_firstCard.addEventListener(MouseEvent.CLICK, checkMatch);
event.currentTarget.addEventListener(MouseEvent.CLICK, checkMatch);
_firstCard = undefined;

}

}

Card Flip Back Delay, Concentration Game
Hello all. I'm fairly new to Actionscripting and am using CS3. I just wrote a concentration game following a lynda.com tutorial. I want there to be a delay before two non matching flip cards flip back over. You probably know this, but a goToAndPlay("flipBack") is in the code. Here's what I think is the applicable snippet.

else
{
_firstCard.gotoAndPlay("flipBack");
event.currentTarget.gotoAndPlay("flipBack");
...
}

I will be applying the delay to both card flipping instances.

Flip Effect - NOT PAGE FLIP
I've searched for tutorials on this but I can't seem to find anything on how to create simple flip effects. I'm not sure if it's some other program than flash or just someone with awesome animation skills - here are a few pages I found on Monster that has this effect.

This looks like its done straight in flash:
http://www.templatemonster.com/flash...tes/15402.html

This looks more like some kind of 3d program:
http://www.templatemonster.com/flash...ates/9369.html

Either way, I'd like to learn - Any Ideas?

Scratch Card Effect
has anyone got any clues as to how i would make a flash scratch card effect.

just a simple mouse down effect to rub off and reveal a picture!

any help would be gratfully received.

cheers

rat

3d Folding Card Effect
Hi there

I have a job where i have to take the print version of a card that has muliple unfolds and make a flash-based version. They actually want to have the card unfold.

Would I need to use swift 3d for this or are there some tricks to simulate 3d in flash?

I can see it being a headache in swift 3d.

Any info appreciated!
thanks!

Scratch Card Effect
Hi all,

I'm just wondering if anyone knows how it would be possible to create a scratch card effect in flash. Something along the lines of this:

http://www.scratchcards.me.uk

I've done a search but the only one I could find is one where an image is used.

http://www.tutorial5.com/content/view/115/46/

However this is no good as I want to display dynamic content behind the 'scratch panel', this content resides in a database and is brought into flash through php. I just wondered if it would be possible to do this on layers someway, with a little actionscript.

Thanks In Advance

How To Do A Card Flipping Effect...
Hi all,

just wondering if anyone can direct me to any tutorials or samples or movies that teach or have a card flipping (open) effect. I'm building an interactive eCard and hope to create a realistic flipping effect. Many Thanks...

Cheers!
VINZ

Flash Hanging Card Effect - With Actionscript
I saw this:
http://www.plus-belle-ma-maison.com/

I was wondering if anyone knows of a tutorial on how to do this (with actionscript...not on timeline) for the hanging card part of it...with a spin on rollover and all...

thanks in advance...

Flip Effect
Hi!

Does anyone know how to acheive the effect** on this website: http://www.agenciatudo.com.br/

**When you click on the business card and it flips over?

Any help is much appreciated!

Box Flip Effect
Anybody want to take a guess on how these guys did this effect?
It's the box flip effect that occurs when you flip over one of the toy boxes.
www.crew11.net

Could it be a PNG sequence? I personally think it's done by scaling and X blurring. But I don't know how they got it to look so good. And it doesn't seem like a PNG sequence because the flash file is only 4.2MB and there are a ton of boxes to choose from.

Flip Effect..
... on this page
http://www.bukwild.com/site.php

go to portfolio>interactive

how's that done = ?

Like A Flip Effect
how can i do this nice effect? on this site u can look this effect like a paper movement....
anybody have some idea?
thanks a lot

Card Turning / Flipping Effect With A Transform Matrix
Anyway, I made this real basic memory game yesterday:

http://morphcham.com/memory/

and I just want to get a less wonky card flipping effect when each card is turned. I'm doing this with matrix tranformations and I know there is a science to skewing things, scaling them and translating them predictably. I just don't get it yet.

So with my current (let's call it "wonky") effect, I am just scaling it and translating it, but I would like to add some skew in order to make the card look like it's being lifted over.

Does anybody know how to explain this kind of stuff, or know of a good tutorial to get me started? Thanks. I'm a pretty fast learner, and sort of know a little math, so I should be able to figure it out if I can find any leads at all.

Thanks ya'll,
Chimpy

Page Flip Effect?
I'd like to learn how to get the page flip effect in Flash 5. Anyone have knowledge of a .fla with this effect?

This one is in Swish: http://flashkit.com/movies/Effects/E...73/index.shtml but Swish files won't open is Flash.

Thanks!

Rick

Help With Page Flip Effect
For my birth day my friend gave me this website for my art. I im good with figuring out things but for 10 hours i could not find a way to duplicate the page effect so i can have like 18 pages flip. This is a really sweet site but I cant get it to work. If i could duplicate the page effect to multiple pages then i would be in heaven. then i can do the rest. Thank you so much in advance

Magazine Flip Effect
Hi everyone,
I was curious as to what might be the efficient way of creating a page flip effect. For example, if I wanted to create an interface based on the structure of a magazine, which page flip transitions from one section another, how might I accomplish this. Thanks for all of your insight.
Don Ho

Flip Style Effect
Hi,

This is my first post at Flashkit - and I'm a "light" actionscript coder. I'm trying to find a piece of actionscrip that create the same "flip" effect known from the Mac OS X Tiger widget/dashboard - clicking on "i" turn/flip over effect - (not sure how to explain this effect more precisely). I'm trying to create a UI without a "simple" frame animation and instead use a smart actionscript to create the effect.
If anyone is aware - or have a great idear how to create the actionscript - please reply to this post.

Cheers,
Martin

[F8] (or CS3) Page Flip Effect
Hi all,

I was wondering whether any anyone knows of any step-by-step tutorials on how to create a realistic pageflip effect in flash. I have found loads of downloadable flash files, which are very script-heavy, that can be modified to suits my needs. Not that i mind all the script, but I would much rather have a full understanding of what is happening within the code and have total control.

I would be really grateful if you any of you guys could help me out, or push me in the right direction.

Flip Images Effect
Hi,

Anyone knows how to do an "flip images" efect like this one:

http://www.steelskies.com/coverflow/ (see the quicktime video).

thank you!

AS3 Functions For Flip Effect
Hi friends im new to AS3..

im trying to convert the code for the Flip effect from AS2-AS3

here i havn't know the fuctions exactly..

see the source i hav attached..

Flip Page Effect
Hi there
Has anyone ever seen a site where you click and it changes content in a way that it looks like you're flipping the pages of a book? would anyone have any resources to accomplish this? Links/tutorials would help.

Thanks

Text Flip Effect
http://www.code77.com/version_xx/code77.html

I've seen that in numerous places... anyone know how it's done (besides masking) thanks!

Page Flip Effect Q's
Hello Fellow Kirupians,

How do you increase the size of the page flip document located at http://www.iparigrafika.hu/ with the flip effect still taking place? I increased the size but had trouble getting flip effect to take place because it is way to small.

Golde

Page Flip Effect
Hey folks,

please look at my nearly finished project:

http://www.filigrafix.de/test/anskar/

I created a page flip effect which I am quite happy with. However, my technical approach could be better, I am sure.

For every picture loaded, I created to swf-files. Every new picture is loaded as a separate swf file on level 2 and consits of the page flipping effect plus the picture itself. After the page has flipped and the new picture is completey shown, a second swf film, containing only the picture (not the flippingt effect) is loaded onto level 1 so that, when a new picture is being loaded onto level 2, the old picture lies below.

Ok, it work fine, but I guess that this way of handling it is way too complicated, since two swf's are needed for each picture. Isn't there any easier way? duplicate movie clip or something like that?

I'm not sure.

Thanks for your help!

Reproduce 3d Flip Effect In CS3?
So I'm taking my first semester of flash, and the professor isn't exactly what you would call 'knowledgeable'.

I've got a simple question, with what seems to be a not so simple solution.

Using CS3, and Action script 2 or 3, is it possible to get an image brought in from photoshop to flip, as shown in this video.

http://www.gotoandlearn.com/play?id=91

I understand this is using the 3d features of flash 10. Just curious is it is possible to reproduce the effect, and if possible, how it would be done in Flash 9.

Any help is appreciated.

Drag Page Flip Effect
does anyone know how to make this drag effect that gives the illusion of turning a page? I'm using Flash 5. Here's an example of what I"m talking about http://www.gammacurta.com if anyone knows how to do this i would really appreciate some advice. Thanks

Page Flip Effect Fla....some Questions
Hey all,

I got this page flip fla from one of the threads here but I got some questiosn that maybe somebody who has messed around with it can answer.

How can I make the pages bigger (wider)? I tried makeing the variable "page_width" bigger, but it got all messed up.

How can I add some texture to those pages? I don't like that when the page flips, it blends in with its back side. Or better yet, what would be the best way to add a graphic as a texture? In other words, transparent PNG, swf.

Has anybody modified this, and giving it a cover page. I would like to add a front/back cover to this.

If anybody has done some of these modifications and would like to post it here, it would be great.

thanks in advance

Page Flip Effect/component...
ok..we've all seen the page flip effect (flippingbook.com, shrek/HP..HomeDepot..etc)

I have been assigned to 'get up to par' with a similar application my company has... (from a previous Flash developer, no longer here).. I cant be certain..but I think he just a got working .fla and edited it..or bought a component...

If anyone is familiar with these 'appz, components' please let me know.

This one has some buttons on the side along with a navigation.. You can choose, thumbnail view, full or split view.. and here are some of the variables you can set (if it helps identify which one this is)

Code:
pagesSet = _global.CatalogManager.catalogBookSettings.pagesSet;
scaleContent = true;
firstPage = 0;
alwaysOpened = false;
autoFlip = 50;
flipOnClick = true;
shadowsDepth = 1;
moveSpeed = 2;
closeSpeed = 3;
gotoSpeed = 3;
flipSound = 'silence';
pageBack = 0xAAAAAA;
loadOnDemand = true;
cachePages = true;
usePreloader = true;
extXML = "";
there are a ton of external.as (class) files..and may includes too. This is a fairly big project for me.. and I need to get up to speed ASAP...

it would help if step 1 I could at least identify which one this is..(as I dont think he wrote this from scratch himself)

it has a draggable scrollbar at the bottom to flip through pages..and has the currentpage/totalpages in the scrollbar too (horizontal scroller)

thanks

PageFlip V2 - Turn Off Flip Effect
Is anyone familiar with the page turn effect here: www.iparigrafika.hu/pageflip/ ?

If so, do you know how I can turn off the effect?

I still need the gotopage fuction to work so users can go directly to page 14, for example, without having to wait for all the pages to turn to get there. Thanks for any help.

My goal is to offer the "turn off" option for users with slow processors.

Flip Page Effect With Shadows.
How do they do this flip page effect and the gradient shadow behind?

http://www.visitsingapore.com

Anybdy can teach me?

Verticle Flip Chart Effect
searched for this but to no avail.

does anyone have any links to vertical page turn effects - like a flip chart.

obviosuly im aware of the page flip effect from iparigrafika.hu/pageflip but i need to see examples of verticle flips.

anyone got any ideas?

Flash Page Flip Effect Help?
Hello all, I am looking for a cool flash book page flip effect. I was hoping to find something where I could illustrate a 3d looking book - where the pages all might be visible -(like a book open on a desk) - however, the only flash page flip assistance - seems to point to www.page-flip.com - which is not a 3d version.

1) how can I create my own page flip code which will look real & awesome
2) can I do this using a 3d book as opposed to the 2d versions I have seen all over the internet?

please send me any links or tutorials or anything you think might help. and as always - thanks bill & kenneth & all you others as you have always helped me with my queried.

Jonathan

Page Flip Effect In Flash
Hi All,

I have seen a lot of websites which allow users to turn pages in order to navigate their website. One example is the following website.

http://www.websitedesignawards.com/flash.html

Can anyone tell me how to achieve that effect.

Regards,
Sher Ali

Image Flip Effect With Randomizer
Hi. I would like to know how to do the image flip effect featured on this site:
http://www.dallasfallshow.com

Things I noticed: the images fade to white a little between flips. The flips are contained within a clear but drop-shadowed rectangular container. The images have a very flexible quality to them, bending kind of like a sheet in the wind. The flipping isnt prompted by anything, it just plays in a loop and the images are randomized.

I decompiled the flash but was not able to find anything of use; the flipping images just appear as blue boxes in my window. I suspect these flipping images are really individual flash pieces embedded into the main flash doc? Not sure, just guessing.

I am using Flash CS3 Pro

Thank you!

Page Flip Effect--can You Point Me In The Right Direction?
I ran across a site today that incorporates a pretty cool (to me, anyways) page flip feature where you have to drag the corner of the page to see another section of the site. Can anyone point me in the right direction to learn how to make this? I'd appreciate it. It can be seen at www.paperplanerecords.com Thanks in advance,

wake

Perpendicular Line For Page Flip Effect
Hello,

Fow a while now i've been trying to create my own pageflip effect. But i'm stuck at one point. I'm absolutely no mathematician. I've drawn my question out in the following image...

I know the x an y values of point A and B, and the coördinates of the middle point. But how do i calculate point C and D?

if anyone can help me i'd be very pleased!
thanks.

Creating Brochures With The Page Flip Effect
Im looking into how to make online brochures with the page flip effect. Found 2 commercial ones so far which seem to have nice functionality:
http://page-flip.com/demos.htm
http://flashpageflip.com/demos/basicxml/

Both seem to have similar features, like being able to navigate within pages. The page-flip seemed to have a nicer rendering of the page flip itself & supported transparency. The 2nd has nice full screen capabilities and seemed a bit more user friendly.

Looking for feedback on either of these options, or info on other ones worth looking into.

Random Page Flip Effect Type Idea
Hi everyone,

I am looking at making a cooking book for my wife. She has a heap of recipies on old bits of papers (past down from mother to daughter type thing) and I am looking at putting a PC in the kitchen for her to store and view all these recipies and also to keep them safe for future generations sake.

Anyway - What I am looking to do is have a search option - e.g. search for chicken kebabs and then a flash recipe book will flip through a "random" amount of pages to the chicken kebab recipe.

I am having a load of trouble even strating on this. I am fairly new to flash and I am starting to think that flash might not be the best option to do this.

If anyone has some ideas, on how this would/could/should work that would be much appreciated

Thanks

[F8] Memory Style Card Game Card Flipping Issue
Hey guys,

I need a little help with a project I'm doing for school. I'm designing a memory style card game where you flip cards over and if they match they go away and stuff. You know what I mean. Anyway, I can't figure out how to tell both cards to revert to their original state if you guess wrong.

I have the last card you pressed flipping back over no problem. It's just the first one that won't do anything and I can't figure out how to reference it.

If anyone can help that'd be great.

Looking For Page-Flip/Flip-book With Spiral Binding?
Hi there,

I'm wondering if anyone has come across a Page Flip application (like this: www.iparigrafika.hu) that uses a Spiral ring binding, like a notepad?

Pixelwit Page Flip - CLICK To Flip Instead Of Drag
I love pixelwit's page flip script, but I'm hoping someone could teach me how to modify it so that instead of having to drag the page across the screen, the user only has to click the corner of the page in order to get the page to turn.

Here's an example: http://www.luckymag.com/magazine/flipbook

It may be too much of a departure from the current script, but I thought I'd put it out there.

You can download my test file here: http://www.jessicaberardi.com/pageflip/test.zip

I know there are pre-made scripts out there that do this, but I hate the way they look (too high-tech and over designed). I'd really like to use the script I have or find another one that also has a simple, clean and modern look.

I'd really appreciate any help on this.

Piece Of Paper Flip, Not Page Flip In A Book
Could any body direct me to a tutorial or just give me advice on how to go about doing this: i want to make a letter come out of a envelope and flip around and then show what is on it, i am not sure how to create the paper flipping around , i did see some page flip tuturoials but i dont think that is what i want technically, any help will be greatly appriecated, thx

Flip Horizantol And Flip Vertical Problem
hi to all
i have a movieclip (rectangle converted into symbol) then i add a uiloader to it and load dynamic image to uiloader at runtime then i have two buttons.
flip horizantol button and flip vertical button. both works fine but after flipping the x and y position of movieclip changes when i view the flipped image to next frame it moves to left if i flipped vertical and moves to upside if i flipped horizontal.. how can i change the flipped movieclips x and y to original x and y of unflipped movieclip?

regards
..maani