JavaScript 2048小游戏

最新推荐文章于 2022-06-16 18:58:22 发布

wei.yinfu

最新推荐文章于 2022-06-16 18:58:22 发布

阅读量732

点赞数

分类专栏：编程语言

本文链接：https://blog.csdn.net/u012583095/article/details/46592925

版权

编程语言专栏收录该内容

8 篇文章 0 订阅

订阅专栏

<html>
<head>
<style type="text/css">
.haha {
	border-width: 2;
	font-size: 50;
	font-weight: bold;
	color: white;
	background-color: grey;
	text-align: center;
	overflow: hidden;
}
</style>
</head>
<script>
	var a = new Array(16);
	clear();
	produce();
	init();
	draw();
	onkeydown = keyDown;
	function clear(){
		for(var i=0;i<16;i++)a[i]=0;
	}
	function down() {
		turnClockwise();
		left();
		turnClockwise();
		turnClockwise();
		turnClockwise();
	}
	function up() {
		turnClockwise();
		turnClockwise();
		turnClockwise();
		left();
		turnClockwise();
	}
	function right() {
		turnClockwise();
		turnClockwise();
		left();
		turnClockwise();
		turnClockwise();
	}
	function left() {
		for (var i = 0; i < 4; i++) {
			var k = 0;
			var merge = false;
			for (var j = 0; j < 4; j++) {
				if (a[i * 4 + j] != 0) {
					if (k > 0 && !merge && a[i * 4 + j] == a[i * 4 + k - 1]) {
						a[i * 4 + k - 1] *= 2;
						merge = true;
					} else {
						a[i * 4 + k++] = a[i * 4 + j];
					}
				}
			}
			for (; k < 4; k++)
				a[i * 4 + k] = 0;
		}
	}
	function turnClockwise() {
		var b = new Array(16);
		for (var i = 0; i < 4; i++) {
			for (var j = 0; j < 4; j++) {
				b[j * 4 + 3 - i] = a[i * 4 + j];
			}
		}
		a = b;
	}
	function keyDown(e) {
		var save = a.slice(0, a.length);
		switch (e.keyCode) {
		case 37:
			left();
			break;
		case 38:
			up();
			break;
		case 39:
			right();
			break;
		case 40:
			down();
			break;
		}
		if (over()) {
			alert('you died!'); 
			clear();
			produce();
			draw();
		} else if (moved(save, a)) {
			produce();
			draw();
		}
	}
	function moved(a, b) {
		for (var i = 0; i < 16; i++)
			if (a[i] != b[i])
				return true;
		return false;
	}
	function over() {
		for (var i = 0; i < 16; i++) {
			if (a[i] == 0)
				return false;
		}
		for (var i = 0; i < 4; i++) {
			for (var j = 0; j < 3; j++) {
				if (a[i * 4 + j] == a[i * 4 + j + 1]
						|| a[j * 4 + i + 4] == a[j * 4 + i]) {
					return false;
				}
			}
		}
		return true;
	}
	function produce() {
		var x;
		do {
			x = Math.floor(Math.random() * 16);
		} while (a[x] != 0);
		a[x] = Math.random() > 0.2 ? 2 : 4;
	}
	function draw() {
		for (var i = 0; i < 4; i++) {
			for (var j = 0; j < 4; j++) {
				var img = document.getElementById('pic' + (i * 4 + j));
				img.innerHTML = a[i * 4 + j] == 0 ? "" : a[i * 4 + j];
				img.style.color = (a[i * 4 + j] * 120) & 0xffffff;
			}
		}
	}
	function cout(s) {
		document.write(s);
	}
	function init() {
		cout("<table align='center'>");
		for (var i = 0; i < 4; i++) {
			cout("<tr>");
			for (var j = 0; j < 4; j++) {
				cout("<td width=150 height=150  class='haha' id=pic"
						+ (i * 4 + j) + ">" + a[i * 4 + j] + "</td>");
			}
			cout("</tr>");
		}
		cout("</table>");
	}
</script>
<html>

C# 版

需要创建2,4,8,16 ......4096 等很多张png图片,当然也可以直接更改一下本程序

using System;
using System.Windows.Forms;
using System.Drawing; 
class form : Form
{
    public form()
    {
        ClientSize = new Size(640, 640);
        MaximizeBox = MinimizeBox = false;
        StartPosition = FormStartPosition.CenterScreen;
        FormBorderStyle = FormBorderStyle.None;
        Opacity = 0.8;
        Location = new Point(100, 0);
        KeyUp += press;
        Paint += init;
    }
    void press(object o, KeyEventArgs e)
    {
        e.Handled = true;
        switch (e.KeyCode)
        {
            case Keys.Up: up(); break;
            case Keys.Down: down(); break;
            case Keys.Left: left(); break;
            case Keys.Right: right(); break;
            case Keys.F1: text(); return;
            case Keys.Escape: lose(); break;
            default: return;
        }
        if (!moved && !over()) return;
        if (overflow())
        {
            win(); return;
        }
        if (!produce())
        {
            if (canMove()) return;
            lose(); return;
        }
        draw();
    }
    bool canMove()
    {
        int i, j;
        for (i = 0; i < 4; i++)
            for (j = 0; j < 3;j++ )
                if (a[i, j] == a[i, j + 1]||a[j,i]==a[j+1,i])
                    return true;
        return false;
    }
    void draw()
    {
        int i, j;
        int w = ClientSize.Width / 4, h = ClientSize.Height / 4;
        Bitmap bit = new Bitmap(ClientSize.Width, ClientSize.Height);
        Graphics.FromImage(bit).Clear(Color.AliceBlue);
        for (i = 0; i < 4; i++)
            for (j = 0; j < 4; j++)
                Graphics.FromImage(bit).DrawImage(Image.FromFile(a[i, j]+".png"), new Rectangle(j* w, i * h, w - 2, h - 2));
        CreateGraphics().DrawImage(bit,0,0);
    }

