VNAP (비공식) 관리위원회

블로그 이미지
VNAP Unofficial Support Page.
by pilza2

ARTICLE CATEGORY

전체 (47)
보관 (18)
정보 (5)
강좌 (16)
작품 (6)
  • 52,765Total hit
  • 0Today hit
  • 0Yesterday hit

강좌의 버퍼(buffer) 명령어를 배웠습니다.
버퍼 명령어는 주로 케릭터 CG 이용되어서 자연스럽고 실제로 움직이는 듯한 효과를 주었습니다
이번에는 배경 CG 실제로 움직이는 듯한 효과를 있는 명령어인 cgeffect cgeffect2 대해 알아보겠습니다   

역시 자주 이용되는 명령어 위주로 알아보겠습니다.
실력이 붙으시면 VNAP 제작 위원회에서 제공하는 스크립트 가이드만을 보더라도 충분히 부족한 부분을 있습니다
강좌는 어디까지나 뼈대를 잡아드릴 뿐이니까요^^    

[Lecture 07. 이미지 연출법.]    

1. cgeffect

먼저, cgeffect 명령어의 일반적인 사용법입니다.
VNAP 제작 위원회에서 제공하는 스크립트 가이드를 열어보시면 아래와 같이 나올것입니다   

cgeffect effecttype time filename pos    

 effecttype : 효과 타입을 말합니다주로 FADETO, BLINDSHOW, SCROLL, QUAKE, ZOOMIN, ZOOMOUT 사용됩니다  

time : 그림 파일이 나타나는데 걸리는 시간을 의미합니다   

filename : 그림 파일을 적습니다   

pos : 세부 조정이 가능한 옵션입니다   

위에 일반적인 사용법에 맞춰 그대로 사용하시면 됩니다.
필요에 따라서는 모두  갖춰주어야  하는 명령어도 있고, 생략해도 되는 명령어도 있습니다.
여기서는 자주 사용되는 양식으로 설명하겠습니다 ^^    

, 그러면 직접 사용해 보도록 합시다   

FADETO  

배경 CG 서서히 나타나게 하는 명령어입니다. 앞에서 배웠던 buffercg 기능이 동일합니다.
사용법은
아래 스크립트를 참고하세요
    

     

실행해 보시면, 아주 서서히 그림이 나타납니다.
cg 명령어보다는 cgeffect FADETO 명령어를 자주 이용하는 것이 깔끔한 작품을 만들 있습니다. ^^   

SCROLL

스크롤 기능을 말합니다. , 그림이 아래로 움직이는 효과를 말합니다.
하지만, 실제로는 그림을 끌어주면서 보여주는 이랍니다.
(애니메이션의 기법입니다 ^^)    

, 우선 그림 파일을 준비합시다.
필요한 그림 파일의 조건은 기본 크기에서 한쪽을 늘려주는 것입니다.    

    

왼쪽, 오른쪽으로 스크롤하기.    

<명령어 체크>

LSCROLL : 이미지를 왼쪽으로 스크롤.
RSCROLL : 이미지를 오른쪽으로 스크롤
  

준비물 : 왼쪽, 오른쪽으로 스크롤을 하려면 옆으로 그림이 필요합니다.    

예를 들어 1280*480 픽셀의 그림을 사용하면 왼쪽, 혹은 오른쪽으로 스크롤이 가능합니다.
물론 800*480같은 크기같이, 기본 크기의 가로 크기보다 크면 상관없습니다.
다만, 가로의 길이를 늘리되, 세로는 고정해야 합니다   

아래로 스크롤하기.    

<명령어 체크>

USCROLL : 이미지를 위쪽으로 스크롤.
DSCROLL : 이미지를 아래쪽으로 스크롤
   

준비물 : 아래로 스크롤을 하려면 아래로 그림이 필요합니다.    

예를 들어 640*960  사용하면 , 아래로 스크롤이 가능합니다.
역시 640*800 같은 크기같이, 기본 크기의 세로보다 크면 상관없습니다.
다만, 세로의 길이를 늘리되, 가로는 고정해야 합니다   

첨부 파일을 뜯어 고쳐 보시면서 익히시길 바랍니다   

BLINDSHOW

화면의 일부분을 가리면서 그림이 나타나는 효과입니다.
주로 장소의 이동시에 많이 이용되는데요, 명령어는 별도의 설명 없이 직접 사용해 보세요   

    

<명령어 체크>

LBLINDSHOW : 이미지를 왼쪽부터 블라인드효과를 적용해 출력.
RBLINDSHOW : 이미지를 오른쪽부터 블라인드효과를 적용해 출력.
UBLINDSHOW : 이미지를 위쪽부터 블라인드효과를 적용해 출력.
DBLINDSHOW : 이미지를 아래쪽부터 블라인드효과를 적용해 출력
   

