CG 갤러리 코드 설명

이전 버전까지는 따로 스크립트 파일을 받아서 만들어야 했습니다만 6.13부터는 CG갤러리와 음악 감상실 만드는 스크립트가 내장되었습니다. 그래서 6.13부터는 CG 감상 버튼은 쉽게 만들.. 수 있으면 좋았겠지요 ㅇ<-<... CG버튼을 만드려면 쓸 게 조금 많습니다.

CG갤러리를 만드는 차례를 설명하자면 다음과 같습니다.

1. 먼저 init python 블럭에서 갤러리에 대한 설정을 해주어야 합니다. 여기서 설정이란 갤러리에서 쓸 CG 버튼, 잠긴 버튼을 표시할 때 쓸 그림, 그림 전환할 때 쓸 트랜지션 효과 등 CG 갤러리에 필요한 모든 것을 가리킵니다. 하지만 여기서 하는 건 어디까지나 설정이고, 실제로 이 버튼을 눈에 볼 수 있도록 만드려면 스크린 언어를 이용해야 합니다.

2. init python 블럭에서 설정한 것들은 add 를 이용해 스크린 블럭에 추가합니다.

3. 그리고 그 스크린을 표시하는 버튼을 메뉴 어디엔가 끼워넣으면 됩니다.

자세한 사용 예제는 스크립트를 참고하세요. (주석때문에 좀 깁니다)