    static void Main()
    {
        Application.EnableVisualStyles();
        Application.Run(new form());
    }
    int[,] a = new int[4, 4];
    bool moved;
    Random r = new Random();
    void init(object o, EventArgs e)//编程时能不调用别的函数就尽量不要调用
    //调用多了会忘记有没有调用,用许多个小函数累积起来更好
    //集中调用小函数,不要总是调用
    //一个函数一个功能
    {
        int i, j;
        for (i = 0; i < 4; i++)
            for (j = 0; j < 4; j++)
                a[i, j] = 0;
        produce();
        draw();
    }
    bool produce()
    {//每按一下键,就会产生一个新数字,这个新数字的位置是随机的
        int[,] b = new int[16, 2];//用来存储空位,这些空位可以产生新数字
        int i, j;
        int size = 0;
        for (i = 0; i < 4; i++)
            for (j = 0; j < 4; j++)
            {
                if (a[i, j] == 0)
                {
                    b[size, 0] = i;
                    b[size, 1] = j;
                    size++;
                }
            }
        if (size == 0) return false;//如果没有空位了,游戏就结束了
        i = r.Next() % size;
        if (r.Next() % 5 == 0) a[b[i, 0], b[i, 1]] = 4;
        else a[b[i, 0], b[i, 1]] = 2;
        return true;
    }
    void up()
    {//按下向上键时,需要对数字进行合并整理,这个函数是最重要的
        moved = false;
        int i, j, k; 
        for (i = 0; i < 4; i++)
        { 
            for (j = 0; j < 4; j++)
            {
                if(a[i,j]==0)continue;
                for (k = i; k > 0; k--)
                {
                    if (a[k-1, j] != 0) break;
                    a[k-1, j] = a[k, j];
                    a[k, j] = 0;
                    moved = true;
                }
            }
        }
        for (j = 0; j < 4;j++ )
            for (i = 3; i > 0; i--)
            {
                if (a[i, j] != 0 && a[i, j] == a[i - 1, j])
                {
                    a[i - 1, j] *= 2;
                    a[i, j] = 0;
                    moved = true;
                    break;
                }
            }
    }
    void clockwise()
    {//将数组表示的4*4方格顺时针转90度.一会儿会有大用.
        int i, j;
        int[,] b = new int[4, 4];
        for (i = 0; i < 4; i++)
            for (j = 0; j < 4; j++)
                b[i, j] = a[i, j];
        for (i = 0; i < 4; i++)
            for (j = 0; j < 4; j++)
                a[i, j] = b[3 - j, i];
    }
    void counterclockwise()
    {//将4*4方格逆时针转90度
        clockwise();
        clockwise();
        clockwise();
    }
    void upsidedown()
    {//将4*4方格旋转180度
        clockwise();
        clockwise();
    }
    void down()
    {//向下调整可以转化为向上调整,这样做是以牺牲效率为代价去换取编程的简洁清晰
        upsidedown();
        up();
        upsidedown();
    }
    void left() 
    {
        clockwise();
        up();
        counterclockwise();
    }
    void right()
    {
        counterclockwise();
        up();
        clockwise();
    }
    void win()
    {
        DialogResult o = new DialogResult();
        o = MessageBox.Show("您胜利了,不用再玩了!", "result", MessageBoxButtons.RetryCancel);
        if (o == DialogResult.Retry)
            init(null, null);
        else Application.Exit();
    }
    void lose()
    {//输了
        DialogResult o = new DialogResult();
        o = MessageBox.Show("您输了!", "result", MessageBoxButtons.RetryCancel);
        if (o == DialogResult.Retry)
            init(null, null);
        else Application.Exit();
    }
    void text()
    {
        MessageBox.Show("The arrow represent up,down,left and right\n"
            + "Esc is quit\n"
            + "F1 is reading description text"
            + "\n\t\tmade by weidiao.neu", "help"
            );
    }
    bool over()
    {
        int i, j;
        for (i = 0; i < 4; i++)
            for (j = 0; j < 4; j++)
                if (a[i, j] == 0) return false;
        return true;
    }
    bool overflow()
    {
        int i, j;
        for (i = 0; i < 4; i++)
            for (j = 0; j < 4; j++)
                if (a[i, j] > 4096)
                    return true;
        return false;
    }
}

wei.yinfu

关注

0
点赞
踩
3

收藏

觉得还不错? 一键收藏
0
评论
JavaScript 2048小游戏

.haha { border-width: 2; font-size: 50; font-weight: bold; color: white; background-color: grey; text-align: center; overflow: hidden;} var a = new Array(16); clear(); produce(); init()
复制链接

扫一扫