html5小游戏代码-2048游戏

<!doctype html>
<meta name="author" content="苏道涵"/>
<meta name="keywords" content="2048"/>
<meta http-equiv="content-Type" content="text/html;charset=gb2312"/><html>
<head>
<title>2048小游戏</title>
<style>
.up,.down,.left,.right{
font-size:30px;}
canvas{
border-style:solid;
float:left;
}
.right{float:left;
margin-top:80px;
margin-left:400px;
height:100px;
width:50px;
}
.down,.up{margin-left:550px;
}
.left{
margin-top:80px;
margin-bottom:100px;}</style>
</head><body>
<h1 align=center>2048小游戏</h1>
<div class="down" onclick="down()">下</div>
<div class="right" onclick="right()">右</div>
<canvas id="drawing" height=200px width=200px ></canvas>
<div class="left" onclick="left()">左</div>
<div class="up" onclick="up()">上</div>
<script>
var tArray=new Array();
for(var i=0;i<4;i++){
tArray[i]=new Array();
for(var t=0;t<4;t++){
tArray[i][t]="";
}
}
var locx;var locy;
function produce(){
locx=Math.ceil(Math.random()*4-1);
locy=Math.ceil(Math.random()*4-1);
if(locx==-1||locy==-1||tArray[locx][locy]!=""){
produce();
}
}
produce();
tArray[locx][locy]=2;
produce();
tArray[locx][locy]=4;
var drawing=document.getElementById("drawing");
if(drawing.getContext){
var context=drawing.getContext("2d");
context.beginPath();
context.lineWidth=0.25;
for(var t2=0;t2<3;t2++){
context.moveTo(50+t2*50,0);
context.lineTo(50+t2*50,200);
}
for(var i2=0;i2<3;i2++){
context.moveTo(0,50+i2*50);
context.lineTo(200,50+i2*50);
}context.stroke();}function display(){
for(var t1=0;t1<4;t1++){
for(var i1=0;i1<4;i1++){
context.clearRect(50*t1,50*i1,50,50);
context.strokeRect(50*t1,50*i1,50,50);
context.fillText(tArray[t1][i1],20+50*t1,30+50*i1);
}
}}
display();
var zeno=0;
function down(){for(var t3=0;t3<4;t3++){
for(var i3=0;i3<4;i3++){
if(tArray[t3][i3]==""){
zeno++;
}
else if((zeno!=0)&&(i3>zeno)&&(tArray[t3][i3-1-zeno]==tArray[t3][i3])){
tArray[t3][i3-1-zeno]=tArray[t3][i3-1-zeno]+tArray[t3][i3];
tArray[t3][i3]="";
zeno++;
}
else{if(tArray[t3][i3+1]==tArray[t3][i3]){
tArray[t3][i3]=tArray[t3][i3]+tArray[t3][i3+1];
tArray[t3][i3+1]="";}if(zeno!=0){
tArray[t3][i3-zeno]=tArray[t3][i3];
tArray[t3][i3]="";
}}}zeno=0;
}
output();
display();
zeno=0;
}function up(){
for(var t3=0;t3<4;t3++){
for(var i3=3;i3>=0;i3--){
if(tArray[t3][i3]==""){
zeno++;
}
else if((zeno!=0)&&(tArray[t3][i3+1+zeno]==tArray[t3][i3])){
tArray[t3][i3+1+zeno]=tArray[t3][i3+1+zeno]+tArray[t3][i3];
tArray[t3][i3]="";
zeno++;
}
else{if(i3>0&&tArray[t3][i3-1]==tArray[t3][i3]){
tArray[t3][i3]=tArray[t3][i3]+tArray[t3][i3-1];
tArray[t3][i3-1]="";}if(zeno!=0){
tArray[t3][i3+zeno]=tArray[t3][i3];
tArray[t3][i3]="";
}}}zeno=0;
}
output();
display();
zeno=0;
}function right(){
for(var i3=0;i3<4;i3++){
for(var t3=0;t3<4;t3++){
if(tArray[t3][i3]==""){
zeno++;
}
else if((zeno!=0)&&(t3>zeno)&&(tArray[t3-1-zeno][i3]==tArray[t3][i3])){
tArray[t3-1-zeno][i3]=tArray[t3-1-zeno][i3]+tArray[t3][i3];
tArray[t3][i3]="";
zeno++;
}
else{if(t3<3&&tArray[t3+1][i3]==tArray[t3][i3]){
tArray[t3][i3]=tArray[t3][i3]+tArray[t3+1][i3];
tArray[t3+1][i3]="";}if(zeno!=0){
tArray[t3-zeno][i3]=tArray[t3][i3];
tArray[t3][i3]="";
}}}zeno=0;
}
output();
display();
zeno=0;
}function left(){
for(var i3=0;i3<4;i3++){
for(var t3=3;t3>=0;t3--){
if(tArray[t3][i3]==""){
zeno++;
}
else if((zeno!=0)&&(t3+1+zeno<4)&&(tArray[t3+1+zeno][i3]==tArray[t3][i3])){
tArray[t3+1+zeno][i3]=tArray[t3+1+zeno][i3]+tArray[t3][i3];
tArray[t3][i3]="";
zeno++;
}
else{if(t3>0&&tArray[t3-1][i3]==tArray[t3][i3]){
tArray[t3][i3]=tArray[t3][i3]+tArray[t3-1][i3];
tArray[t3-1][i3]="";}if(zeno!=0){
tArray[t3+zeno][i3]=tArray[t3][i3];
tArray[t3][i3]="";
}}}zeno=0;
}
output();
display();
zeno=0;}
function output(){
produce();
if(Math.random()>0.5)
tArray[locx][locy]=4;
else
tArray[locx][locy]=2;
}</script>
</body></html>

