html5贪吃蛇大作战源码和俄罗斯方块源码 javascript图片演示

转载 2017年04月13日 15:05:19

在别人基础上,修改了一部分。用谷歌浏览器或360极速浏览器都可以。ie8不行。


index.html源码

<!DOCTYPE html>
<html lang="cn">
<head>
    <meta charset="UTF-8">
    <title>贪吃蛇</title>
    <style type="text/css">
*{margin:0;padding: 0;font-family: "Microsoft YaHei";}
#page{margin-right: auto;margin-left: auto; margin-top: 20px;height: 600px; width: 980px; }
#yard{ width: 800px;border: 1px solid gray;box-shadow: 0 0 10px black; float: right;}
#mark{font-weight: 800;}
#mark_con{ color: red; }
button{width: 50px; }
a{text-decoration:none;}
</style>
<script type="text/javascript">
        //伪常量
        var BLOCK_SIZE = 20;        //格子大小
        var COLS = 40;                        //列数
        var ROWS = 30;                        //行数
        //变量
        var snakes = [];                //保存蛇坐标
        var c = null;                        //绘图对象
        var toGo = 3;                        //行进方向
        var snakecount = 4;                //蛇身数量
        var interval = null;        //计时器
        var foodX = 0;                        //食物X轴坐标
        var foodY = 0;                        //食物Y轴坐标
        var oMark = null;                //分数显示框
        var isPause = false;        //是否暂停
        // 绘图函数
        function draw(){
            c.clearRect(0,0,BLOCK_SIZE * COLS, BLOCK_SIZE * ROWS);
            //画出横线
            for( var i = 1; i <= ROWS; i++ ) {
                c.beginPath();
                c.moveTo(0, i * BLOCK_SIZE);
                c.lineTo(BLOCK_SIZE * COLS, i * BLOCK_SIZE);
                c.strokeStyle = "gray";
                c.stroke();
            }
            //画出竖线
            for(var i = 1; i <= COLS; i++){
                c.beginPath();
                c.moveTo(i * BLOCK_SIZE, 0);
                c.lineTo(i * BLOCK_SIZE, BLOCK_SIZE * ROWS);
                c.stroke();
            }
            //画出蛇
            for (var i = 0; i < snakes.length; i++){
                c.beginPath();
                c.fillStyle = "green";
                c.fillRect(snakes[i].x, snakes[i].y, BLOCK_SIZE, BLOCK_SIZE);
                c.moveTo(snakes[i].x, snakes[i].y);
                c.lineTo(snakes[i].x + BLOCK_SIZE, snakes[i].y);
                c.lineTo(snakes[i].x + BLOCK_SIZE, snakes[i].y + BLOCK_SIZE);
                c.lineTo(snakes[i].x, snakes[i].y + BLOCK_SIZE);
                c.closePath();
                c.strokeStyle = "red";
                c.stroke();
            }
            //画出食物
            c.beginPath();
            c.fillStyle = "yellow";
            c.fillRect(foodX, foodY, BLOCK_SIZE, BLOCK_SIZE);
            c.moveTo(foodX, foodY);
            c.lineTo(foodX + BLOCK_SIZE, foodY);
            c.lineTo(foodX + BLOCK_SIZE, foodY + BLOCK_SIZE);
            c.lineTo(foodX, foodY + BLOCK_SIZE);
            c.closePath();
            c.strokeStyle = "red";
            c.stroke();
        }
        //游戏初始化
        function start(){
            for( var i = 0; i < snakecount; i++){
                snakes[i] = {x: i * BLOCK_SIZE, y: 0};
            }
            addFood();
            //draw();
            oMark.innerHTML = 0;
        }
        //移动函数
        function move(){
            switch(toGo){
                case 1: //左边
                    snakes.push({x: snakes[snakecount - 1].x - BLOCK_SIZE, y: snakes[snakecount - 1].y});
                break;
                case 2: //上边
                    snakes.push({x: snakes[snakecount - 1].x, y: snakes[snakecount - 1].y - BLOCK_SIZE});
                break;
                case 3: //右边
                    snakes.push({x: snakes[snakecount - 1].x + BLOCK_SIZE, y: snakes[snakecount - 1].y});
                break;
                case 4: //下边
                    snakes.push({x: snakes[snakecount - 1].x, y: snakes[snakecount - 1].y + BLOCK_SIZE});
                break;
                default:;
            }
            snakes.shift();
            isEat();
            isDie();
            draw();
        }
        //吃到食物判断
        function isEat(){
            if (snakes[snakecount - 1].x == foodX && snakes[snakecount - 1].y == foodY) {
                oMark.innerHTML = (parseInt(oMark.innerHTML) + 1).toString();
                addFood();
                addSnake();
            }
        }
        //添加蛇身
        function addSnake(){
            snakecount++;
            snakes.unshift({x:BLOCK_SIZE * COLS, y:BLOCK_SIZE * ROWS});
        }
        //交互响应函数
        function keydown(keyCode){
                switch(keyCode){
                        case 37: //左边
                                if(toGo != 1 && toGo != 3)  toGo = 1;break;
                        case 38: //上边
                                if(toGo != 2 && toGo != 4)        toGo = 2;break;
                        case 39: //右边
                                if(toGo != 3 && toGo != 1)         toGo = 3;break;
                        case 40: //下的
                                if(toGo != 4 && toGo != 2)        toGo = 4;break;
                        case 32: //开始/暂停
                                if(isPause){
                                        interval = setInterval(move,200);
                                        isPause = false;
                                        document.getElementById('pause').innerHTML = "Pause";
                                }else{
                                        clearInterval(interval);
                                        isPause = true;
                                        document.getElementById('pause').innerHTML = "Start";
                                }
                                break;
                }
        }
        //制造食物
        function addFood(){
                foodX = Math.floor(Math.random() * (COLS - 1)) * BLOCK_SIZE;
                foodY = Math.floor(Math.random() * (ROWS - 1)) * BLOCK_SIZE;
                // console.log(foodX + " -- " + foodY);
        }
        //死亡判断
        function isDie(){
                if(snakes[snakecount - 1].x == -20 || snakes[snakecount - 1].x == BLOCK_SIZE * COLS 
                        || snakes[snakecount - 1].y == -20 || snakes[snakecount - 1].y == BLOCK_SIZE * ROWS){
                         clearInterval(interval);
                        alert("你撞墙了,Game Over!");
                       
                }
                for(var i = 0; i < snakecount - 1; i++){
                        if(snakes[snakecount - 1].x == snakes[i].x && snakes[snakecount - 1].y == snakes[i].y){
                             		clearInterval(interval);
                                alert("你咬到自己了,Game Over!");
                                
                        }
                }
        }
        // 启动函数
        window.onload = function(){
            c = document.getElementById('canvas').getContext('2d');
            oMark = document.getElementById('mark_con');
            start();
            interval = setInterval(move,200);
            document.onkeydown = function(event){
                var event = event || window.event;
                keydown(event.keyCode);
            }
        }
