냘로하's nest

  • 홈
  • 태그
  • 방명록

HTML5 2

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 ..

일상 2020.08.30

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

테트리스 완성! 따라해서 만들기에 성공했으니, 이제 코드를 먹뜯즐해서 내걸로 소화시켜야 한다...(이게 젤 어려운것 같다) 짧은 html과 var canvas = document.getElementById("tatris"); //랜더링 컨텍스트 지정. var c = canvas.getContext('2d'); c.scale(20,20); var arena = createMatrix(12,20); console.log(arena); console.table(arena); var player ={ position : { x:0, y:0}, matrix: null, score : 0 , } var colors = [ null, 'red', 'blue', 'violet', 'green', 'purple', 'o..

일상 2020.08.29
이전
1
다음
프로필사진

냘로하's nest

공부한 내용과 개인적인 내용을 기록, 공유하는 브롤그입니다~

  • 분류 전체보기 (22)
    • 공부공부 (16)
    • 일상 (6)

Tag

게시글 쓰기, 공부공부, HTML5, bootstrap, jstl, FMT, 공부, 게시판, spring, 게시판 작성, CRUD, Canvas, 게시판 삭제, 게시판 만들기, java, return유형, 페이징, SqlSessionTemplate, jsp, 조회수,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

페이스북 트위터 플러그인

  • Facebook
  • Twitter

Archives

Calendar

  2025. 07  
일 월 화 수 목 금 토
1 2 3 4 5
6 7 8 9 10 11 12
13 14 15 16 17 18 19
20 21 22 23 24 25 26
27 28 29 30 31

방문자수Total

  • Today :
  • Yesterday :

Copyright © Kakao Corp. All rights reserved.

티스토리툴바

단축키

내 블로그

내 블로그 - 관리자 홈 전환
Q
Q
새 글 쓰기
W
W

블로그 게시글

글 수정 (권한 있는 경우)
E
E
댓글 영역으로 이동
C
C

모든 영역

이 페이지의 URL 복사
S
S
맨 위로 이동
T
T
티스토리 홈 이동
H
H
단축키 안내
Shift + /
⇧ + /

* 단축키는 한글/영문 대소문자로 이용 가능하며, 티스토리 기본 도메인에서만 동작합니다.