메뉴 건너뛰기

창작에 관련된 질문이나 간단한 팁, 예제를 올리는 곳

9편 : 체계화된 동작

지금까지 열심히 이 강의를 따라오신 분들이라면
지금 게임의 여러 버그가 산재해 있음을 깨달으셨을겁니다.
그걸 왜 그냥 내버려 뒀나면... 귀찮아서~
~는 훼이크고 일단 가르치는 주제에서 벗어나면 집중력이 떨어지고
어느 정도 이해력이 있으신 분들이면 스스로 고쳤을 거라 봤기 때문입니다.

어쨌든 오늘은 그동안 미뤄왔던 동작 체계의 버그를 모두 고쳐봅시다.
공중을 밟고 계속 점프하고, 점프 중에 발차기하면 바닥에 갑자기 나타나고
말도 아니었죠...

일단 동작을 잘 생각해 봅시다.
현재는
평상시 = 0
펀치 = 1
킥 = 2
점프 = 3
식으로 동작이 정해져 있습니다.
그리고 키를 누르면 무조건 그 상태로 넘어가죠.

하지만 동작에는 계층 구조를 둬야 된다고 봅니다.
펀치를 날리면서 달려나가는 것은 좀 아니라고 보지 않습니까?
물론 펀치 치면서 나가는 게임도 괜찮지만 게임 밸런스 상
공격할 때는 이동 하지 않는 게 좋다고 봅니다.
공격하면서 좌, 우 키를 흔들면 이거 뭐... 사방 공격이고...

그럼 점프 중에 펀치나 킥은?
일단 지금의 점프로 봤을 때 공중 체류시간이 짧은 데다가 복잡하니
점프 중에는 이동만 가능하게 합시다.
즉, 방향을 움직일 수 있게.

그리고 하나 더 추가하고 싶은 상태가 있습니다.
지금은 평상시라고 되어 있지만
평상시는 이동중+가만히 있는 중이 합쳐진 것이죠.
왜 이걸 구분하려고 하냐면
가만히 있는데도 다리를 움직이면 어색하기 때문입니다.

자, Control 부분을 대폭 고쳐봅시다.
어디가 어떻게 변했는지 표시하기 난감하니 그냥 봐주세요.

void Unit::Control()
{
      if(state==1 || state==2)return;

      if(state!=3)
      {
            //펀치
            if(GetKey(vkey_z))
            {
                  state=1;
                  delay=0;

                  if( left_punch)left_punch=false;
                        else left_punch=true;

                  return;
            }
            //킥
            else if(GetKey(vkey_x))
            {
                  state=2;
                  delay=0;

                  return;
            }
            //점프
            else if(GetKey(vkey_c))
            {
                  state=3;
                  jump_power=100;
            }
      }

      bool move = false;

      //상하 이동
      if(GetKey(vkey_up,0))
      {
            y-=speed;
            move = true;
      }
      else if(GetKey(vkey_down,0))
      {
            y+=speed;
            move = true;
      }

      //좌우 이동
      if(GetKey(vkey_left,0))
      {
            x-=speed;
            move = true;
      }
      else if(GetKey(vkey_right,0))
      {
            x+=speed;
            move = true;
      }

      //if(!move)state = 0;
}

일단 곳곳에  else가 추가되었습니다.
위로 이동하면서 아래로 이동하는 건 이상하죠.
그러므로 위, 아래 중 한 군데만 이동할 수 있도록
if(Getkey(vkey_down,0)) 앞부분에 else가 붙었습니다.
마찬가지로 좌우 이동도 한 군데만 가능하도록 else.

그 다음은 move라는 bool 변수를 썼습니다.
아까 전에 말했던 이동시와 이동을 하지 않을 때를 구분하기 위해서입니다.
이동하는 키를 눌렀을 때는 move가 true가 되고, 아무것도 안 눌렀을 때는 초기값 false로 남습니다.

