테트리스8 [테트리스] 2. 벽면 경계 처리, 0.5초간격 떨어지는 블럭 2018. 7. 24. // 캔버스 경계 구하기 var canvas = document.getElementById('game'); const WIDTH = canvas.clientWidth; const HEIGHT = canvas.clientHeight; const CANVAS_LEFT = canvas.clientLeft; const CANVAS_RIGHT = canvas.clientLeft + WIDTH; const CANVAS_TOP = canvas.clientTop; const CANVAS_BOTTOM = canvas.clientTop + HEIGHT; // 5초 간격으로 아래로 움직이는 블럭 setInterval(function(){ nowBlock.drawBlock(nowBlock.x, nowB.. 2019. 8. 27. [테트리스] 1. 사각형, 화살표 이동 2018. 7. 23. // 블럭 하나 관련 코드 // 블럭 타입 7가지 var blockType = [ {name : 'I', color : 'red'}, {name : 'L', color : 'green'}, {name : 'J', color : 'blue'}, {name : 'T', color : 'yellow'}, {name : 'O', color : 'skyblue'}, {name : 'S', color : 'gray'}, {name : 'Z', color : 'purple'}, ] // 새로운 블럭 세팅 var nowBlock; var BEGIN_X = 30; var BEGIN_Y = 50; var drawNewBlock = function(blockTypeIndex){ nowBlock = n.. 2019. 8. 27. 이전 1 2 다음
