近年來，HTML小游戲越來越受歡迎，并且越來越多的人開始學習和創建HTML小游戲。想要創作一款好的HTML小游戲，開發者需要利用一些代碼源或者樣例代碼，以便更好地理解和掌握HTML游戲的制作方法。現在，我們為你介紹一些優秀的HTML小游戲代碼源。

/* 1. Flappy Bird */
//以下是小鳥飛的主要代碼
var bird={x:140,y:280};
var speed=0;
var upSpeed=-8;
var downSpeed=2;
var birdImg=new Image();
birdImg.src="bird.png";
birdImg.onload=function(){
bird.width=birdImg.width;
bird.height=birdImg.height;
}
function drawBird(){
speed=speed+downSpeed;
bird.y=bird.y+speed;
ctx.drawImage(birdImg,bird.x,bird.y,bird.width,bird.height);
}
function birdUp(){
speed=upSpeed;
}
//中途撞到障礙停止游戲    
function checkCrash(){
if((bird.y<0)||(bird.y+bird.height>obstacle.y)&&((bird.x+bird.width>obstacle.x)&&(bird.x
/* 3. 消除游戲 */
// 消除游戲主要代碼
var score=0;
var container=document.getElementById("container");
var blockArr=new Array();
for(var i=0;i<30;i++){
var row=new Array();
for(var j=0;j<30;j++){
var block=document.createElement("div");
block.className="block";
block.x=j*20;
block.y=i*20;
container.appendChild(block);
row.push(block);
}
blockArr.push(row);
}
function clearBlock(x,y){
if(blockArr[y][x].className=="block"){
blockArr[y][x].className="emptyBlock";
score++;
if(x>0){clearBlock(x-1,y);}
if(x<29){clearBlock(x+1,y);}
if(y>0){clearBlock(x,y-1);}
if(y<29){clearBlock(x,y+1);}
}
}

這些代碼源可以幫助開發者熟悉HTML游戲的制作，加深了解HTML游戲的代碼運行方式。