利用HTML5 <canvas>实现2048小游戏

最新推荐文章于 2024-05-16 02:28:14 发布

墨影司

最新推荐文章于 2024-05-16 02:28:14 发布

阅读量3.5k

点赞数 1

分类专栏： web前端文章标签： HTML5 canvas javascript 2048

本文链接：https://blog.csdn.net/u012879038/article/details/21873477

版权

//仅供学习用，请勿用于其他用途

嗯，花一天写了一下，当做练手，后来发现其实用CSS3来做会比较轻松而且好看点...有机会就补上

肯定没有原版的好看好操作，而且貌似封装得也不太行，将就着看看吧

最后成品图：

index.html:

<!DOCTYPE HTML>
<html>
	<head>
		<title>2048</title>
	</head>
	<body>
		<div id = "content">
			<canvas id = "drawing">
				your browser doesn't support canvas!
			</canvas>
		</div>
		<script type="text/javascript" src="js/jquery-2.0.3.js"></script>
		<script type="text/javascript" src="js/chesspieces.js"></script>
		<script type="text/javascript" src="js/drawing.js"></script>
		<script type="text/javascript" src="js/game.js"></script>
	</body>
</html>

chesspieces.js:

var Cp = {
	
	up : function(map){
		var i , j , t , k , flag;
		flag = 0;
		for ( i = 0; i < map.length; i++ ){
			for( j = 0; j < map[i].length ; j++){
				if(map[i][j] >

最低0.47元/天解锁文章

墨影司

关注

1
点赞
踩
6

收藏

觉得还不错? 一键收藏
7
评论
利用HTML5 <canvas>实现2048小游戏

嗯，花一天写了一下，当做练手，后来发现其实用CSS3来做会比较轻松而且好看点...有机会就补上肯定没有原版的好看好操作，而且貌似封装得也不太行，将就着看看吧最后成品图：index.html: 2048 your browser doesn't support canvas! chesspi
复制链接

扫一扫

专栏目录