蛋仔派对小游戏代码,蛋仔派对小游戏代码大全
蛋仔派对是一款很有趣的手机游戏，里面有很多小游戏可以玩，下面是一些代码：
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>
以上就是三个小游戏的代码，可以试着在手机上运行一下，体验一下有趣的游戏吧！
