html5 canvas 테트리스 만들기 <4일차>

오늘은 일정대로 스스로 구현해보기로 했다.

하던 중, 막히는 부분이 생겼는데 array값의 열값과 벨류값을 구하는데 애를 먹었다.

그래서 여기에 잊어먹지 않도록 필기하려고 한다.

function playerblock(){
	var blockvar = block('T');
	
	blockvar.forEach(function(row,y){
		row.forEach(function(value,x){
			if(value!==0){
				ctx.fillStyle = 'red';
				ctx.strokeStyle='white';
				ctx.lineWidth=0.05;
				ctx.fillRect (x,y,1,1);
				ctx.strokeRect (x,y,1,1);
			}
			
		});
	});
}
//blockvar의 값 : 
//[ [0 ,0 ,0],
//  [1 ,1 ,1],
//  [0 ,1 ,0],		];

해당 부분의 자바스크립트 부분은 이것.

blockvar를 forEach하여 row(행의 값)를 구할 수 있고

row를 forEach하여 value(행 안의 배열 값)을 구할 수 있다.

여기에서 두시간 까먹었다...

오늘까지의 결과물 :

테트리스의 T블럭 완성, 점수판 다음 블록이 나올 배경 생성.