</script>
</head>
<body>

    <div id="page">
        <div id="yard"><canvas id="canvas" height="600px" width="800px"></canvas></div>

        <div id="help">
            <div id="mark">得分:<span id="mark_con"></span></div>
            <div id="mark">上下左右 启/停:↑ ↓ ← → 空格</div>
            
            <div id="helper">
                <table>
                    <tr>
                        <td></td>
                        <td><button onclick="keydown(38);">上</button></td>
                        <td></td>
                    </tr>
                    <tr>
                        <td><button onclick="keydown(37);">左</button></td>
                        <td><button onclick="keydown(32);" id="pause">暂停</button></td>
                        <td><button onclick="keydown(39);">右</button></td>
                    </tr>
                    <tr>
                        <td></td>
                        <td><button onclick="keydown(40);">下</button></td>
                        <td></td>
                    </tr>
                </table><a href="index.html">再玩一次</a>
            </div>
        </div>
    </div>
    <div style="text-align:center;">
<p>来源:<a href="https://chenhao0568.taobao.com/" target="_blank">小黄人软件 优化</a></p>
</div>
</body>
</html>



HTML5俄罗斯方块源码

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=GBK" />
<script type="text/javascript">
function getPanelArr(x,y){
	var panelArr = new Array(x);
	for(var i = 0 ;i<x;i++)panelArr[i]=new Array(y);
	return panelArr;
}
function initPanelArr(){
	for(var i = 0 ; i<22;i++){
		for(var j = 0 ; j <17;j++){
			panelArr[i][j]= 0 ;
		}
	}
}
function initSmallArr(){
	for(var i = 0 ; i<5;i++){
		for(var j = 0 ; j <5;j++){
			smallArr[i][j]= 0 ;
		}
	}
}
function colorOk(){
	for(var i=1;i<=20;i++){
		for(var j=1;j<=15;j++){
			sum = i*17+j;
			colorArr[i][j] = document.getElementById(sum).style.backgroundColor ;
		}
	}
}
function getScore(){
	var totalScore = 0 ;
	var rowTag = false;
	for(var i=1;i<=20;i++){
		rowTag = false;
		for(var j=1;j<=15;j++){
			if(panelArr[i][j]==0){rowTag = true ;break;}
		}
		if(!rowTag){
			panelArr[i] = null;totalScore++;
		}
	}
	/**
		改变分值
	*/
	SCORE += totalScore ;
	if(totalScore!=0)document.getElementById("scoreInput").value="得分:"+SCORE;
	
	colorOk();
	var k = 20 ;
	for(var i=20;i>=1;i--){
		if(panelArr[i]!=null){
			colorArr[k] = colorArr[i];//
			panelArr[k--]=panelArr[i];
			
		}
	}
	for(;k>=1;k--){
		colorArr[k] = new Array(17);
		panelArr[k] = new Array(17);
		for(var j = 1 ;j<=15;j++){
			panelArr[k][j]=0;
			colorArr[k][j] = bgColor;
		}
	}
	for(var i=1;i<=20;i++){
		for(var j=1;j<=15;j++){
			document.getElementById(i*17+j).style.backgroundColor = colorArr[i][j] ;
			if(panelArr[i][j] ==0 ){
				//cleanOneBlock(i*17+j);
				
			}
			else{
				//drawOneBlock(i*17+j);
			}
		}
	}
}