밑에 주석해 놓은 if는 나중에 이야기하기로 하고, 위로 가봅시다.

펀치, 킥, 점프도 한번에 하나만 입력할 수 있게 해 두었습니다.
그리고 맨 위에는

if(state==1 || state==2)return;

를 넣어서 킥이나 펀치를 하고 있을 때는 아무 키도 입력받지 않고
바로 return 해버리게 해 두었습니다.
점프(state == 3)의 경우는 조금 특별한 것이 점프 중에 이동은 가능해야 하므로
점프 중에는 바로 return을 시키지 않고 펀치, 킥, 점프 키 입력만 받지 않게
if(state != 3) 이라는 조건식을 넣었습니다.
점프 상태가 아닐 때만 펀치, 킥, 점프를 할 수 있게 한 거죠.

이제 다시 마지막 주석(//)을 달아놓은 if를 봅시다.
왜 제가 저렇게 했냐면 만들다가 문제를 발견했기 때문입니다.
가만히 있을 때와 이동할 때를 구분하려고 했는데
현재 평상시는 0이기 때문에 숫자 하나가 더 필요한 거죠.
그러니 이동을 뜬금없이 4번 상태로 하려니 왠지 찜찜하고(결벽증?)
이동을 1로 하고 나머지를 하나씩 밀려고 하니 귀찮은 거죠.

뭔 소리를 하는고 하니 매크로의 유용성을 설명하고자 일단 여기서 멈춘 겁니다.
지금 현재 알아보기 힘들게 되어 있는 state==3 같은 것을 매크로를 사용해서 알기 쉽게 바꿔 봅시다.

#define STATE_NORMAL 0
#define STATE_PUNCH  1
#define STATE_KICK  2
#define STATE_JUMP  3

다음과 같이 코드 윗부분에 선언을 해주고
아까 전 코드는 다음과 같이 바꿉니다.

void Unit::Control()
{
      if(state==STATE_PUNCH || state==STATE_KICK)return;

      if(state!=STATE_JUMP)
      {
            //펀치
            if(GetKey(vkey_z))
            {
                  state=STATE_PUNCH;
                  delay=0;

                  if(left_punch)left_punch=false;
                        else left_punch=true;

                  return;
            }
            //킥
            else if(GetKey(vkey_x))
            {
                  state=STATE_KICK;
                  delay=0;

                  return;
            }
            //점프
            else if(GetKey(vkey_c))
            {
                  state=STATE_JUMP;
                  jump_power=100;
            }
      }

      bool move = false;

      //상하 이동
      if(GetKey(vkey_up,0))
      {
            y-=speed;
            move = true;
      }
      else if(GetKey(vkey_down,0))
      {
            y+=speed;
            move = true;
      }

      //좌우 이동
      if(GetKey(vkey_left,0))
      {
            x-=speed;
            move = true;
      }
      else if(GetKey(vkey_right,0))
      {
            x+=speed;
            move = true;
      }

      //if(!move)state = STATE_NORMAL;
}

코드를 이해하기 한결 편해졌죠?
하지만 매크로의 장점은 가독성을 높이는 경우 외에 또 하나 있습니다.
아까 전에 말한 값의 변경의 경우 중간에 새로운 값이 하나 추가되는 경우
모든 코드를 손 볼 필요 없이

#define STATE_NORMAL 0
#define STATE_MOVE 1
#define STATE_PUNCH 2
#define STATE_KICK  3
#define STATE_JUMP  4

선언 부분에서 살짝 고치는 것만으로 손쉽게 수정이 가능합니다.
주의 할 것은 Control 부분 외에도 state를 쓰던 부분이 있으니
그 쪽도 모두 0, 1, 2, 3 같은 자신만 아는 숫자가 아닌 매크로로 바꿔 주십시오.

이제 주석 처리 해놓았던 부분을 제대로 만들어 봅시다.

if(state!=STATE_JUMP)
{
      if(!move)state = STATE_NORMAL;
      else state = STATE_MOVE;
}

일단 점프 중에 이동할 수 있습니다.
점프 중에 이동을 하거나 안 하는 것에 의해서 상태가 변하면 안 되니
점프 중에는 점프 상태가 유지 되도록 점프가 아닐때만 상태를 변화시킵니다.

만약 이동이 없었다면 평상시 : if(!move)state = STATE_NORMAL;
그렇지 않은 경우(이동한 경우)는 이동 상태 : else state = STATE_MOVE;

이걸 실행시켜보면 아마 주인공이 이동할 때 투명인간이 되는 것을 볼 수 있을 겁니다.
당연히 이동시의 상태에 대한  Action을 정의하지 않았기 때문입니다.
이번엔 Action을 바꿔 봅시다.

//평상시
if(state==STATE_NORMAL)
{
      jdd->DrawPicture(backbuffer, "걷기2", x, y-2, NULL);

      ++delay;
      if(delay >= 120)delay=0;

      attack.left = -999;
}
//이동
else if(state==STATE_MOVE)
{
      if(delay<30)jdd->DrawPicture(backbuffer, "걷기2", x, y-2, NULL);
            else if(delay<60)jdd->DrawPicture(backbuffer, "걷기1", x, y, NULL);
            else if(delay<90)jdd->DrawPicture(backbuffer, "걷기3", x, y, NULL);
            else jdd->DrawPicture(backbuffer, "걷기1", x, y, NULL);

      ++delay;
      if(delay >= 120)delay=0;

      attack.left = -999;
}
//펀치
else if(state==STATE_PUNCH)
{
      if(left_punch)jdd->DrawPicture(backbuffer, "펀치1", x-8, y-2, NULL);
            else jdd->DrawPicture(backbuffer, "펀치2", x-8, y-2, NULL);

      ++delay;
      if(delay>=10)state=STATE_NORMAL;

      SetRect(&attack, x-8, y+16, x+8, y+30);
}
//킥
else if(state==STATE_KICK)
{
      jdd->DrawPicture(backbuffer, "킥", x-6, y, NULL);

      ++delay;
      if(delay>=10)state=STATE_NORMAL;

      SetRect(&attack, x-6, y+30, x+18, y+44);
}
//점프
else if(state==STATE_JUMP)
{
      jdd->DrawPicture(backbuffer, "걷기1", x, y-z, NULL);

      z+=jump_power/10;
      jump_power-=GRAVITY;
     
      //착지
      if(z <= 0)
      {
            z=0;
            state=STATE_NORMAL;
      }

      attack.left = -999;
}

전에 없던 이동 동작이 추가되었습니다.
하지만 사실상 새로 추가된 이동 동작 = 저번의 평상시 동작 이고,
평상시에서 애니메이션을 없앴을 뿐입니다.
이제 실행시켜 보면 이동시에는 발을 움직이고, 가만히 있을 때는 멈춰있는 주인공을 볼 수 있을 겁니다.
조금 더 노력하면 가만히 있을 때는 어깨를 들썩이거나 하는 애니를 넣으면 좋겠죠.

적이 멈춰서 쫒아오는 것은 일단 무시합시다.
AI를 손보는 것은 나중에...

 

조회 수 :
2889
등록일 :
2008.05.17
00:15:52 (*.239.144.2)
엮인글 :
게시글 주소 :
https://hondoom.com/zbxe/index.php?mid=study&document_srl=199648
List of Articles
번호 제목 글쓴이 조회 수sort 추천 수 날짜 최근 수정일
185 express.js 세션 적용 후 리다이렉트 시 세션 적용이 제대로 안 되는 문제점 노루발 4   2024-02-07 2024-02-07 14:23
문제: logout.js router.get('/', (req, res) => { req.session.destroy(); res.redirect('/login'); }); login.js if (result[0] !== undefined) { // 로그인에 성공하였으므로 세션을 할당 req.session.uid = result[0].uid; req.session.us...  
184 Bootstrap4 container class가 적용된 div의 양 옆에 설정하지 않은 margin이 생김 노루발 5   2024-02-07 2024-02-07 14:25
문제: <div class="container"> TEST </div> 위와 같은 페이지를 브라우저에서 렌더링 시 div의 양 옆에 설정하지 않은 빈 margin이 생김. 해결: <div class="container-fluid"> TEST </div> margin을 0으로 주고 width를 100%로 주고 등등 별걸 다 해봤는데 ...  
183 리캡챠 적용 [1] 노루발 11   2021-01-08 2021-01-11 12:15
XE 회원가입 시 구글 리캡챠 인증 추가하기 : 네이버 블로그 (naver.com)  
182 love2d에서 안드로이드 터치 제스처 인식하기 노루발 20   2020-11-12 2020-11-12 00:38
-- 안드로이드/iOS 등등의 터치스크린 입력을 받는 기기에서는 총 3가지의 콜백 함수를 사용한다: -- love.touchpressed / love.touchmoved / love.touchreleased -- 다만 위 3가지 함수는 마우스 클릭으로는 발생하지 않으므로 추가적인 처리가 필요하다. -- ...  
181 certbot을 이용한 HTTPS 인증서 발급 및 적용 노루발 20   2021-01-12 2021-01-12 16:57
snap 설치 및 업데이트 sudo snap install core; sudo snap refresh core certbot 설치 sudo snap install --classic certbot 심볼릭 링크 생성 sudo ln -s /snap/bin/certbot /usr/bin/certbot nginx에 맞춰 자동 설정 sudo certbot --nginx 알아서 다 해주기...  
180 illegal character 방지 [3] 노루발 22   2023-07-17 2023-07-19 16:14
문제점: 클라이언트 <-> 서버 통신을 하면서 다음과 같이 메세지를 주고받기로 함 패킷종류|파라미터1|파라미터2 예) MOTDREQ -> 서버에 MOTD를 요청 (파라미터 없음) MOTD|공지사항입니다 -> MOTD는 "공지사항입니다" 임 (파라미터 1개) MSG|김덕배|안녕하세...  
179 Lua-love2d TCP 통신 [1] 노루발 25   2023-07-14 2023-07-22 16:19
서버: Lua 클라이언트: Love2d(Lua) 서버 구동에는 luasocket 라이브러리가 필요하며, luarocks로 설치할 수 있음. 별도 패키지 관리자가 있는 리눅스 시스템에서는 apt-get install lua-socket 등의 패키지 관리자 명령어로 설치 가능하며 Windows에서 구동시...  
178 Lua 클래스 만들고 활용하기 노루발 26   2020-11-06 2020-11-06 22:43
------------------------ stairs.lua ------------------------ Stairs = {} function Stairs:new(x, y, floor, direction, locked) local newStairs = {x = x, y = y, floor = floor, direction = direction, locked = locked} self.__index = self retur...  
177 Lua 테이블 안에 함수 저장하기 노루발 28   2020-11-06 2020-11-06 21:07
테이블 안에 함수를 저장할 수 있다. function move(object, direction) print(object .. " moved to ".. direction) end scheduler = {} scheduler.queue = {} function scheduler.newentry(action, args) scheduler.queue[#scheduler.queue + 1] = {} schedu...  
176 루아 스타일 가이드 노루발 35   2020-11-19 2020-11-19 00:58
http://lua-users.org/wiki/LuaStyleGuide https://github.com/Olivine-Labs/lua-style-guide  
175 이쁜 눈나가 유니티 개발 알려주는 재생목록 노루발 37   2020-11-12 2020-11-12 05:59
https://www.youtube.com/watch?v=Ur2jN6_si6c&list=PLi-ukGVOag_1lNphWV5S-xxWDe3XANpyE https://www.youtube.com/watch?v=sJClf9S7AMA&list=PLi-ukGVOag_0HR09oTs966Wt81IYYXlFH 유니티를 배우고 있는 건 아닌데 만들어진 라이브러리를 다루는게 아...  
174 Love2d 이미지 하얗게 그리기 노루발 42   2020-11-23 2020-11-23 04:11
아래와 같은 코드를 사용해 이미지에 색상을 적용할 수 있다. hamster = love.graphics.newImage("hamster.png") love.graphics.setColor(1, 0, 0) -- 빨간색으로 그리기 love.graphics.draw(hamster) love.graphics.setColor(1, 1, 1) 하지만 이미지를 하얗게...  
173 Love2d 게임 안드로이드로 패키징하기 노루발 49   2021-01-11 2021-02-21 01:45
http://hondoom.com/zbxe/index.php?mid=study&document_srl=797993 버전이 바뀌면서 빌드 방법이 바뀌었기에 다시 정리한다. 1. Android studio 설치 https://developer.android.com/studio/index.html SDK 플랫폼 - Android 11.0 [API 30] SDK 버전 - An...  
172 특정좌표를 기준으로 zoom in/zoom out하기 노루발 59   2020-11-11 2020-11-11 01:22
-- x,y - 줌인/줌아웃시 기준점 (좌표 이동이나 scale에 영향받지 않는 순수한 화면 좌표) -- scale - 현재 scale(1:그대로 0.5:1/2 사이즈 2:2배 사이즈) -- scaleinc - 얼마나 scale을 변화시킬것인가 (I usually use 0.1 or -0.1) -- camx - 카메라의 x좌표...  
171 Lua 인수로 nil값이 들어왔을 경우 처리하기 노루발 69   2020-11-06 2020-11-06 20:29
or 연산자를 사용한다. 예제 코드: function moveplayer(direction) direction = direction or "nowhere" print("player moved to ".. direction) end moveplayer() --> "player moved to nowhere" moveplayer("north") -- "player moved to north" 이런 코드...  
170 Windows To Go와 R-Studio를 이용한 손실된 데이터 복구하기 노루발 90   2020-01-30 2020-01-30 19:52
하기의 복구 방법으로 모든 자료를 100% 복구할 수는 없으므로 자료의 손실 이전에 신뢰성 있고 주기적인 백업이 선행되어야 한다. 준비물: - 부팅 USB 혹은 외장 HDD/SSD - 복구한 자료를 저장할 외부 저장장치 (옵션) - R-Studio https://www.r-studio.com/ ...  
169 Oracle cloud에 Nginx/MariaDB 설치하기 노루발 93   2020-12-06 2020-12-06 20:19
https://itreport.tistory.com/624  
168 Love2d DPI 이슈 해결 [3] 노루발 98   2019-06-29 2019-07-01 06:34
이런 love 프로젝트가 있다고 하자. (conf.lua) function love.conf(t) t.window.width = 640 t.window.height = 360 end 창 크기를 640*480으로 설정한 뒤 실행하면 어떻게 보일까? 당연히 창 크기가 640*480 크기로 보여야겠지만 내 컴퓨터에서는 이렇게 보...  
167 Love2d로 만든 로그라이크 예제 노루발 254   2020-11-30 2020-11-30 22:54
https://gitlab.com/Jalexander39/roguelikedev-does-the-complete-roguelike-tutorial 이걸 왜 여태 몰랐지...  
166 love.update(dt) 에서 버벅이는 현상. 노루발 256   2013-09-17 2013-09-17 08:15
윈도우를 잡고 흔들거나 윈도우 사이로 잠시 전환하거나.. 등으로 원치 않는 렉이 발생할 시 dt의 값이 평소보다 크게 들어갑니다. (예를 들면, 평소에 0.25가 들어간다면 이번에는 3.1이 들어갑니다.) 이건 평소보다 더 많이 크기 때문에, dt를 가지고 타이...