태그: js

2017
JavaScriptGame

javascript game (3)

잡담이번에는 지난 시간에 만들었던 공이 움직이는 기능에다가 공이 벽에 닿았을 경우 Bounce! Bounce! 할 수 있도록 수정해 보겠다. 지난 포스팅이 궁금하면 다음 아래 링크를 참고하기 바란다. 캔버스 생성과 그리기 공 움직이기 벽에 공 튀기기어떻게 튕기게 할 수 있을까? 세게 던지면 튕겨 나온다 우리는 좌표에 관심을 가져야 한다. 간단한 충돌 감

JavaScriptGame

javascript game 2 (1)

잡담앞에 포스트에서 만들었던 공 튀기기를 베껴서 갤러그를 만들어 봤다. 갤러그 보다는 갤러가가 맞다고 한다…?! 아직 손 볼 부분은 많은데 그래도 일단 포스팅을 하고 보자. 데모 Gamedev Canvas Workshop * { padding: 0; margin: 0; } canvas { background: #eee;

JavaScriptGame

javascript game (2)

잡담이 포스팅은 한번 따라만 해보면 금방 잊어버리니간 되새김질을 하기 위해 작성하는 것이다. 잡담 끝! 본론으로 들어가보자. Move the Ball그리는 함수 정의하기이번 튜토리얼부터 영어다… 후후후.. 내맘데로 번역이니 충분히 이상 할 수 있다. 먼저 지속적으로 반복하면서 canvas에 이미지를 그리는 함수를 정의하자. for-loop 보다 setInt

JavaScriptGame

javascript game (1)

잡담javascript와 친해지기 위해 뭐가 좋을까 고민을 하다가 예전에 codeschool.com에서 웹으로 만든 게임을 본 것 같은 기억이 있어서 한번 따라해볼까… 하고 들어가봤는데 못찾았다 ㅋㅋ 그래서 Google에서 검색해보니 MDN(Mozilla Developer Network)에서 벽돌 깨기 튜토리얼을 찾았다. 순서는 다음과 같다. (링크는 원문

JavaScriptBasic

Start JavaScript!

잡담책 산지가 언젠데… 아직도… 보고있다니… 부끄럽다. 사고싶은 책은 많은데 이리도 진도가 안나가서야 언제 또 사나… 걱정이다. 아무튼, 예전에 웹개발 잠깐 맛보기로 배울때 html, JavaScript, css 이 세 가지를 기본으로 배웠다. 이때 이해했던 JavaScript는 그저 이벤트 처리용으로 사용되는 간단한 스크립트 언어였다. 문법도 Java랑