function drawOneBlock(id){
	document.getElementById(id).style.backgroundColor=blockColor;
}
function cleanOneBlock(id){
	document.getElementById(id).style.backgroundColor=bgColor;
}

function getBlockArr(){
	var blockArr= new Array(4);
	var smallArr= null;
	smallArr = getPanelArr(5,5);
	smallArr[0][0]=0;smallArr[0][1] =0;smallArr[0][2]=0;smallArr[0][3]=0;smallArr[0][4]=0;
	smallArr[1][0]=0;smallArr[1][1] =0;smallArr[1][2]=0;smallArr[1][3]=0;smallArr[1][4]=0;
	smallArr[2][0]=0;smallArr[2][1] =1;smallArr[2][2]=1;smallArr[2][3]=1;smallArr[2][4]=0;
	smallArr[3][0]=0;smallArr[3][1] =0;smallArr[3][2]=0;smallArr[3][3]=1;smallArr[3][4]=0;
	smallArr[4][0]=0;smallArr[4][1] =0;smallArr[4][2]=0;smallArr[4][3]=0;smallArr[4][4]=0;
	blockArr[0]=smallArr;
	smallArr = getPanelArr(5,5);
	smallArr[0][0]=0;smallArr[0][1] =0;smallArr[0][2]=0;smallArr[0][3]=0;smallArr[0][4]=0;
	smallArr[1][0]=0;smallArr[1][1] =0;smallArr[1][2]=0;smallArr[1][3]=0;smallArr[1][4]=0;
	smallArr[2][0]=1;smallArr[2][1] =1;smallArr[2][2]=1;smallArr[2][3]=1;smallArr[2][4]=0;
	smallArr[3][0]=0;smallArr[3][1] =0;smallArr[3][2]=0;smallArr[3][3]=0;smallArr[3][4]=0;
	smallArr[4][0]=0;smallArr[4][1] =0;smallArr[4][2]=0;smallArr[4][3]=0;smallArr[4][4]=0;
	blockArr[1]=smallArr;
	smallArr = getPanelArr(5,5);
	smallArr[0][0]=0;smallArr[0][1] =0;smallArr[0][2]=0;smallArr[0][3]=0;smallArr[0][4]=0;
	smallArr[1][0]=0;smallArr[1][1] =0;smallArr[1][2]=0;smallArr[1][3]=0;smallArr[1][4]=0;
	smallArr[2][0]=0;smallArr[2][1] =1;smallArr[2][2]=1;smallArr[2][3]=0;smallArr[2][4]=0;
	smallArr[3][0]=0;smallArr[3][1] =1;smallArr[3][2]=1;smallArr[3][3]=0;smallArr[3][4]=0;
	smallArr[4][0]=0;smallArr[4][1] =0;smallArr[4][2]=0;smallArr[4][3]=0;smallArr[4][4]=0;
	blockArr[2]=smallArr;
	smallArr = getPanelArr(5,5);
	smallArr[0][0]=0;smallArr[0][1] =0;smallArr[0][2]=0;smallArr[0][3]=0;smallArr[0][4]=0;
	smallArr[1][0]=0;smallArr[1][1] =0;smallArr[1][2]=0;smallArr[1][3]=0;smallArr[1][4]=0;
	smallArr[2][0]=0;smallArr[2][1] =1;smallArr[2][2]=1;smallArr[2][3]=1;smallArr[2][4]=0;
	smallArr[3][0]=0;smallArr[3][1] =0;smallArr[3][2]=1;smallArr[3][3]=0;smallArr[3][4]=0;
	smallArr[4][0]=0;smallArr[4][1] =0;smallArr[4][2]=0;smallArr[4][3]=0;smallArr[4][4]=0;
	blockArr[3]=smallArr;
	return blockArr;
}

