카테고리: Game

2017
JavaScriptGame

javascript game (6)

잡담어느덧 절반 이상 만들었다. 오늘 포스팅까지 구현하면 이제 그럴듯한 게임이 만들어 질 것이다. 그러니 나머지 부분도 잘 따라오기 바란다. 지난 포스팅이 궁금하면 다음 아래 링크를 참고하기 바란다. 캔버스 생성과 그리기 공 움직이기 벽에 공 튀기기 판때기 구현과 키보드 컨트롤 Game Over 벽돌 만들기벽돌 변수 세팅우선 벽돌을 구현하기 위해 무엇을

JavaScriptGame

javascript game (5)

잡담한 가지 우물을 파야 짱짱맨이 될 수 있다는데… 난 자꾸 이것 저것 해보고 싶어져서 큰일이다. 요즘은 Unity를 처음 접해서 Unity 매력에 푹 빠져 버렸다. Unity에서는 C#만 사용할 줄 알았는데 Javascript와 Boo) 라는 총 3개의 스크립트를 지원한다. 어느 스크립트를 사용하는게 성능상 유리할지는 아직 잘 모르겠지만, Javascri

JavaScriptGame

javascript game (4)

잡담오늘은 공을 튕길 수 있는 판때기를 만드는 방법과 키보드를 통해 그 판때기를 이동하도록 구현을 해볼 것이다. 이제 좀 게임같이 보일 것이다. 지난 포스팅이 궁금하면 다음 아래 링크를 참고하기 바란다. 캔버스 생성과 그리기 공 움직이기 벽에 공 튀기기 판때기 구현과 키보드 컨트롤그럼 시작 해 볼까? 판때기 구현판때기 구현을 위해 몇 가지 변수를 선언해

JavaScriptGame

javascript game 2 (1)

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

JavaScriptGame

javascript game (3)

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

JavaScriptGame

javascript game (2)

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

JavaScriptGame

javascript game (1)

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