var cards = [], P = [], E = [], card, HP = [150,150], car = cards.length; onload = function() { ele("audio[0]").load(); onclick = function(e) { ele("audio[0]").play(); }; ele("body[0]").style.display = ""; var add = 1; for (var stp = 0; stp < ele(".E").length; stp++) { ele(".E")[stp].style.marginLeft = ele(".P")[stp].style.marginLeft = 18.8*stp+add+++"%"; ele(".P")[stp].onclick = function(e) { if (card.getAttribute("data-name")=="Lightning"&&e.target.style.background!="") { tick(); e.target.innerHTML = e.target.innerHTML.replace(/HP:\d+/m,"HP:"+(e.target.getAttribute("data-life")-card.getAttribute("data-attack"))); e.target.setAttribute("data-life",e.target.getAttribute("data-life")-card.getAttribute("data-attack")); ele("#deck").removeChild(card); ref(); setTimeout(pass,200); } }; ele(".E")[stp].onclick = function(e) { if (card) { if (card[3]!="Skill") { tick(); } if (card.getAttribute("data-name")=="Heal"&&e.target.style.background!="") { e.target.innerHTML = e.target.innerHTML.replace(/HP:\d+/m,"HP:"+(Number(e.target.getAttribute("data-life"))+Number(card.getAttribute("data-life")))); e.target.setAttribute("data-life",Number(e.target.getAttribute("data-life"))+Number(card.getAttribute("data-life"))); ele("#deck").removeChild(card); ref(); setTimeout(pass,200); } if (card.getAttribute("data-element")=="Skill") { return; } e.target.innerHTML = card.innerHTML; e.target.style.background = card.style.background; e.target.style.color = card.style.color; E.splice(card.id.replace("c",""),1); e.target.setAttribute("data-life",card.getAttribute("data-life")); e.target.setAttribute("data-attack",card.getAttribute("data-attack")); e.target.setAttribute("data-defense",card.getAttribute("data-defense")); e.target.setAttribute("data-element",card.getAttribute("data-element")); e.target.setAttribute("data-name",card.getAttribute("data-name")); ele("#deck").removeChild(card); card = false; ref(); setTimeout(pass,200); }//ifcard }; } sort("rate"); gen(); card = ele(".card[0]"); ele(".card[0]").style.borderColor = "pink"; }; function gen() { var add = 1, tp = 1, cd = []; for (var stp = 0; stp < 30; stp++) { E.push(cards[cd[0]=rnd(0,cards.length-1)]); P.push(cards[cd[1]=rnd(0,cards.length-1)]); while (P[P.length-1]["Element"]=="Skill") { P[P.length-1] = cards[rnd(0,cards.length-1)]; } if (E[E.length-1]["Name"]=="Shinigami"||E[E.length-1]["Name"]=="Titania"||((E[E.length-1]["Name"]=="Spectre"||E[E.length-1]["Name"]=="Aracnae")&&rnd(0,2))) { cards.splice(cd[0],1); } else if (P[P.length-1]["Name"]=="Shinigami"||P[P.length-1]["Name"]=="Titania"||((P[P.length-1]["Name"]=="Spectre"||P[P.length-1]["Name"]=="Aracnae")&&rnd(0,2))) { cards.splice(cd[1],1); } var el = ele("#deck").appendChild(document.createElement("div")); if (!(stp%5)&&stp) { tp += 16; add = 1; } el.style.left = add+"%"; add += 19.8; el.style.top = tp+"vh"; el.className = "card"; el.id = "c"+stp; el.setAttribute("data-life",E[E.length-1]["Life"]); el.setAttribute("data-attack",E[E.length-1]["Attack"]); el.setAttribute("data-defense",E[E.length-1]["Defense"]); el.setAttribute("data-element",E[E.length-1]["Element"]); el.setAttribute("data-name",E[E.length-1]["Name"]); el.onclick = function() { card = this; ref(); this.style.borderColor = "pink"; }; el.style.background = elm(E[E.length-1]); el.innerHTML = E[E.length-1]["Name"]+"
HP:"+E[E.length-1]["Life"]+"
ATK:"+E[E.length-1]["Attack"]+"
DEF:"+E[E.length-1]["Defense"]; } }//gen function ref() { var add = 1; var tp = 1; for (var stp = 0; stp < ele(".card","#deck").length; stp++) { if (!(stp%5)&&stp) { tp += 16; add = 1; } ele(".card","#deck")[stp].style.left = add+"%"; add += 19.8; ele(".card","#deck")[stp].style.top = tp+"vh"; ele(".card","#deck")[stp].style.borderColor = "white"; } }//ref function pass() { for (var stp = 0; stp < ele(".E").length; stp++) { if (ele(".E")[stp].style.background!=""&&ele(".P")[stp].style.background=="") { for (var st = 0; st < P.length; st++) { if (P[st]["Attack"]>ele(".E")[stp].getAttribute("data-defense")&&P[st]["Element"]!="Skill") { ele(".P")[stp].style.background = elm(P[st]); ele(".P")[stp].innerHTML = P[st]["Name"]+"
HP:"+P[st]["Life"]+"
ATK:"+P[st]["Attack"]+"
DEF:"+P[st]["Defense"]; lml(stp,st); P.splice(st,1); return; }//if }//forst }//if }//forstp for (var stp = 0; stp < ele(".P").length; stp++) { if (ele(".E")[stp].style.background!=""&&ele(".P")[stp].style.background=="") { var ran; do { ran = rnd(0,P.length-1); } while (P[ran]["Element"]=="Skill") ele(".P")[stp].style.background = elm(P[ran]); ele(".P")[stp].innerHTML = P[ran]["Name"]+"
HP:"+P[ran]["Life"]+"
ATK:"+P[ran]["Attack"]+"
DEF:"+P[ran]["Defense"]; lml(stp,ran); P.splice(ran,1); return; } } for (var stp = 0; stp < ele(".P").length; stp++) { if (ele(".P")[stp].style.background=="") { var ran; do { ran = rnd(0,P.length-1); } while (P[ran]["Element"]=="Skill") ele(".P")[stp].style.background = elm(P[ran]); ele(".P")[stp].innerHTML = P[ran]["Name"]+"
HP:"+P[ran]["Life"]+"
ATK:"+P[ran]["Attack"]+"
DEF:"+P[ran]["Defense"]; lml(stp,ran); P.splice(ran,1); return; } } function lml(stp,st) { ele(".P")[stp].setAttribute("data-life",P[st]["Life"]); ele(".P")[stp].setAttribute("data-attack",P[st]["Attack"]); ele(".P")[stp].setAttribute("data-defense",P[st]["Defense"]); ele(".P")[stp].setAttribute("data-element",P[st]["Element"]); ele(".P")[stp].setAttribute("data-name",P[st]["Name"]); }//lml }//pass function elm(el) { var bg; switch (el["Element"]) { case "Fire": bg = "orange"; break; case "Lava": bg = "red"; break; case "Water": case "Sea": bg = "blue"; break; case "Light": bg = "yellow"; break; case "Ice": bg = "white"; break; case "Earth": bg = "brown"; break; case "Rock": bg = "lightgrey"; break; case "Stone": bg = "grey"; break; case "Nature": bg = "lightgreen"; break; case "Sky": case "Air": case "Wind": bg = "cyan"; break; case "Darkness": bg = "purple"; break; case "Skill": bg = "pink"; break; default: bg = "grey"; }//switch return bg; }//elm function tick() { for (var stp = 0; stp < ele(".E").length; stp++) { var atk = [ele(".E")[stp].getAttribute("data-attack"),ele(".P")[stp].getAttribute("data-attack")]; if (ele(".E")[stp].style.background==""||ele(".P")[stp].style.background=="") { if (ele(".E")[stp].style.background!="") { ele("p[0]").innerHTML = "Life : "+(HP[1]-=atk[0]); } else if (ele(".P")[stp].style.background!="") { ele("p[1]").innerHTML = "Life : "+(HP[0]-=atk[1]); } if (HP[0]<=0) { alert("You Lost... ~_~"); location.reload(); } else if (HP[1]<=0) { alert("You Won! ^_^"); location.reload(); } continue; } var hp = [ele(".E")[stp].getAttribute("data-life"),ele(".P")[stp].getAttribute("data-life")]; var def = [ele(".E")[stp].getAttribute("data-defense"),ele(".P")[stp].getAttribute("data-defense")]; atk = [atk[0]-def[1],atk[1]-def[0]]; atk = [atk[0]<=0?(!rnd(0,def[1]-atk[0]+1)?1:0):atk[0],atk[1]<=0?(!rnd(0,def[0]-atk[1]+1)?1:0):atk[1]]; hp = [hp[0]-atk[1],hp[1]-atk[0]]; if (hp[0]<=0) { ele(".E")[stp].style.background = ""; } if (hp[1]<=0) { ele(".P")[stp].style.background = ""; } ele(".E")[stp].setAttribute("data-life",hp[0]); ele(".P")[stp].setAttribute("data-life",hp[1]); ele(".E")[stp].innerHTML = ele(".E")[stp].innerHTML.replace(/HP:\d+/m,"HP:"+hp[0]); ele(".P")[stp].innerHTML = ele(".P")[stp].innerHTML.replace(/HP:\d+/m,"HP:"+hp[1]); } }//tick function list() { var add = 1, tp = 1; for (var stp = 0; stp < cards.length; stp++) { var el = ele("#p2").appendChild(document.createElement("div")); if (!(stp%5)&&stp) { tp += 16; add = 1; } el.style.left = add+"%"; add += 19.8; el.style.top = tp+"vh"; el.className = "card"; el.style.background = elm(cards[stp]); el.innerHTML = cards[stp]["Name"]+"
HP:"+cards[stp]["Life"]+"
ATK:"+cards[stp]["Attack"]+"
DEF:"+cards[stp]["Defense"]; } }//list function sort(typ) { cards = [[52,3,9,"Water","Titania"],[55,4,8,"Nature","Titania"],[54,5,8,"Light","Titania"],[40,7,4,"Darkness","Aracnae"],[36,2,5,"Water","Mermaid"],[50,6,5,"Lava","Igneel"],[21,2,6,"Darkness","Dark Elf"],[19,1,7,"Nature","Elf"],[20,5,2,"Darkness","Mage"],[38,1,7,"Darkness","Spirit"],[27,4,5,"Earth","Dragoon"],[32,4,7,"Light","Archangel"],[33,7,3,"Darkness","Spectre"],[30,4,5,"Air","Dragon"],[40,6,6,"Darkness","Shinigami"],[29,3,6,"Light","Angel"],[31,5,4,"Darkness","Daemon"],[26,6,3,"Earth","Warg"],[0,5,0,"Skill","Lightning"],[5,0,0,"Skill","Heal"],[5,1,0,"Earth","Pawn"],[10,1,1,"Wind","Bird"],[10,2,0,"Fire","Fire Elemental"],[10,0,2,"Water","Nymph"],[1,0,0,"Light","Pixie"],[5,2,2,"Wind","Sylph"],[5,3,0,"Earth","Snake"],[10,2,2,"Earth","Mini Golem"],[20,3,3,"Darkness","Succubus"],[15,3,2,"Fire","Salamander"],[15,4,2,"Fire","Ifreet"],[20,2,4,"Water","Undine"],[25,3,3,"Earth","Midgardsormr"],[15,5,1,"Fire","Phoenix"],[15,3,3,"Earth","Cait Sith"],[17,2,4,"Light","Unicorn"],[30,5,4,"Lava","Dragon"],[3,0,0,"Light","Fairy"],[20,4,4,"Darkness","Ghoul"],[20,4,3,"Earth","Barbarian"],[25,3,5,"Rock","Gargoyle"],[20,4,4,"Earth","Knight"],[25,4,4,"Darkness","Vampire"],[40,0,2,"Rock","Wall"],[30,3,4,"Darkness","Fenrir"],[35,5,5,"Stone","Golem"],[30,2,6,"Darkness","Lilith"],[27,4,4,"Darkness","Incubus"],[8,2,1,"Nature","Stinger"]]; var tmp = []; var car = cards.length; for (var stp = 0; stp < car; stp++) { var pt = 0, pts = 0, po = 0, abc = "0123456789()ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghigklmnopqrstuvwxyz"; for (var st = 0; st < cards.length; st++) { po = cards[st]; if (typ=="rate") { po = po[0]+2*po[1]+3*po[2]; } else if (typ=="life") { po = po[0]; } else if (typ=="attack") { po = po[1]; } else if (typ=="defense") { po = po[2]; } else if (typ=="element") { po = po[3]; } else { po = po[4]; } if (typ=="name"||typ=="element") { po = abc.length-abc.indexOf(po.charAt(0)); } if (po>pt) { pt = po; pts = st; } else if (po==pt&&typ!="rate") { var ph = po, pd = pt; if (typ!="name"&&typ!="element") { po = cards[st][0]+2*cards[st][1]+3*cards[st][2]; pt = cards[pts][0]+2*cards[pts][1]+3*cards[pts][2]; } else { po = abc.length-abc.indexOf(cards[st][typ=="element"?3:4].charAt(1)); pt = abc.length-abc.indexOf(cards[pts][typ=="element"?3:4].charAt(1)); } if (po>pt) { pt = ph; pts = st; continue; } pt = pd; } } tmp.push(cards[pts]); cards.splice(pts,1); } cards = tmp; if (ele("input[0]").checked==true) { cards.reverse(); } for (var stp = 0; stp < cards.length; stp++) { cards[stp] = {"Life":cards[stp][0],"Attack":cards[stp][1],"Defense":cards[stp][2],"Element":cards[stp][3],"Name":cards[stp][4]}; } ele("#p2").innerHTML = ""; list(); }//sort

CCG (BETA)