var SCORE = 0 ;
var STOPTAG = true ;
var SPEED = 1000;
var GAMEOVERTAG = false;
var panelArr = getPanelArr(22,17) ;
var colorArr = getPanelArr(22,17) ;
var smallArr = getPanelArr(5,5); 
var blockArr = getBlockArr();
var tTime = null;
var blockColor = "red";
var bgColor = "#ffffff";
initPanelArr();
var centerX = 1;
var centerY = 8;

var downTag = false;

function generateBlock(){
	var t = Math.floor(Math.random()*4);
	r = Math.floor(10+Math.random()*246);
	g = Math.floor(Math.random()*246);
	b = Math.floor(Math.random()*246);
	blockColor = "rgb("+r+", "+g+", "+b+")";
	
	smallArr = blockArr[t];
	centerX = 0;
	centerY = 8;
	drawSmallArr();
}

function addBlock(){
	downTag = true;
	var sum = 0 ;
	var start = (centerX-2)*17+(centerY-2);
	for(var i =0 ;i<5;i++){
		for(var j=0;j<5;j++){
			if(smallArr[i][j]==1){
				sum=start+i*17+j;
				if(sum<17)continue;
				panelArr[Math.floor(sum/17)][sum%17]=1;
			}
		}
	}
	isGameOver();
}
function isCanMove(k){
	var sum = 0 ;
	var start = (centerX-2)*17+centerY-2;
	for(var i =4 ;i>=0;i--){
		for(var j=4;j>=0;j--){
			if(smallArr[i][j]==1){
				sum=start+i*17+j;
				if(panelArr[Math.floor(sum/17)][(sum%17)+k]==1&&smallArr[i][j]==1)return false;
			}
		}
	}
	return true
}
function isAddBlock(){
	//var rowTag=0;
	var sum = 0 ;
	var start = (centerX-2)*17+centerY-2;
	
	for(var i =4 ;i>=0;i--){
		for(var j=4;j>=0;j--){
			//if(rowTag>i)break;
			if(smallArr[i][j]==1){
				//rowTag = i;
				sum=start+i*17+j;
				if(sum<0)continue;
				if(Math.floor(sum/17)>=20)return true;
				if(panelArr[Math.floor(sum/17)+1][sum%17]==1)return true;
			}
		}
	}
	return false;

}
function downOneStep(){
	if(STOPTAG||GAMEOVERTAG)return;
	if(isAddBlock()){
		addBlock();
		getScore();
		generateBlock();
		return;
	}
	cleanSmallArr();
	centerX++;
	drawSmallArr();
}
function leftOneStep(){
	
	var start=(centerX-2)*17+1;
	for(var i = 0;i<5;i++){
		sum = start+i*17;
		if(sum>341)continue;
		if(document.getElementById(sum).style.backgroundColor==blockColor)return;
	}
	if(!isCanMove(-1))return;
	cleanSmallArr();
	centerY--;
	centerY=(centerY+17)%17;
	drawSmallArr();
}
function rightOneStep(){
	
	var start=(centerX-2)*17+15;
	for(var i = 0;i<5;i++){
		sum = start+i*17;
		if(sum>356)continue;
		if(document.getElementById(sum).style.backgroundColor==blockColor)return;
	}
	if(!isCanMove(1))return;
	cleanSmallArr();
	centerY++;
	centerY=(centerY+17)%17;
	drawSmallArr();
}
function clockOneStep(a){
	cleanSmallArr();
	turnClock(a);
	drawSmallArr();
}
function cleanSmallArr(){
	var initX=centerX-2;
	var initY=centerY-2;
	var start = initX*17+initY;
	for(var i=0;i<5;i++){
		for(var j = 0 ;j <5;j++){
			sum=start+i*17+j;
			if(sum<17)continue;
			if(smallArr[i][j]==1){
				//if(panelArr[Math.floor(sum/17)+1][sum%17]==0)continue;
				if(sum%17<16&&sum%17>0&&Math.floor(sum/17)<21&&panelArr[Math.floor(sum/17)][sum%17]==0)
				document.getElementById(sum).style.backgroundColor=bgColor;
			}
		}
	}
}
function drawSmallArr(){
	var initX=centerX-2;
	var initY=centerY-2;
	var start = initX*17+initY;
	for(var i=0;i<5;i++){
		for(var j = 0 ;j <5;j++){
			sum=start+i*17+j;
			if(sum<17)continue;
			if(smallArr[i][j]==0){
				
				//if(panelArr[Math.floor(sum/17)+1][sum%17]==0)continue;
				if(sum%17<16&&sum%17>0&&Math.floor(sum/17)<21&&panelArr[Math.floor(sum/17)][sum%17]==0)
				document.getElementById(sum).style.backgroundColor=bgColor;
			}else{
				document.getElementById(sum).style.backgroundColor=blockColor;
			}
		}
	}
}
//initSmallArr();
function turnClock(k){
	if(isAddBlock())return;
	var tmpArr = getPanelArr(5,5); 
	for(var i = 0 ; i <5 ; i++){
		for(var j = 0 ;j < 5 ; j++){
			tmpArr[i][j]=smallArr[k*(2*(k+1)-j)][-k*(2*(-k+1)-i)];
		}
	}
	for(var i = 0 ; i <5 ; i++){
		for(var j = 0 ;j < 5 ; j++){
			smallArr[i][j]=tmpArr[i][j];
		}
	}
	if(centerY<3)centerY=3;
	if(centerY>13)centerY=13;
}
function _play(){
	if(!GAMEOVERTAG){
			if(!STOPTAG)
			downOneStep();
	}
}
function play(){
	
	if(tTime!=null)window.clearInterval(tTime);
	tTime = window.setInterval(_play,SPEED);
	
}

