냘로하'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

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

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

페이스북 트위터 플러그인

  • Facebook
  • Twitter

Archives

Calendar

«   2025/06   »
일 월 화 수 목 금 토
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

방문자수Total

  • Today :
  • Yesterday :

Copyright © Kakao Corp. All rights reserved.

티스토리툴바