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

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

1. 点击蛋仔：

<button onclick="alert('获得一枚蛋仔！')">点击蛋仔</button>

2. 拼图游戏：

<table>

<tr><td><img src="puzzle1.jpg" onclick="swap(this,'blank')"></td><td><img src="puzzle2.jpg" onclick="swap(this,'blank')"></td><td><img src="puzzle3.jpg" onclick="swap(this,'blank')"></td></tr>

<tr><td><img src="puzzle4.jpg" onclick="swap(this,'blank')"></td><td><img src="puzzle5.jpg" onclick="swap(this,'blank')"></td><td><img src="puzzle6.jpg" onclick="swap(this,'blank')"></td></tr>

<tr><td><img src="puzzle7.jpg" onclick="swap(this,'blank')"></td><td><img src="puzzle8.jpg" onclick="swap(this,'blank')"></td><td><img 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(y1-y2)==1;

}

</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(x<70&&x+20>70&&y+50>350&&y<400){

dy=-4;

}else{

dy+=0.2;

}

x+=2;

requestAnimationFrame(draw);

}

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

draw();

</script>

以上就是三个小游戏的代码，可以试着在手机上运行一下，体验一下有趣的游戏吧！