Редактирование: 2048

==Описание==

Игра "2048"

Исполнители: [[Алтаева Аружан|Алтаева Аружан]],
[[Овсянникова Екатерина|Овсянникова Екатерина]],
[[Матыщак Вера|Матыщак Вера]]

Группа 13632/1 Кафедра Теоретической механики

Файл:[[http://tm.spbstu.ru/htmlets/Altaeva_AA/Kursovaya.docx]]

{{#widget:Iframe |url=http://tm.spbstu.ru/htmlets/Altaeva_AA/2048.html |width=1000 |height=1000 |border=0 }}



==Код программы==
<div class="mw-collapsible mw-collapsed">
'''Текст программы на языке JavaScript:''' <div class="mw-collapsible-content">
<syntaxhighlight lang="javascript" line start="1" enclose="div">
window.addEventListener('load', main, false);
function main() {
	canvas=document.getElementById("canvas");
	ctx=canvas.getContext('2d');
	var N = 4;
	var busy = false;

	//задание поля и клеток

	var dis=[[0,0,0,0],[0,0,0,0],[0,0,0,0],[0,0,0,0]];
	var color=["gray","rgb(250,200,200)","rgb(240,200,160)","rgb(160,120,150)","cyan","blue","rgb(0,0,100)","rgb(0,200,0)","rgb(0,50,0)","rgb(150,100,50)","rgb(100,150,50)","rgb(200,0,0)"];

	function display(){

		console.log(dis);

		for(var j=0;j<4;j++)
			for(var i=0;i<4;i++){

				//color to be decided by dis[i][j]
				if(dis[i][j]!=0)
					ctx.fillStyle=color[Math.log2(dis[i][j])];
				else{
					ctx.fillStyle="rgb(230,230,230)";
				}
				ctx.fillRect(i*100+2,j*100+2,96,96);

				if(dis[i][j]!=0){
					ctx.font = "20px Comic Sans MS";
					ctx.fillStyle = "black";
					ctx.textAlign = "center";
					ctx.fillText(dis[i][j], i*100+50,j*100+60); 
				}

			}

	}

	//случайное целое от min до max
		function randomInteger(min, max) {
			var rand = min - 0.5 + Math.random() * (max - min + 1)
			rand = Math.round(rand);
			return rand;
		}

	//задание поля и цветов 
		
	// генерация двойки
		function generateNumber() {
			var flag = true;
			while (flag) {
				var x = randomInteger(0, N-1);
				var y = randomInteger(0, N-1);
				if (dis[x][y] == 0){
					flag = false;
				}
			}
			dis[x][y] = 2;
			console.log(x,y)
		}
		
		generateNumber();
		console.table(dis);

	//сдвиги клеток
		function shift(direction) {
			busy = true;
			var b = false;
			if (direction=='up'){
				for (var i = 0; i<N; i++) {
					for (var j = 0; j<N; j++){
						//console.log('Проверяю клетку', i , j);
						if ((dis[i][j]==0)&&(j!=(N-1))&&(dis[i][j+1]!=0)){
							dis[i][j]=dis[i][j+1];
							dis[i][j+1] = 0;
							//console.log('Сдвинул',i, j-1,'вниз');
							if (j!=0) j-=2;
							
						} 
						else {
							if (dis[i][j]==dis[i][j+1]){
								dis[i][j] *=2;
								dis[i][j+1] = 0;
							}
						}
					}
				}
				
			}
			if (direction == 'down') {
				for (var i = 0; i<N; i++) {
					for (var j=N-1; j>-1; j--){
						//console.log('Проверяю клетку', i , j);
						if ((dis[i][j]==0)&&(j!=0)&&(dis[i][j-1]!=0)){
							dis[i][j]=dis[i][j-1];
							dis[i][j-1] = 0;
							//console.log('Сдвинул',i, j-1,'вниз');
							if (j!=(N-1)) j+=2;
							
						} 
						else {
							if (dis[i][j]==dis[i][j-1]){
								dis[i][j] *=2;
								dis[i][j-1] = 0;
							}
						}
					}
				}
			}
			if (direction=='left'){
				for (var j = 0; j<N; j++) {
					for (var i = 0; i<N; i++){
						//console.log('Проверяю клетку', i , j);
						if ((dis[j][i]==0)&&(j!=(N-1))&&(dis[j+1][i]!=0)){
							dis[j][i]=dis[j+1][i];
							dis[j+1][i] = 0;
							//console.log('Сдвинул',i, j-1,'вниз');
							if (j!=0) j-=2;
						} 
						else {
							if ((dis[j][i])==(dis[j+1][i]) && j+1 < 100){
								dis[j][i] *=2;
								dis[j+1][i] = 0;
							}
						}
					}
				}
			}
			if (direction=='right'){
				for (var j = 0; j<N; j++) {
					for (var i=N-1; i>-1; i--){
						console.log('Проверяю клетку', i , j);
						if ((dis[j][i] == 0)&&(j != 0)&&(dis[j-1][i] != 0)) {
							dis[j][i]=dis[j-1][i];
							dis[j-1][i] = 0;
							//console.log('Сдвинул',i, j-1,'вниз');
							if (j!=(N-1)) j+=2;
							
						} 
						else {
							if ((dis[j][i]) == (dis[j-1][i])) {
								dis[j][i] *=2;
								dis[j-1][i] = 0;
							}
						}
					}
				}
			}
			busy = false;
		}
		
		
	display();

	var disable=0;
	function gameover(){
		ctx.font = "50px Comic Sans MS";
		ctx.fillStyle = "red";
		ctx.textAlign = "center";
		ctx.fillText("GAME OVER!!", 200,180); 
		disable=1;

		ctx.fillStyle = "red";
		ctx.textAlign="center";
		ctx.font="30px Comic Sans MS";

		var count=0;
		for(var i=0;i<4;i++)
		for(var j=0;j<4;j++)
		{

			count+=dis[i][j];

		}

		ctx.fillText("Your Score is "+count.toString(),200,220);

	}


	window.addEventListener('keydown', function (e) {
		if(disable==1)
		   return;
		
		key = e.keyCode;
		if(key==37){
			e.preventDefault();
			shift('left');;;
		}
		if(key==38){
			e.preventDefault();
			shift('up');;
		}
		if(key==39){
			e.preventDefault();
			shift('right');;
		}
		if(key==40){
			e.preventDefault();
			shift('down');;
		}
		
		//if everything is full.
		var count=0;
		for(var i=0;i<4;i++)
			for(var j=0;j<4;j++){
				if(dis[i][j]==0)
				{   
					count++;
				}  
				
			}
		
		if(count==0)
			{gameover();
			 return;
			}
		
		else{
		var n=Math.floor(Math.random()*16);
			for(;n<32;n++){
				m=n%16;
			if(dis[Math.floor(m/4)][m%4]==0)
				{
					dis[Math.floor(m/4)][m%4]=2;
					break;
				}
			}
		
		  
		}
		
	display();
		
	});
}
</syntaxhighlight>
</div>