<img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id=1390824249408914&amp;ev=PageView&amp;noscript=1"> 40대 AI 초보 성장일지 #004 | 캐릭터를 움직이려면 몸부터 만들어야 한다고요? : 다나와 DPG는 내맘을 디피지

비교하고 잘 사는, 다나와 : 가격비교 사이트

다나와 앱
다나와 앱 서비스 목록
다나와 APP
다나와 가격비교 No.1 가격비교사이트 다나와 앱으로
간편하게 최저가를 확인하세요.
- -
QR코드
빈 이미지
다나와 앱 서비스 목록 닫기
AI

40대 AI 초보 성장일지 #004 | 캐릭터를 움직이려면 몸부터 만들어야 한다고요?

2026.07.30. 17:01:38
조회 수
42
댓글 수
1

공유하기

레이어 닫기

지금 보는 페이지가 마음에 든다면
공유하기를 통해 지인에게 소개해 주세요.

로그인 유저에게는 공유 활동에 따라
다나와 포인트가 지급됩니다.

자세히 >

URL이 복사되었습니다.
원하는 곳에 붙여넣기(Ctrl+V)하세요.

레이어 닫기
연결된 글 3
연결된 글 안내
연결된 글도 함께 읽어보세요!
작성자가 연결한 다른 글로 바로 이동하실 수 있습니다. 연결된 글의 제목을 클릭해보세요!



안녕하세요. 여영자입니다 :)

지난 시간에는 게임 엔진 Godot를 처음 실행해서
대기와 걷기의 애니메이션 등록까지 완료했는데요.



[40대 AI 초보 성장 일지] 3편

https://dpg.danawa.com/bbs/view?boardSeq=309&listSeq=6040061




어라??


그래서 이제 뭘 해야 하는 거죠? (멍…)

게임 개발을 한 번도 해본 적이 없다 보니,

캐릭터를 만든 다음 무엇부터 해야 하는지 전혀 모르겠더군요. ㅠㅠ


그래서 ChatGPT에게 물어봤습니다.



애니메이션만 만들면 끝인 줄 알았는데, 아직 아니었군요.

움직이는 애니메이션은 만들었지만

실제로 화면 속을 이동하는 기능은 아직 없다는 뜻이었습니다.



접수 완료! 이해했습니다.


그렇다면 지금부터는 애니메이션 캐릭터를

실제로 조작할 수 있는 플레이어(Player)로 만드는 작업을 해보겠습니다.



처음 만들어진 Node2D는 위치나 크기를 관리하는 기본 노드일 뿐

플레이어를 움직이거나 충돌을 처리하는 기능은 없는데요.


그래서 일단

Node2D를 CharacterBody2D로 바꿔주는 과정이 필요했습니다.



[루트 노드(Node2D)] 선택 후 마우스 오른쪽 클릭,

[유형 바꾸기]를 선택합니다.



검색창에 [CharacterBody2D]를 검색한 뒤 [바꾸기] 버튼을 클릭합니다.


???


유형은 바뀌었는데... 노드 이름은 왜 그대로지?

하고 당황했지만 이름만 그대로일 뿐…(휴 다행이다..)



이렇게 사람 모양의 이모티콘으로 변경이 되었다면 

CharacterBody2D로 변경된 것이니 안심하세요.

저는 헷갈리지 않도록 노드 이름을 Player로 변경했습니다.



 여기서 잠깐!

Node2D를 CharacterBody2D로 바꿔버리면

Node2D는 이제 사용하지 않는 걸까요?


부모 노드라더니 이렇게 바꿔버리면 대체 어떻게 되는 구조인 거죠?

혼돈에 빠진 여영자…(저만 헷갈린 건가요?;;)


그.래.서

한 장으로 깔끔하게 정리를 해봤습니다. (엣헴!)



플레이어나 배경 등은 각각 하나의 씬(Scene)으로 만들고, 

마지막에 Main(Node2D) 씬에서 하나로 조립하는 구조네요.


글로만 보면 이해가 잘 안되었는데 정리된 이미지를 보니 