html5小游戏代码-2048游戏相关推荐

flash制作打地鼠游戏代码,打地鼠游戏编程代码
怎么做一个在手机上能玩的打地鼠小游戏? 谷歌人工智能写作项目:小发猫 C语言编程打地鼠刚写好的,打地鼠小游戏typescript数据类型转换.功能:每三秒,会在游戏区域随机位置刷出地鼠,鼠标点击地鼠 ...
【taro react】(游戏) ---- 类2048游戏，看看在秦朝，功勋爵位你能到哪一级
说明原理就是在2048游戏逻辑的基础上,将数字替换为对应的秦朝功勋爵位等级: 由于很少有人有耐心耍到最后的,所以本文将20级功勋爵位中提取了12级,不连续: 有想对功勋爵位制详细了解的秦朝二十级军功 ...
java球球大作战小游戏代码_windows游戏编程：球球大作战（吃鸡版）源码
#include "stdafx.h"是win32程序系统生成的创建项目时选择win32程序项目除了下面代码外,无其他改动 #include "stdafx.h&qu ...
java2d游戏代码_JAVA游戏编程学习笔记（三）Java 2D游戏底层绘图框架
前二篇记录了java如何绘制图形与动画,今天打算总结复习一下,把这些知识点集合起来,制作一个Java2D小游戏框架(暂且这么叫,好像挺牛逼似的!). Java AWT 下边提供一个 class Can ...
java线程池游戏代码,Java游戏起步：（一）线程与线程池-JSP教程,Java技巧及代码...
任何游戏都至少需要运行两个线程,主线程和gui线程而线程池是一个管理运行线程的有用工具,下面的代码示范了一个线程池的实现方法~~ ********************************** ...
python外星人入侵游戏代码_Python游戏：外星人入侵游戏编程完整版！内附代码
importsysimportpygamefrom bullet importBulletfrom alien importAlienfrom time importsleepdefcheck_eve ...
python编写猜数游戏代码、如果不是整数、显示输入错误_数字炸弹游戏程序用python来实现...
相信许多小伙伴都玩过数字炸弹游戏,就是指在一定数字范围(一般是整数,不包含边界)里,一个玩家选中一个数字当作炸弹,其余玩家在这个范围含数字,每次只要没猜中炸弹数字,则根据玩家猜的数字缩小范围,直至其中 ...
python编写猜数游戏代码、如果不是整数、显示输入错误_python编写猜数游戏代码、如果不是整数、显示输入错误_数字炸弹游戏程序用python来实现......
相信许多小伙伴都玩过数字炸弹游戏,就是指在一定数字范围(一般是整数,不包含边界)里,一个玩家选中一个数字当作炸弹,其余玩家在这个范围含数字,每次只要没猜中炸弹数字,则根据玩家猜的数字缩小范围,直至其中 ...
Cocos2d-x 3.x版2048游戏开发
Cocos2d-x 3.x版2048游戏开发本篇博客给大家介绍如何快速开发2048这样一款休闲游戏,理解整个2048游戏的开发流程,从本篇博客你将可以学习到以下内容: 这里注明一下,本教程来自极客学 ...
2048Game/2048游戏(自制版)
2048Game Index of the project/项目主页 Donation/捐助开发的比较简陋, 因为主要是为了测试. 因此没有GUI, 而且所有函数都编写在cpp里面.很不雅观.请见谅 ...

html5小游戏代码-2048游戏

html5小游戏代码-2048游戏相关推荐

最新文章

热门文章