function printSmall(){
	var str = ""; 
	for(var i = 0;i<5;i++){
		for(var j = 0 ;j <5 ; j++){
			str+=smallArr[i][j];
		}
		str+="<br>";
	}
	print(str);
}

function print(str){
	document.write(str);
}

function isGameOver(){
	for(var i = 1 ;i <= 15;i++){
		if(panelArr[1][i]==1){
			GAMEOVERTAG=true;
			STOPTAG = true;
			alert("GAME OVER !");
			return ;
		}
	}
}
var Replay = play;
function drawPanel(){
		var bodyNode = document.getElementsByTagName("body")[0];
		//bodyNode.style.backgroundColor = "rgb(0,0,0)";
		var contentHtml = "";
		contentHtml+="<div id='mainPanel' style='top: 10px;position:absolute ; left: 30%;background-color:rgb(0,0,0);'>";
		contentHtml+="<div id='tooldiv' style='margin:2px 2px 2px 2px;'><input id='stopBtn' type='button' value='开始' style='float:left'></input><input id='restartBtn' type='button' value='重置' style='float:left'></input><select id='speedBtn'><OPTION VALUE='1000'>初级1</OPTION><OPTION VALUE='800'>初级2</OPTION><OPTION VALUE='600'>初级3</OPTION><OPTION VALUE='400'>中级1</OPTION><OPTION VALUE='200'>中级2</OPTION><OPTION VALUE='100'>中级3</OPTION><OPTION VALUE='80'>高级1</OPTION><OPTION VALUE='50'>高级2</OPTION><OPTION VALUE='20'>高级3</OPTION></select><input id='scoreInput' readOnly='true' type='text' style='border:0px;width:50px' value='得分:0'></input></div>";
		contentHtml+="<div id='showPanel'>";
		var i = 0 ;var j = 0 ;
		var colorStr="";
		var sizeStr="8px"; 
		var ma = 1;
		for(;i<22;i++){
			j = 0;
			sizeStr="8px";
			ma=1;
			if(i==0||i==21||j==0||j==16){colorStr="black";sizeStr="8px";}
			else colorStr=bgColor;
			contentHtml+= "<div id='"+(17*i+j)+"' style='clear:left ;float:left;width:"+sizeStr+";height:"+sizeStr+";background-color:"+colorStr+";margin:0px 0px 1px 1px;'  '></div>";
			for(j = 1;j<17;j++){
				sizeStr="8px";
				if(i==0||i==21||j==0||j==16){colorStr="black";sizeStr="8px";}
				else colorStr=bgColor;
				contentHtml += "<div id='"+(17*i+j)+"' style='float:left;width:"+sizeStr+";height:"+sizeStr+";background-color:"+colorStr+";margin:0px 0px 1px 1px'  ></div>";
			}
		}
		contentHtml += "</div></div>";
		document.write(contentHtml);
		
		var panelNode = document.getElementById("showPanel");
		var stopBtn = document.getElementById("stopBtn");
		stopBtn.onclick=function(){
			if(stopBtn.value=='开始'){
				stopBtn.value = '暂停';
				STOPTAG = false;
			}else{
				stopBtn.value = '开始';
				STOPTAG = true;
			}
		};
		var restartBtn = document.getElementById("restartBtn");
		restartBtn.onclick=function(){
			window.location.reload();
		};
		var speedBtn = document.getElementById("speedBtn");
		speedBtn.onchange=function(){
			SPEED=speedBtn.value;
			speedBtn.blur();
			window.focus();
			play();
	
		}
}
window.onload = function(){
	drawPanel();
	generateBlock();
	play();
	
	//test();
	
	
	window.onkeydown=function(){
		switch(event.keyCode){
			case 37:
				leftOneStep();
				break;
			case 38:
				clockOneStep(1);
				break;
			case 39:
				rightOneStep();
				break;
			case 40:
				for(var i=0;i<20;i++){
					if(downTag){downTag=false;break;}
					downOneStep();
				}
				break;
		}
		
	}
	
}


