CARD MATCHING GAME AS2

1- MAKE CARD MOVIE CLIPS 18 FRAMES WITH STOP() FUNCTION LAYER

2-GO TO SYMBOL PROPERTIES PANEL AND SET IDENTIFIER NAME :Card

AND CHECK EXPORT FOR ACTION SCRIPT BOX , EXPORT IN FRAME 1 BOX

3- MAKE A Card Button SIZE H : 60 x W:60 AND REMOVE IT FROM STAGE

4- COPY AND PASTE BELOW CODE IN ACTION SCRIPT PANEL

-------------------------------------------------------------------------------------------------------------------------

FRONT SCREEN IMAGES:

--------------------------------------------------------------------------------------------------------------------

DOUBLE CLICK BLUE MOVIE CLIP SYMBOL AND MAKE TWO LAYERS

FIRST LAYER NAME PICTURE

SECOND LAYER NAME STOP WITH STOP stop(); CODE

INSIDE YOUR MOVIE CLIP FIRST FRAME NEED A BUTTON WHICH CALLED

Card Button AND PASTE CODE INSIDE THE BUTTON

ON THE CARD BUTTON PRESS RIGHT CLICK AND GO TO BUTTON ACTION PANEL

MAKE CARD BUTTON INSIDE MOVIE CLIP AND PASTE INSIDE THIS CODE

------------------------------------------------------------------------------------------------------------------

on (press) {

// send click info to main timeline

_root.clickCard(this);

}

----------------------------------------------------------------------------------------------------------------------

NEED PNG SPRITE IMAGE SHEET FOR PICTURE LAYER:

MAKE 18 PICTURES FOR PICTURE LAYER:

----------------------------------------------------------------------------------------------------------------------

COPY AND PASTE CODE IN FRONT SCREEN FRAME NO 1 ACTION PANEL