2. cgeffect2    

위에서 다룬 cgeffect명령어와는 비교하면, cgeffect2 명령어는 별도의 연결 파일이 필요하며
지정한 시간동안 효과는 지속된다는 점에서 다릅니다.      

연결 파일은 VNAP 플러그 (Plug-In) 파일 모음인 RVPF(Ricanet VNAP Plugin Factory) 에서 제공합니다
그리고, VNAP폴더에 cgeffect 라는 폴더를 생성한 후에 파일들을 복사해넣어야만 하지요  

그리고 vnap.ini파일을 열어서 아래의 빨간 줄과 같이 추가합니다   

CGEFFECT_DIRECTORY=".\cgeffect\"     

 

RVPF 플러그인 파일을 다운 받으셔서 VNAP폴더의 cgeffect폴더에는 화면효과이름.cpp 파일과
화면효과이름.dll파일을 복사해옵니다  

경우에 따라서는 추가적인 파일 모두를 복사해와야 합니다.    

파트에서도 가장 널리 사용되는 명령어 위주로 설명하겠습니다.     

Rain

비가 내리는 효과를 가진 명령어입니다 구조 아래와 같습니다   

cgeffect2 rain 개수 수직 최대 속력 수직 최소 속력 크기     

rain : rain 효과 타입을 사용합니다   

 빗줄기 개수 : 세부옵션. 화면에 나타나는 빗줄기의 개수. 수의 제한은 없으나 30~300 값을 추천합니다   

빗줄기의 수직 최대 속력 : 세부옵션. 빗줄기의 수직 최대속력. 10~50 값을 추천합니다.    

빗줄기의 수직 최소 속력 : 세부옵션. 빗줄기의 수직 최소속력. 3~15 값을 추천합니다.    

빗줄기의 크기  : 세부옵션. 빗줄기의 크기. 100~500 값을 추천합니다.    

세부 옵션은 모두 생략이 가능하기 때문에 아래와 같이 간단히 사용해봅시다   

     

SmoothCu    

부드럽게 화면을 전환시키는 명령어로, 위의 FADETO 명령어와 사용이 비슷합니다
구조는 아래와 같습니다   

cgeffect2 SmoothCU 전환 시간 전환할 파일 페이딩       

 SmoothCU : smoothCU 효과 타입을 사용합니다   

 전환 시간 :  초동안 효과를 지속할지 결정합니다. 1000이면 1초동안 지속됩니다   

 전환할 파일 : 바뀔 화면 파일의 이름을 지정합니다.    

 페이딩  : 페이딩(바뀌는 부분) 픽셀의 폭입니다. 50이면 50픽셀씩 페이딩됩니다. 
 
*
사용상 주의사항
해상도 제한 - 세로 768픽셀까지 가능합니다.
현재 왼쪽에서 오른쪽으로 페이딩하는 것만 지원합니다
   

 
      <변환 장면은 캡쳐가 안되는 고로[...]>    

Snow 

 눈이 내리는 듯한 효과를 가진 명령어입니다
구조는 아래와 같습니다   

cgeffect2 Snow 개수  수평 최대 속력 수직 최대 속력 수직 최소 속력 수평 최대 가속도 크기     

 Snow : Snow 효과 타입을 사용합니다   

 눈송이 개수 : 세부옵션. 화면에 나타나는 눈송이의 개수. 최대 제한 100   

눈송이의 수평 최대 속력 : 세부옵션   

눈송이의 수직 최대 속력 : 세부옵션   

눈송이의 수직 최소 속력 : 세부옵션   

 눈송이의 수평 최대 가속도  : 세부옵션. 빗줄기의 크기. 100~500 값을 추천합니다.    

눈송이의 크기 : 세부옵션. 눈송이의 크기. 1000~2000 값을 추천합니다   

역시 세부 옵션 모두를 생략 가능하기 때문에 아래와 같이 사용해도 됩니다   

   




<
제가 예전에 연출한WA-DE 장면입니다. 부족하지만, 응용하면 이렇게도 만들 있습니다;;> 
   

다른 명령어도 많지만, 가장 많이 사용되는 명령어에 대해 이야기했습니다.
나머지는 스크립트 가이드를 보시더라도 충분히 있는 내용이기에 생략하겠습니다.
첨부한 파일을 참고하시면서 뜯어고치며 공부하시길 바랍니다 ^^

 강좌 파일    



CG EFFECT모음(RVPF)    