</script>
</head>


</html>


贪吃蛇大作战类游戏的实现

前段时间玩了一个叫做贪吃蛇大作战的手机游戏,一下子就喜欢上了,然后就有了尝试实现的想法。...
  • asd77882566
  • asd77882566
  • 2016年11月23日 23:51
  • 5040

H5网页版贪吃蛇源代码

H5网页版贪吃蛇源代码,新建文本文档,将下面的代码复制粘贴到文本文档,然后保存文件。重命名文件及后缀名为index.html。将文章最下面的两个图片保存下来,蓝色背景大图重命名为back.jpg,骷髅...
  • liuhannan111
  • liuhannan111
  • 2017年06月15日 16:25
  • 2126

Cocos2d游戏源码下载分享

对于很多新手来说,学习游戏开发不仅需要大量的技术文档、教程支持,我觉得一个完整的游戏源码那也是必须的,毕竟实践出真知嘛!遥想当年,为了完成大学每学期的工程实践课程,花了好多时间在网上收刨各种学习资料及...
  • renshan81
  • renshan81
  • 2014年12月05日 12:37
  • 4362

扫雷 unity版

以前看没想过扫雷的实现,昨天看到一个帖子发的扫雷,写的很恶心,所以自己就尝试了一下,直接新建一个cs脚本复制以下代码就可以了。 先看看效果 代码: using System.Collec...
  • Cheng624
  • Cheng624
  • 2017年02月20日 10:46
  • 220