init python: # 먼저 스크립트에서 '이제부터 CG 갤러리 설정 만들거임' 이란 증거로 # 아래와 같이 써줍니다. g = Gallery() # 이 CG갤러리에서 "잠긴 CG 버튼"에 쓸 그림을 설정합니다. g.locked_button = 'gal-locked.png' # 마우스를 버튼 위에 올렸을 때 이 버튼을 골랐다는 것을 알려줄 # 그림을 지정합니다. 없으면 비워도 됩니다. # g.hover_border = 'gal-border.png' 해당 CG버튼에 마우스가 올라가면 버튼 위에 gal-border.png 그림이 나타납니다. # 이제 CG갤러리에서 쓸 CG버튼의 설정을 차례로 만들어줍시다. # 맨 처음에는 무조건 g.button('버튼이름') 을 적어줍시다. g.button('dawn mary') # 그리고 이 버튼을 눌렀을 때 표시할 CG를 설정합니다. # CG는 unlock_image("이미지 이름") 으로 설정합니다. # 한 버튼을 눌렀을 때 여러 이미지를 표시하려면 unlock_image를 여러번 쓰면 됩니다. g.unlock_image("mary dawn wistful") g.unlock_image("mary dawn smiling") g.unlock_image("mary dawn vhappy") # 게임에서 mary dawn wistful / smiliing / vhappy # 이 세 그림 중 하나를 보면 이 버튼은 저절로 잠금 해제됩니다. # 그러나, 예를 들어 mary dawn vhappy 를 본 적이 없다면 # 이 버튼을 클릭했을 때 mary dawn vhappy 가 표시될 차례에 # "Image 3 of 3 locked" 라는 문구가 뜹니다. # 한 번에 여러 장을 띄우려면 unlock_image 에 이미지 이름을 쉼표로 구분해서 여러 개 쓰면 됩니다. # 아래 예제에서는 beach2라는 BCG와 mary dark wistful ... 이라는 캐릭터 CG를 함께 띄웁니다. # 그리고 이 경우, unlock_image 에 적힌 이미지 모두를 봐야 CG버튼이 활성화 됩니다. g.button('dark mary') g.unlock_image("beach2", "mary dark wistful") g.unlock_image("beach2", "mary dark smiling") g.unlock_image("beach2", "mary dark vhappy") # 그러나 예를 들어 beach2는 봤으나 mary dark smiling 을 본 적이 없다면 # image 2 of 3 locked 라고 뜹니다. # g.button() 이후로 적힌 unlock_image 가 여럿 있다면 # 그 여럿 중 하나의 unlock_image 만 완벽히 해금되어도 버튼은 잠금 해제됩니다. # 이미지를 확인하는 것이 아닌 다른 잠금 해제 조건을 만들고 싶다면 g.button('end1') #g.condition 으로 잠금 해제 조건을 적어줍니다. #아래 코드는 persistent.unlock_1 이란 변수값이 참일 때 이 버튼이 잠금 해제 된다는 뜻입니다. g.condition('persistent.unlock_1==True') # 따옴표 안에는 if 문에서 쓰던 것처럼 쓰면 됩니다. # 그리고 잠금 해제되었을 때 표시할 그림을 g.image('이미지이름')으로 적어주면 됩니다. # 물론 이 때도 unlock_image 도 사용할 수 있습니다. 그 둘의 조합은 필요에 따라서.. g.image("transfer") g.image("moonpic") g.image("girlpic") g.image("nogirlpic") g.image("bad_ending") #g.condition 은 g.button 다음에 적으면 버튼의 잠금해제 조건을 결정하지만 #g.image 밑에 적으면 바로 위의 이미지"에만" 적용되는 잠금해제 조건이 됩니다. g.button("end3") g.condition("persistent.unlock_3") g.image("littlemary2") g.image("littlemary") g.image("good_ending") # good_ending 그림은 아래의 조건이 충족되었을 때 볼 수 있습니다. g.condition("persistent.unlock_3 and persistent.unlock_4") # 혹시 모든 그림을 다 확인했을 때 잠금 해제되는 버튼을 만들고 싶다면 # 간단히 g.allprior를 사용하면 됩니다. g.button("end4") g.allprior() g.unlock_image("hospital1") g.unlock_image("hospital2") g.unlock_image("hospital3") g.unlock_image("heaven") g.unlock_image("white") g.unlock_image("good_ending") # 개별 이미지에 트랜지션을 주고싶다면 아래처럼 적으면 됩니다. g.button("dark") g.unlock_image("bigbeach1") g.transform(dissolve) #bigbeach1 를 표시할 때 적용되는 dissolve 효과. # 주의: g.transform은 변환효과를 적용하고 싶은 이미지 밑에 적어야 합니다. # 갤러리에서 이미지를 표시할 때 모든 이미지에 같은 화면전환효과를 주고 싶다면 # 이렇게 적으면 됩니다. g.transition = dissolve     # 이제 위에서 설정한 것들이 눈에 보이도록 스크린 블럭에 추가해야 합니다. init: screen gallery: # 갤러리 스크린이 세이브 메뉴나 환경설정 메뉴 화면에서 자연스레 교체되도록 tag menu를 추가합니다. tag menu # 배경화면은 add로 넣습니다. add "beach2.jpg" # 버튼 격자판. CG 버튼 정렬용입니다. grid 3 2: xfill True yfill True # 이제 위에서 만들었던 g.button 들을 추가할 차례입니다. # 위에서처럼 g.button으로 설정한 버튼이 없다면 CG버튼은 만들 수 없습니다. # 스크린문에서는 add와 함께 g.make_button 을 이용해 CG버튼을 만듭니다. # add g.make_button("위에 g.button()에서 적었던 버튼 이름", "버튼 그릴 때 사용할 그림 파일 이름") # 을 적으면 됩니다. add g.make_button("dark", "gal-dark.png", xalign=0.5, yalign=0.5) add g.make_button("end1", "gal-end1.png", xalign=0.5, yalign=0.5) add g.make_button("end3", "gal-end3.png", xalign=0.5, yalign=0.5) add g.make_button("end4", "gal-end4.png", xalign = 0.5, yalign = 0.5) add g.make_button("dark mary", "gal-dark_mary.png", xalign=0.5, yalign=0.5) add g.make_button("dawn mary", "gal-dawn_mary.png", xalign=0.5, yalign=0.5) # 위에서 g.hover_border를 지정했는데 # hover_border 는 g.make_button 에서도 정할 수 있습니다. # 전체에 적용할 때는 g.hover_border 에서, 개별로 적용할 때는 g.make_button에서 지정하면 됩니다. # add g.make_button("dawn mary", "gal-dawn_mary.png", hover_border = 'gal-border.png', xalign=0.5, yalign=0.5) # CG수가 적으면 일일히 add g.make_button ... 적어도 되겠지만 # g.make_button에 입력할 내용을 리스트에 넣어놓고 for문으로 만드는 것이 훨씬 편하겠지요. # 클릭하면 메인 메뉴로 돌아가는 버튼입니다. # CG 버튼 양이 많아서 여러 스크린을 만들었다면 다음 CG버튼을 보여주는 버튼을 만들어야겠죠. textbutton '돌아가기' action Return() xalign .5 yalign .8 # 이제 만들었으니 gallery스크린을 표시할 버튼을 메뉴 어디엔가 넣어줍시다. # 메인 메뉴에 넣으려면 screens.rpy에서 main_menu 스크린의 스크립트를 찾아 버튼을 넣어주면 됩니다. screen main_menu: # .............. textbutton _("Start Game") action Start() textbutton "Gallery" action ShowMenu("gallery") textbutton _("Load Game") action ShowMenu("load")

위 스크립트는 설명용으로 따로 만든 거니, 갤러리 스크립트 테스트는 다음과 같이 하시면 됩니다.

여기에서 Moonlight 라는 게임을 받으시고, 그 안에 있는 그림 파일을 다 복사/붙여넣기 하신 다음, 이곳에 있는 갤러리 스크립트 예제로 테스트를 해보시면 됩니다. config.automatic_images = True 로 설정했더라도 파일 이름이 beach2.jpg 같은 게 있는데 그런건 image beach2 = 'beach2.jpg' 처럼 수동으로 등록해서 쓰시면 됩니다.

Moonlight 는 렌파이 예제 게임으로 파이톰이 만든 겁니다. 따라서 .rpy 파일과 모든 소스가 공개되어있습니다. 이 게임에도 갤러리가 있고, 갤러리 스크립트가 있긴 한데 갤러리 버튼을 만드는 방식은 완전 구식이라서, CG갤러리 스크립트 예제를 따로 복붙해서 테스트에 이용해보시면 되겠습니다.