콩바구니의 그림일기

자바스크립트로 간단한 슈팅게임을 만들수 있지 않을까? 하는 생각이 문득 들었습니다.
가능하더군요. ㅎㅎ

첨부파일을 다운받아 압축을 푸신후 index.html파일을 웹브라우저에서 여시면 됩니다.
이 스크립트는 파이어폭스, 사파리, 오페라에서 잘 작동하지만. 익스플로러에서는 작동하지 않습니다.

ver 0.01 : 2008년 1월 27일


주요 업데이트 내용

  1. 주인공의 4방향 움직임 구현
  2. 주인공이 칸 밖으로 나갈수 없도록 함
  3. 방향에 따라 주인공의 그림이 바뀌도록 함
Play 하기

ver 0.02 : 2008년 1월 28일

주요 업데이트 내용

사용자 삽입 이미지
  1. 부드럽게 움직이는 주인공.
  2. 주인공 크기를 64*32 에서 64*64의 애니메이션 GIF로 변경. 방향에따라 그림이 바뀌는 효과는 보류.
  3. 주인공의 움직임에 따라 배경도 따라 움직이는 기능 추가.
  4. 배경그림 변경
Play 하기

ver 0.03 : 2008년 1월 29일

주요 업데이트 내용

  1. 주인공의 움직임에. 약간의 버그 수정.
  2. 배경이 좌우 상하 4방향으로 움직임.
  3. 주인공이 움직이는동안 입력불가모드 적용. 멈추고나서 입력가능해짐.
Play 하기

ver 0.04 : 2008년 1월 30일

주요 업데이트 내용

사용자 삽입 이미지
  1. 주인공 그림을 24비트PNG포멧으로 변경.
  2. 배경이 입체적으로 움직임.(3중레이어)
  3. 배경음악. 효과음 버튼적용.
Play 하기

ver 0.05 : 2008년 1월 30일

주요 업데이트 내용

  1. 배경그림을 3중에서 5중으로 업그레이드.
Play 하기

ver 0.06 : 2008년 1월 31일

주요 업데이트 내용

  1. 배경음악 . 효과음버튼 제거 (딜레이 문제해결때까지 보류)
  2. 알고리즘 제편성. 환경변수 정리작업.
  3. 8방향 움직임의 구현.
Play 하기

ver 0.07 : 2008년 2월 3일

주요 업데이트 내용

사용자 삽입 이미지
  1. 알고리즘 제편성. 환경변수 정리작업.
  2. 쏟아지는 적군 구현.
  3. 간단한 상태창 구현.
  4. 진행방향마다 다른 동작의 애니메이션 구현.
Play 하기

ver 0.1 : 2008년 2월 4일

주요 업데이트 내용

사용자 삽입 이미지
사용자 삽입 이미지
  1. 미사일 그래픽 업그레이드.
  2. 난이도 설정 구현.
  3. 미사일과 충돌 이벤트 구현.
  4. 게임오버 이벤트 구현.
  5. 잠깐멈춤 기능 구현.
Play 하기

ver 0.11 : 2008년 2월 8일

주요 업데이트 내용

  1. 움직임에따라 배경그림위 위치가 틀어지는 버그 해결.
  2. 잠깐멈춤시 화면디자인.
  3. 마우스좌표를 인식하여 움직이는 UI도입.
Play 하기
Posted by 콩바구니

트랙백 주소

http://kongbaguni.tistory.com/trackback/675 관련글 쓰기

댓글을 달아 주세요

  1. BlogIcon 도트 2008/01/28 18:28  댓글주소  수정/삭제  댓글쓰기

    음! 이거 정말 신기한데요!
    올려주신 파일로 한 번 실행에 봤는데 정말 신기하네요.
    갑자기 확 흥미가 생기는 기분이랄까요? 흐흐;
    근데 마우스 클릭이 아닌 키보드로 움직이게 하려면 어떻게 해야 되나요?

  2. BlogIcon 공상플러스 2008/01/29 13:17  댓글주소  수정/삭제  댓글쓰기

    하하하하하하.. 플래시로 하시는 것을 권장하는데요..

    의외로 쉽거든요..--

    • BlogIcon 콩바구니 2008/01/29 19:50  댓글주소  수정/삭제

      플래시로 슈팅게임 만드는거.
      콜린무크가 쓴 액션스크립트3 관련서적. 한글판이 나오거든 그때 고려해보지요.
      쉽고 어렵고의 문제가 아닙니다.
      웹표준 을 준수하면서. 자바스크립트와 CSS만으로 이런것도 시도할수 있다는것을 보여주기위한 프로젝트 이랄까요. 공부의 일환이기도 하구요.

  3. BlogIcon 2008/01/31 13:36  댓글주소  수정/삭제  댓글쓰기

    우왕ㅋ굳ㅋ