Copyright
2005-2009. 아우름이. All rights Reserved.
미디어 연구소(http://mediastudio.tistory.com/)

TRACKBACK 0 AND COMMENT 3
  1. 퀘이크효과 2010.07.14 16:04 address edit/delete reply

    QUAKE 효과를 주고싶은데 어떻게 하면 되나요?
    잘 모르겠어요...

  2. Soyeon 2011.09.24 22:24 address edit/delete reply

    우왓! 너무 큰 도움이 되었어요^^

    감사합니다!

  3. TDL 2015.01.22 02:14 address edit/delete reply

    미연시를 한번 만들고 싶었는데
    정말 감사합니다.^^




지금껏 그림과 글을 띄우는 명령어를 배웠습니다만, 여타의 상용작품들과 비교했을때 만족스럽지 못한 부분이 많았을 것입니다.
특히
작품상에서 출력되는 그림이 부드럽게 나타나지 않은 부분이 아쉬었으리라 생각합니다.  
  

그렇지만, 버퍼(buffer) 이용하게 되면, 부드러운 화면 연출 가능하게 됩니다
   

[Lecture 06. 버퍼(Buffer) 사용.]    

먼저 버퍼(buffer) 대해 간단히 알아보면, 임시 저장공간을 의미합니다.

VNAP
에서는 기본적으로 drawbuffer라는 명령어와 같이 사용하게 되는데요,

임시저장공간인 버퍼에 이미지나 글을 담고(buffer), 담은 파일을 화면에 뿌려주는(drawbuffer)구조로 되어있습니다.    

VNAP에서는 주로 케릭터와 그림을 불러내는데 많이 이용하고 있습니다.
이번 강좌에서는 가장 많이 사용되는 명령어를 위주로 다루기로 하겠습니다    

bufferchar

케릭터를 불러내는 char에서 앞에 buffer 붙은 명령어입니다.
기본적으로 케릭터를 불러내는 명령어이지만, bufferchar 명령어는 이상의 케릭터 CG 출력했을때 주로 이용됩니다   

예를 들어, 케릭터중 케릭터만 사라지게 한다든가, 표정을 바꾸는데 이용되지요
먼저, 케릭터를 부드럽게 나타내는 것부터 설명드리도록 하겠습니다.

지금껏 써왔던 char 명령어에서 출력되는 시간을 조절하는 것입니다.
아래는 비교를 두었습니다.

char 명령어는 케릭터가 처음 등장시에는 출력되는 시간을 조절하여 자연스레 나타나지만, 표정이 바뀔때에는 어색합니다.

하지만
, bufferchar 명령어는 표정이 바뀌는 것도 자연스럽습니다
bufferchar char 명령어가 다른점은 바로 명령어 뒤에 써주는 값들입니다.
그리고 출력되는 시간은 drawbuffer 뒤에 써주는 이지요   

<스크립트 해석>

15번째 줄에 bufferchar 에는 임시 저장 공간에 아무것도 담기지 않습니다. ( 자연스러운 표정변화를 위한 코드.)

17번째 줄에 bufferchar yuki_smile.png 에서 임시저장 공간에 yuki_smile.png 파일을 담습니다.
18
번째 줄에 drawbuffer 1000 에서 1초동안 변화가 되며 yuki_smile.png 파일이 나타나게 됩니다
    

아래는 하나의 케릭터만이 표정이 바뀝니다   

     

<스크립트 해석>

6번째 줄의 bufferchar yuki_smile.png 0 32 부분에서 임시저장공간에 yuki_smile.png 파일을 담습니다.
8번째 줄의 bufferchar misaki_surprise.png 296 48 부분에서 임시저장공간에 misaki_surprise.png 파일을 담습니다.
9번째 줄인 drawbuffer 100 와서야 yuki_smile.png misaki_surprise.png 동시에 나타나게 되어,
결론적으로는 왼쪽의 케릭터의 표정이 바뀜을 알수 있습니다   

케릭터만을 지우려면 어떻게 할까요?
아래와 같이 표현할수 있습니다   

<스크립트 해석>

6번째 줄에 bufferchar에는 아무것도 담지 않습니다.

8번째 줄에 bufferchar yuki_smile.png 0 32 에서 yuki_smile.png이라는 파일이 임시저장공간에 담깁니다.
9
번째 줄에 drawbuffer 100에서 yuki_smile.png 파일만이 출력되지요
   

그렇게 하면 케릭터만 사라지는것을 있습니다    

buffercg    

기본적으로 cg명령어와 기능이 비슷합니다만부드러운 화면연출을 가능하게 하는 명령어입니다  

   

여기서 출력되는데 걸리는 시간을 조절해야 하는데요, 적당한 시간으로 맞추면 마치 동영상처럼 변하는 모습을 보실 있습니다
강좌에 사용된 파일을 여기저기 고쳐보시면서 익히시길 바랍니다.   

강좌 파일

P.S 중급 강의로 넘어왔으니 이미지는 자제[...]
-> 여러분의 수준이 올라갔다고 쓰고, 귀챠니즘이라고 읽습니다.(맞는다.)

Copyright 2005-2009. 아우름이. All rights Reserved.
미디어 연구소(http://mediastudio.tistory.com/)

TRACKBACK 0 AND COMMENT 1
  1. ㅇㅇ; 2010.05.08 02:46 address edit/delete reply

    어디에 글을 남겨야할지 몰라서 여기에 남깁니다
    프롤로그라던가 시나리오를 짤때 생성한 텍스트파일들을 폴더를 만들어서 거기에 넣는 방법은 없나요?
    넣으면 브이냅이 작동을 안하고
    그렇다고 안하자니 보기가 좀 지저분하고;




강좌에서 글을 출력하는 명령어인 text atext 배웠습니다.
이번 강좌에서는 글을 출력하는데 있어서 창의 조절과 대사를 연출하는 법을 다룹니다   

[Lecture 05. 깔끔하게 출력하기.]    

windowsize  

미소녀 게임에서의 글은 크게 묘사, 대사로 이루어져 있습니다.
작품마다 다르지만, 작은 (보통 윈도우의 아래부분) 글과 대사가 출력이 되는 작품도 있고, 전체 화면에 출력되는 작품도 있습니다   

    < 전체에서 글이 출력되는 시즈쿠(왼쪽) 창이 아래쪽에 작게 위치하여 글이 출력되고 있는 카논(오른쪽)>    

VNAP에서 이런 연출을 위한 기능은 windowsize 명령어로 제공합니다.

windowsize FULL 명령어는 예제의 왼쪽처럼 전체 화면에 글을 출력합니다.

windowsize window 명령어는 예제의 오른쪽처럼 기본적으로 화면에 작은 창으로 표시되어 글을 출력합니다   

     

그리고 때에 따라서는 창을 숨겨야 하는 경우 있을 것입니다.
그때는 window 명령어를 사용합니다   

window ON   : window OFF 명령어로 숨긴 창을 다시 보여줍니다. 

window OFF : 창을 숨깁니다.    

  

 

 대사를 깔끔히 표시하기.

일반적으로 프로게임이든 아마추어 게임작품이든 간에 대사는 아래와 같이 표시하는 경우가 많습니다

 (케릭터 이름) (대사)  (케릭터 이름)

(대사)


이런 식으로 대사를 표시하는 경우가 많습니다. VNAP에서는 어떻게 표시할까요?
케릭터의 이름을 유키라고 해봅시다.

 text 유키 안녕?  text 유키

+ 안녕?

여기서 + 아래에 글을 덧붙이는 명령어입니다.
+ 다음에 한칸을 띄우시고 글을 쓰시면 되겠습니다.    

     

실행시킨 결과는 그다지 좋지는 않네요.
그렇기 때문에 케릭터 이름을 [] 감싸고, 대사를 「」로 감싸면 한결 보기가 나아집니다.

다시 고쳐 쓰면

 text [유키] 안녕?  text [유키]

+ 안녕?

     

그리고 앞서 배운 text atext 에서 글을 출력할때 너무 길면 적당히 나누어서 씁시다.    

1 강좌에서 예를 들었던 구문인    

text 그러나 또래의 아이들이 대개 그렇듯이, 둘은 금방 친숙해졌다. 어느 정도냐면, 심심하다는 핑계로 우일이 방에 와서 자는 일도 종종 있을 정도가 되었다. 그러나, 아직까지도 우일이를 오빠라고 부르지 않고 이름으로 부르고 있긴 하지만.  

구문을 적당히 나누어서 출력하게 해두는 것이 좋습니다   

text 그러나 또래의 아이들이 대개 그렇듯이, 둘은 금방
+ 친숙해졌다. 어느 정도냐면, 심심하다는 핑계로 우일이
+ 방에 와서 자는 일도 종종 있을 정도가 되었다   

text 그러나, 아직까지도 우일이를 오빠라고 부르지 않고
+ 이름으로 부르고 있긴 하지만.     

이런 식으로 하면 글이 깔끔히 표시되는 것을 있습니다
첨부 파일을 참조해 주세요.

첨부 파일 

 

Copyright 2005-2009. 아우름이. All rights Reserved.

TRACKBACK 0 AND COMMENT 1
  1. ㅜㅜ 2010.06.01 22:29 address edit/delete reply

    windowsize FULL있잖아요.
    그걸 자작대화창을 사용한다음 써보니까
    위에는 불투명한 검정색 창이 나타나는데 저는 그게 안나타나서;
    뭘 설정해야 제대로 나오나요?