이제서야 전체적인 구성이 잘 이해되었습니다!!!


라고 말하는 순간 또 문제가 생겼습니다.


 

어랏??!! 이 경고창은 대체 뭐죠??!!
순간 '내가 뭘 잘못했나?' 싶어서 클릭해보니 
오류가 아니라 필요한 작업을 알려주는 안내였습니다. (휴..다행)

노드에 모양이 없어서 물체와 충돌하거나 상호작용이 없다고 하는데요.

그럼 모양을 만들면 되겠군요!



CollisionShape2D와 CollisionPolygon2D의 차이를 모르니까

ChatGPT에게 물어봤습니다.



CollisionShape2D가 CollisionPolygon2D보다 

상대적으로 쉽고 안정적이라고 하네요.


초보자인 저는 그렇다면 CollisionShape2D로 선택했습니다.



Player 노드를 선택 후 마우스 오른쪽 버튼을 클릭합니다.

[+(자식 노드 추가)] 버튼을 눌러 자식 노드를 선택해 주세요.



새 Node 만들기 검색창에

[CollisionShape2D]를 입력한 뒤 [만들기] 버튼을 눌러주세요.



저 경고창이 보이면 처음엔 깜짝 놀랐었는데

다음 과정을 이렇게 설명해 주니 이제는 반갑기까지 하네요.


CollisionShape2D가 작동하려면 모양이 있어야 한다고 하네요.

모양 리소스를 만들어야 하는데 그게 대체 무엇일까요?



아하! 빈 틀인 CollisionShape2D 안에 모양 리소스를 만들어
보이지 않는 실제 충돌 범위를 설정하는 거군요. (끄덕끄덕..)


그럼 빠르게 한번 추가해 볼게요!



CollisionShape2D를 선택한 상태에서

우상단 인스펙터 영역의 Shape를 보시면 비었음으로 보이는데요.

[비었음]을 클릭한 뒤 검색창에 [CapsuleShape2D]를 검색해서 클릭해 주세요.


그럼 반투명한 캡슐이 보일 거라고 ChatGPT가 알려줬는데…



없는데요?? 없어요 캡슐…ㅠㅠ



여기저기 눌러보고 찾아봐도 안 보여서 ChatGPT에게 물어봤습니다.



앗!! 그렇다면…설마...

.

.

.

.

.



찾았다..;;;;


캡슐 크기가 너무 작아서 없는 줄 알았더니 처음부터 있었네요.

(이걸 찾는다고 얼마나 시간을 보냈는지 하아….)



캡슐의 오른쪽 핸들은 가로 크기(Radius)

아래쪽 핸들은 세로 크기(Height)를 조절합니다.

인스펙터의 Radius와 Height에서도 수정할 수 있습니다.


이제 캐릭터 그림에 맞게 충돌 범위의 크기와 위치를 조절하면 되는데요.

CapsuleShape2D의 기본 크기는 임시값이어서

캐릭터에 맞게 캡슐을 키우는 것이 일반적이라고 합니다.



하나의 캡슐에 정지와 걷기 동작 모두를 포함해야 해서

처음에는 캐릭터를 최대한 크게 감싸도록 캡슐을 만들었습니다.


하지만 충돌 영역이 캐릭터보다 너무 크면

어색한 움직임이 발생할 수 있다고 해서 수정하기로 했어요.



머리카락 끝이나 장식 요소는 일부 캡슐 밖으로 나와도 괜찮다고 해서

여영자의 머리와 몸통을 중심으로 캡슐을 다시 조정했습니다.


이제 다른 동작도 수정된 캡슐에 잘 맞는지 확인해볼게요.



(1) Player의 AnimatedSprite2D를 선택 후 

(2) 애니메이션 영역에서 원하는 동작을 선택하세요.

(3) 우측 인스펙터의 AnimatedSprite2D > Frame에서

각 프레임 번호를 선택해서 프레임마다 확인할 수 있습니다.


프레임 선택 후 다시 Player의 CollisionShape2D를 선택하면,

