본문 바로가기
GameMaker강좌[GMS2]/GMS2기초강좌

[게임메이커 강좌-기초][GMS2] 스프라이트 외부 이미지 추가

by 타락카얀 2018. 4. 14.
728x90

 

 

GAME MAKER 강좌

 

 

KAYAN


 

 

 

 

 

 

◈ 외부 이미지 추가하기

 


일반적으로 스프라이트에서 Import 를 눌러 이미지를 추가합니다.


(▲ 스프라이트)


하지만 아래와 같이 여러개의 애니메이션이 있는 이미지가 있을 수 있지요.

 


(▲ 애니메이션이 있는 이미지 파일)


파일의 파일명 끝에 '_strip'+'총 프레임 수' 를 넣으면, 스프라이트 추가시 자동으로 프레임을 분할하여

애니메이션 이미지로 구성해줍니다.

   예) tiger_01.png   ▶ tiger_01_strip15.png //15 프레임으로 추가

이것은 이미지 가로 크기와 프레임 수 비율을 계산하여 이미지를 자동으로 추가해요.

그리고 한개의 이미지에 서로 다른 애니메이션이 여러개 붙여져 있거나, 특정 위치에서 일부분만 추가하고

싶을 경우가 있을 겁니다.

그럴 때는 Convert to Frames 기능을 사용하시면 됩니다.

이 기능은 먼저 Edit Image 를 눌러 편집 화면을 활성화해야 합니다. 그리고 편집 화면에서 메인 메뉴를 보면

Image 항목이 따로 추가 된 것을 볼 수 있지요.

 


(▲ 메인 메뉴)

 


(▲ Image 메뉴)


메뉴중에 Import Image 는 단일 이미지를 추가할 때 사용합니다.


Import Strip ImageConvert to Frames 를 사용하면, Convert to Frames 기능을 사용할 수 있습니다.
Convert to Frames 메뉴는 현재 프레임을 부분적으로 잘라 애니메이션으로 구성하는 것이고,
Import Strip Image 메뉴는 외부 이미지를 가져와서 애니메이션으로 구성하는 것입니다.

 


(▲ Convert to Frames 편집기)

   ○ 기본 설정


   Number of Frames : 프레임 수
   Frames per Row : 가로 방향에서 추가할 최대 프레임(횡렬 수)
   Frame Width : 프레임 가로 크기
   Frame Height : 프레임 세로 크기

 

 

   ○ 프레임의 위치 조정


   Horizontal Cell Offset : 가로 방향의 셀 오프셋(셀)
   Vertical Cell Offset : 세로 방향의 셀 오프셋(셀)
   Horizontal Pixel Offset : 가로 x 오프셋(픽셀)
   Vertical Pixel Offset : 세로 y 오프셋(픽셀)
   Horizontal Separation : 추가하려는 프레임 사이의 가로 간격(픽셀)
   Vertical Separation : 추가하려는 프레임 사이의 세로 간격(픽셀)

먼저 추가할 프레임의 크기를 지정하고, Number of Frames 에 프레임 수를 입력합니다.
그리고 Frames per Row (횡렬 수)는 가로 방향으로 최대 몇 프레임을 추가할 것인지를 지정합니다.

Frames per Row 의 값이 프레임 수보다 크거나 같으면, 가로 방향에서 프레임을 모두 추가하며,
Frames per Row 의 값이 프레임 수보다 작으면, 가로 방향에서 Frames per Row 수 만큼 추가하고,

나머지 프레임은 세로 크기 만큼 이동해 다시 가로 방향으로 추가하게 됩니다.
예를 들어, 아래 처럼 추가한다면,

 


(▲ Frames per Row)


Frames per Row (횡렬 수)는 5이고, 추가되는 총 프레임 수는 12가 됩니다.


 

 



◈ 이미지 편집기의 이미지 브러쉬 추가

 


이미지를 클립보드로 복사(Ctrl+C)하여 이미지 편집기로 붙여넣기(Ctrl+V)할 수도 있는데, 이 때는 편집기의
브러쉬로도 복사된 해당 이미지가 추가가 됩니다.

 


(▲ 이미지 편집기의 브러쉬로 추가)


이 기능을 이용하면 복사된 이미지를 브러쉬처럼 사용할 수 있습니다.

 


(▲ 브러쉬 기능을 이용하면 다양한 브러쉬로 응용이 가능함)


추가된 브러쉬를 삭제하고 싶을 때는, 해당 브러쉬를 선택한 다음 [Delete] 키를 누르면, 선택된 브러쉬를

삭제할 수 있습니다.


300x250

댓글