대사창에 캐릭터의 얼굴 이미지를 띄우자 - 사이드 이미지

렌파이에서 사이드 이미지란 이렇게 대사창 옆에 표시되는 그림을 뜻합니다. 사이드 이미지는 캐릭터와 연결해서 사용하면 됩니다.

우선 사이드 이미지로 쓸 그림을 몇 장 준비합니다. 튜토리얼에도 사이드이미지용 아이린 그림이 하나 있으니 가져다 써도 됩니다만, 그거 한장만으로는 사이드이미지가 명령어에 따라 바뀌는지 확인하기는 힘드니까 되도록이면 서로 다른 그림을 몇 장 준비합니다.  

먼저 init 블록에서 그림을 등록해주고 이미지 태그를 캐릭터와 연결해줍니다. 이 때 사이드 이미지로 등록할 그림에는 앞에 side 라고 적어줍니다. 그래야 렌파이가 "이것이 사이드 이미지로 사용할 그림"이라는 것을 알아채고 그림을 대사창 옆에 표시하기 때문입니다.^[각주:1]

그리고 레이블 블록에서 이미지를 연결한 캐릭터와 함께 사이드 이미지를 등록할 때 적어준 이미지 속성 중 첫 번째 이미지 속성, 그러니까 side 다음에 적은 이미지 속성을 적어줍니다.

다시 한 번 설명하자면 이미지를 지정할 때 이미지 속성이라 함은 첫 번째 공백 뒤에 줄줄히 붙는 걸 가리킵니다. 
예를 들어 eileen happy 라는 이미지 이름이 있으면 eileen 은 이미지 태그고 happy 는 이미지 속성이 됩니다.

eileen happy = eileen + happy

이미지 이름 = 이미지 태그 + 이미지 속성

무조건 맨 먼저 등장하는 것이 이미지 태그가 됩니다. side eileen happy 에서는 side 가 이미지 태그가 되고 eileen  과 happy 는 모두 이미지 속성이 됩니다.

init: $ s = Character('은성', image = 'sin') # 아래의 이미지 이름에서는 sin 이 첫 번째 이미지 속성이 됩니다. image side sin smile = "side sin smile.png" image side sin concerned = "side sin concerned.png"

이제 레이블 블록에서 캐릭터와 함께 사용할 사이드 이미지의 이미지 속성을 적어줍니다. 대사창 옆에 사이드 이미지가 뜨는 걸 확인할 수 있습니다.

init: $ s = Character('은성', image = 'sin') image side sin smile = "side sin smile.png" image side sin concerned = "side sin concerned.png" label start: s smile "Fus Ro Dah!!" # side sin smile 그림이 나타납니다. s "......" # 여전히 side sin smile 그림이 나타납니다. s concerned "아 미친 양덕같아" # side sin concerned 그림이 나타납니다.

그림때문에 대사가 가려지는데 이는 스타일을 이용해 수정해줍시다.

init: $ s = Character('은성', image = 'sin') image side sin smile = "side sin smile.png" image side sin concerned = "side sin concerned.png" $ style.window.left_padding= 220 label start: #.....

style.window.left_padding = 220

사이드 이미지의 위치는 screens.rpy 의 screen say 블럭에서 수정해줍니다.

screen say: #중략...... if side_image: add side_image else: # 원래는 xalign 0.0 이라고 적혀있는데, 1.0이라고 적으면 맨 오른쪽에 사이드 이미지가 나타납니다. add SideImage() xalign 1.0 yalign 1.0

xalign 1.0

1. 물론 파일 이름을 지을 때부터 side_eileen_happy.png처럼 적어주고 config.automatic_images = True 로 설정하면 이 단계는 생략해도 됩니다. [본문으로]