해당 프레임을 기준으로 캡슐의 위치와 크기를 조정할 수 있으니 참고하세요!



 짜잔! 다른 프레임에도 캡슐이 잘 적용되었네요.


드.디.어

캡슐 씌우기까지 성공했습니다. ㅠㅠ 


사실 오늘의 제 예상은 스크립트까지 도전이었는데

(역시 계획은 계획일 뿐..)

생각하지 못한 요소들이 생겨서 조금 늦어졌네요.


하지만 여기에서 멈출 수는 없죠.

드디어 첫 번째 스크립트에 도전할 시간이 왔습니다.

캐릭터가 움직이는 모습은 다음 편에서 함께 확인해 볼게요!



그럼 다음 편에서 만나요!




 오늘의 기록

✔ Node2D를 CharacterBody2D로 변경하기

✔ CollisionShape2D 추가하기

✔ CapsuleShape2D 생성 및 크기 조절

✔ 캐릭터에 맞게 충돌 영역 설정하기



 다음 미션

✔ 첫 번째 스크립트 작성하기

✔ 키보드 방향키로 여영자 움직여 보기



저처럼 AI와 함께 게임을 만들며 매일 사투 중이신 회원님 계실까요?

함께 으쌰으쌰 힘내서 완성해 봐요!


하트

 

댓글과 공감은 여영자에게 정말 큰 힘이 됩니다.


공감/비공감

공감/비공감안내도움말 보기
유용하고 재미있는 정보인가요?
공감이 된다면 공감 버튼을, 그렇지 않다면 비공감 버튼을 눌러 주세요!
공감이나 비공감을 선택 하는 경우 다나와 포인트를 적립해 드립니다. ※ 공감 버튼의 총 선택 횟수는 전체 공개입니다. 비공감 버튼의 선택 여부는 선택한 본인만 알 수 있습니다.
AI 상품포럼 최신 글 전체 둘러보기
1/1
AI 40대 AI 초보 성장일지 #004 | 캐릭터를 움직이려면 몸부터 만들어야 한다고요? (1)
AI 수노 AI로 케이팝 남자 아이돌 노래 만드는 방법 (5)
AI 40대 AI 초보 성장일지 #003 | 드디어 게임 엔진 Godot를 실행했습니다 (12)
AI 하루 30분 블로그 수익화 3화! GPT로 통일성 있는 대표 이미지 만들기 (9)
AI 하루 30분 블로그 수익화 2화! 네이버 블로그 글쓰기 초보도 ChatGPT로 30분이면 끝! (7)
AI 하루 30분 블로그 수익화 1화! GPT로 수익형 블로그 주제 찾기 (16)
AI 40대 AI 초보 성장일지 #002 | 게임 장르를 정하고 첫 캐릭터를 만들었습니다 (16)
AI 제미나이로 모닝 브리핑 자동화가 가능할까? (8)
AI 1년에 600시간을 줄여주는 모닝 브리핑 자동화 방법 (8)
AI AI글래스 '레이밴 메타 2세대' 판매 시작했네요~ (3)
AI 40대 AI 초보 성장일지 #001 | AI? 저도 하나도 모릅니다 (14)
AI AI는 못 읽고 인간만 읽는다는 그 폰트, AI 3개한테 직접 물어봄 (10)
AI UNDERkg 5년을 기다린 구글 제미나이 탑재 스피커 영상 (4)
AI 오픈AI 첫 하드웨어, 스마트 스피커가 될 듯 (6)
AI 구글 제머나이 플레이 그라운드 행사 #2 (7)
AI 구글 제머나이 플레이 그라운드 행사 #1 (3)
AI 구글 나노 바나나 3종 모델 직접 비교해봤습니다 (5)
AI chatgpt 대출 상담 받아본 썰 (3)
AI 메타의 이미지 생성 모델 '뮤즈 이미지' 퀄 미쳤네요 (3)
AI 챗GPT 라이브 vs 제미나이 라이브, 음성 모델 비교해봄 (3)
이 시간 HOT 댓글!
1/4