for (i=1; i<=18; i++) {

CODE TELLS YOU NEED 18 PICTURES

for (i=0; i<36; i++) {

CODE LINE 18 PICTURES CHANGE INTO 36 PICTURES IT MEANS RUNNING GAMES

IT MAKES COPY OF EACH PICTURE

----------------------------------------------------------------------------------------------------------------------

YOU CAN USE 9 PICTURES OR 9 DIFFERENT NUMBERS OR 9 DIFFERENT COLORS

AFTER YOUR FIRST BUTTON FRAME

JUST REPLACE LINES

for (i=1; i<=9; i++) { for (i=0; i<18; i++) {

I JUST REMOVE 9 FRAMES AND ADD NEW FRAMES

----------------------------------------------------------------------------------------------------------------------

initGame();

stop();

function initGame() {

cardsListOrdered = [];

for (i=1; i<=18; i++) {

cardsListOrdered.push(i, i);

}

cardsListSorted = [];

while (cardsListOrdered.length>0) {

r = int(Math.random()*cardsListOrdered.length);

cardsListSorted.push(cardsListOrdered[r]);

cardsListOrdered.splice(r, 1)}

x = 0;

y = 0;

for (i=0; i<36; i++) {

attachMovie("Card", "Card"+i, i);

_root["Card"+i].picture = cardsListSorted[i];

_root["Card"+i]._x = x*60+200;

_root["Card"+i]._y = y*60+50;

x++;

if (x>5) {

x = 0;

y++;

}}

firstclip = 0;

}

function clickCard(clip) {

if (secondclip != 0) {

firstclip.enabled = true;

secondclip.enabled = true;

firstclip.gotoAndStop(1);

secondclip.gotoAndStop(1);

firstclip = 0;

secondclip = 0;

}

if (firstclip == clip) {

firstclip.gotoAndStop(1);

firstclip = 0}

else if (firstclip == 0) {

clip.gotoAndStop(clip.picture+1);

firstclip = clip;

firstclip.enabled = false}

else {

clip.gotoAndStop(clip.picture+1);

secondclip = clip;

secondclip.enabled = false;

if (firstclip.picture == secondclip.picture) {

firstclip.enabled = false;

secondclip.enabled = false;

firstclip = 0;

secondclip = 0;

}}}

--------------------------------------------------------------------------------------------------------------------
WILLSON MATCHING AS3 GAME CHANGE INTO JAVA SCRIPT
https://www.w3schools.com/code/tryit.asp?filename=FXH9W5FU0FOQ
--------------------------------------------------------------------------------------------------------------------

<html>

<body>

<style>

body{

width:1420px;

}

button {

border: green 3px solid;

background-color: #4CAF50;

border: none;

color: white;

padding: 15px 32px;

text-align: center;

text-decoration: none;

display: inline-block;

font-size: 16px;

margin: 4px 2px;

cursor: pointer;

}

#container1{

position:relative;

float:left;

height:900px;

width:632px;

background:red;

}

#container2{

position:relative;

float:right;

height:900px;

width:632px;

background:yellow;

}

</style>

<button id="Q3">couldn't</button>

<button id="Q5">doesn't</button>

<button id="Q9">haven't</button>

<button id="Q19">mightn't</button>

<button id="Q20">mustn't</button>

<button id="Q25">shouldn't</button>

<button id="Q27">there's</button>

<button id="Q35">weren't</button>

<button id="Q40">where's</button>

<button id="Q46">wouldn't</button>

<button id="Q51">gonna</button>

<button id="Q52">gotta</button>

<button id="Q53">gimme</button>

</div>

<button id="A2">cannot</button>

<button id="A3">could not</button>

<button id="A10">he had; he would</button>

<button id="A11">he will; he shall</button>

<button id="A13">I had; I would</button>

<button id="A14">I will; I shall</button>

<button id="A19">might not</button>

<button id="A21">shall not</button>

<button id="A22">she had; she would</button>

<button id="A23">she will; she shall</button>

<button id="A25">should not</button>

<button id="A27">there is; there has</button>

<button id="A28">they had; they would</button>

<button id="A29">they will; they shall</button>

<button id="A32">we had; we would</button>

<button id="A36">what will; what shall</button>

<button id="A40">where is; where has</button>

<button id="A42">who will; who shall</button>

<button id="A46">would not</button>

<button id="A47">you had; you would</button>

<button id="A48">you will; you shall</button>

<button id="A51">going to</button>

<button id="A55">madam</button>

</div>

</br></br></br></br></br></br></br></br></br></br></br></br>

<button id="Btn1">SHUFFLE</button>

for (var i = container1.children.length; i >= 0; i--) {

container1.appendChild(container1.children[Math.random() * i | 0]);

}

for (var i = container2.children.length; i >= 0; i--) {

container2.appendChild(container2.children[Math.random() * i | 0]);

}

var Array = [

Q1,A1,Q2,A2,Q3,A3,Q4,A4,Q5,A5,Q6,A6,Q7,A7,Q8,A8,Q9,A9,Q10,A10,Q11,A11,Q12,A12,Q13,A13,Q14,A14,Q15,A15,

Q16,A16,Q17,A17,Q18,A18,Q19,A19,Q20,A20,Q21,A21,Q22,A22,Q23,A23,Q24,A24,Q25,A25,Q26,A26,Q27,A27,Q28,A28,Q29,A29,Q30,A30,

Q31,A31,Q32,A32,Q33,A33,Q34,A34,Q35,A35,Q36,A36,Q37,A37,Q38,A38,Q39,A39,Q40,A40,Q41,A41,Q42,A42,Q43,A43,Q44,A44,Q45,A45,

Q46,A46,Q47,A47,Q48,A48,Q49,A49,Q50,A50,Q51,A51,Q52,A52,Q53,A53,Q54,A54,Q55,A55,

];

var indexNum;

var indexNum2;

var clicked1Time = false;

for(var j = 0; j < Array.length; j++){

Array[j].addEventListener("click",openCard,true);

}

function openCard(e){

e.target.style.visibility = "hidden";

indexNum = Math.floor(Array.indexOf(e.target)/2);

if(clicked1Time == false){

clicked1Time = true;

indexNum2 = indexNum;

}

else{

for(var j= 0; j < Array.length; j++){

Array[j].removeEventListener("click",openCard,true);

}

clicked1Time = false;

if(indexNum == indexNum2){

for(var k= 0; k < Array.length; k++){

Array[k].addEventListener("click",openCard,true);

}}

else{

for(var m = 0; m < Array.length; m++){

Array[m].addEventListener("click",openCard,true);

}

Array[Math.floor(indexNum*2)].style.visibility = "visible";

Array[Math.floor(indexNum*2) + 1].style.visibility = "visible";

Array[Math.floor(indexNum2*2)].style.visibility = "visible";

Array[Math.floor(indexNum2*2) + 1].style.visibility = "visible";

}}}

Btn1.onclick = function(){

for (var i = container1.children.length; i >= 0; i--) {

container1.appendChild(container1.children[Math.random() * i | 0]);

}

for (var i = container2.children.length; i >= 0; i--) {

container2.appendChild(container2.children[Math.random() * i | 0]);

}

</script>

</body>

</html>

---------------------------------------------------------------------------------------------------------------------

CARD MATCHING GAME SIMPLE WAY

http://www.actionscript.org/forums/showthread.php3?t=265732

http://www.ehow.com/how_7276291_tutorial-flash-memory-game.html

----------------------------------------------------------------------------------------------------------------------

var myReference:Number=1;

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;

}

var second:Boolean=false;
var firstCard_mc:MovieClip;
var secondCard_mc:MovieClip;

circle.onPress = function() {  
 circle.gotoAndStop("front");
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;
}
}

var second:Boolean=false;

var firstCard_mc:MovieClip;

var secondCard_mc:MovieClip;



circle.onPress = function() {  
 circle.gotoAndStop("front");
if(second)
{
secondCard_mc=this;
if(firstCard_mc.myReference==secondCard_mc.myReference) { trace("CORRECT");
delete circle.onPress;
//displays smiley face when cards matched correctly
done_circle.gotoAndPlay(2);
done_circle2.gotoAndPlay(2);

delete firstCard_mc.onPress;
delete secondCard_mc.onPress;
}
else { 
//displays cards for two seconds then turns them back over
firstCard_mc.gotoAndPlay("display_2secs");
secondCard_mc.gotoAndPlay("display_2secs"); }
second=false;

}
else
{
firstCard_mc=this;
second=true;
}
}

Flash College

Saturday, 28 February 2015

CARD MATCHING GAME AS2