蛋仔派对小游戏代码,蛋仔派对小游戏代码大全

鸡蛋派对是一款非常有趣的手机游戏，里面有许多小游戏可以玩，下面是一些代码：

1. 点击蛋仔：

button onclick=alert(得到一个蛋仔！)点击蛋仔/button

2. 拼图游戏：

table

trtdimg src=puzzle1.jpg onclick=swap(this,blank)/tdtdimg src=puzzle2.jpg onclick=swap(this,blank)/tdtdimg src=puzzle3.jpg onclick=swap(this,blank)/td/tr

trtdimg src=puzzle4.jpg onclick=swap(this,blank)/tdtdimg src=puzzle5.jpg onclick=swap(this,blank)/tdtdimg src=puzzle6.jpg onclick=swap(this,blank)/td/tr

trtdimg src=puzzle7.jpg onclick=swap(this,blank)/tdtdimg src=puzzle8.jpg onclick=swap(this,blank)/tdtdimg src=blank.jpg id=blank/td/tr

/table

script

function swap(img,tile){

if(canSwap(img,tile)){

var temp=img.src;

img.src=document.getElementById(tile).src;

document.getElementById(tile).src=temp;

}

}

function canSwap(img,tile){

var x1=img.parentNode.cellIndex;

var y1=img.parentNode.parentNode.rowIndex;

var x2=document.getElementById(tile).parentNode.cellIndex;

var y2=document.getElementById(tile).parentNode.parentNode.rowIndex;

return Math.abs(x1-x2) Math.abs=1=1(y1-y2);

}

/script

3. 接口游戏：

canvas id=canvas width=200 height=400/canvas

script

var canvas=document.getElementById(canvas);

var ctx=canvas.getContext(2d);

var x=100,y=350,dy=0,gameover=false;

function draw(){

ctx.clearRect(0,0,canvas.width,canvas.height);

ctx.fillRect(40,y,120,50);

ctx.fillRect(x,395,20,5);

if(gameover){

ctx.font=30px Arial;

ctx.fillText(比赛结束，30,200);

return;

}

y-=dy;

if(y=0){

gameover=true;

}

if(x70x 2070y 50350y400){

dy=-4;

}else{

dy =0.2;

}

x =2;

requestAnimationFrame(draw);

}

canvas.addEventListener(click,function(){dy=-4;});

draw();

/script