- 1). Create a new Flash file and add the basic visual elements. Decide on the size and layout you want to use for your game and create background images. Work out a rough design before you actually start building the elements in Flash. Sketch a design on paper.
- 2). Create your memory cards. Each card should be the same size and shape, so you may want to use a generic background image for them by creating a Graphic Symbol and including this in each card Symbol. Make your cards Movie Clip Symbols and give them appropriate Symbol and Instance Names. Make sure there are pairs of matching cards in the game. Edit your card Movie Clips so that they have two frames. Create Keyframes within each card Movie Clip and name them something like "front" and "back," in which the face and rear sides of the card are shown respectively.
- 3). Within each card Movie Clip, include a variable in ActionScript. You can do this by adding a new layer and inserting code such as this:
var myReference:Number=1;
Within matching cards (i.e. the pairs within your game) include the same reference number. For example, if you have animals on your memory cards, within the two cards that have cats on them, you should include the same reference number. This reference will be used to determine whether a pair of cards matches or not. - 4). Add code determining what happens when a card is clicked, bringing your game logic into play. Your memory cards should all begin the game face down. When the user clicks on one, it should turn over. To implement this effect, you can add ActionScript code instructing the relevant card Movie Clip to "gotoAndStop" at the "front" frame. When the user clicks another card, you will need to test whether it matches the first one. Check whether the reference numbers in the two chosen cards are the same using the following conditional test:
if(firstCard.myReference==secondCard.myReference){
//code goes here
}
If the numbers do not match, the cards should be instructed to turn back over, which requires them to go to the "back" frame. If the numbers do match, the cards can remain facing up. Either way, the player should then be able to make a new selection. - 5). Define what happens at the different stages in your game. Each time the player chooses a card, your game logic will need to behave differently depending on whether the card is the first or second in a pair. For example, when the card is the first in a pair, you simply turn it over and wait for the second one to be selected. When it is the second in a pair, you need to carry out the test to see if the cards match. To do this, you can include a Boolean variable that simply alternates each time a card is clicked. At the top of your ActionScript code:
var second:Boolean=false;
var firstCard_mc:MovieClip;
var secondCard_mc:MovieClip;
Within the "onPress" code for each card Movie Clip:
if(second)
{
secondCard_mc=this;
if(firstCard_mc.myReference==secondCard_mc.myReference) { trace("CORRECT"); }
else { firstCard_mc.gotoAndStop("back"); secondCard_mc.gotoAndStop("back"); }
second=false;
}
else
{
firstCard_mc=this;
second=true;
}
This is a simplistic example and so you may wish to create more sophisticated effects once you have the game logic in place.
previous post