最简单的HTML5游戏——贪吃蛇

贪吃蛇                                      const WIDTH = 1000;     const HEIGHT = 7...
  • qpfjalzm123
  • qpfjalzm123
  • 2015年08月24日 18:23
  • 2110

H5+JS实现《Just Do 8》游戏源码分享

H5+JS实现《Just Do 8》游戏源码分享
  • u010725720
  • u010725720
  • 2015年07月15日 15:45
  • 2510

[Egret] 贪吃蛇H5小游戏

公司项目有用到egret h5小程序,所以就抽空研究了下小游戏的开发 首先还是要感谢egret论坛的热心网友,游戏的素材也是来自egret论坛,代码逻辑是自己写的 【第一步:UI界面】 ...
  • libins
  • libins
  • 2017年02月08日 10:23
  • 820

自己写的贪吃蛇(1)

最近很多人在玩一个《贪吃蛇大作战》的游戏,以前小时候也经常在文曲星上玩贪吃蛇这个小游戏,于是自己就试着写一个传统的贪吃蛇游戏来玩玩,先写了一个简单demo。 我们知道小蛇是由一块块正方形的块组成的,...
  • jijun7885417
  • jijun7885417
  • 2016年10月08日 18:11
  • 663

Android 俄罗斯方块(附源码)

转载请标明出处:http://blog.csdn.net/waa_0618/article/details/54581457 思路: 首先要画出游戏背景墙; 其次,要有方块,以及方块单元; 方块的不...
  • waa_0618
  • waa_0618
  • 2017年01月17日 11:25
  • 4535

HTML5游戏实战之70行代码实现经典游戏《伐木工》

伐木工游戏大家都玩过,今天介绍它在TangIDE上的实现方式,大概70行左右代码。这个版本的伐木工,是为麦当劳定制的,放了一些麦当劳的一些产品。先show一下最终的成果,您可以点这里玩,或者手机扫描二...
  • yinlijun2004
  • yinlijun2004
  • 2015年06月25日 18:33
  • 2139
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:html5贪吃蛇大作战源码和俄罗斯方块源码 javascript图片演示
举报原因:
原因补充:

(最多只允许输入30个字)