렌파이(Ren'Py) #4. 빠른 튜토리얼

렌파이 공식 사이트의 "Quick Start" - 빠른 시작 튜토리얼을 따라해보기로 했다.
이 튜토리얼이 렌파이의 전반적인 구조를 빠르게 이해하기 좋게 작성되어 있는 것 같다.

Quickstart — Ren'Py Documentation

이 포스팅은 위 렌파이 빠른 시작 튜토리얼을 한글로 작성한 것에 불과하기 때문에 이미 저 튜토리얼을 따라했던 분들은 볼 필요가 없다.

프로젝트 생성 후 해상도 변경 문제

Quick Start의 시작, 다운로드, 설치, 실행, 프로젝트 생성은 먼저 다뤘기 때문에 넘어간다.

그런데 퀵 스타이를 제대로 보지 않고 화면 해상도를 1920x1080으로 프로젝트를 생성했다.
그래서 1280x720으로 변경했더니 GUI와 텍스트 출력 위치, 폰트 크기 등이 맞지 않는 문제가 발생했다.

gui.rpy를 뚜닥뚜닥해서 고쳐보려고 했으나 시간만 낭비했다.
프로젝트 생성 후 해상도 변경시 대응이 어렵구나 알게 되었다.

간단한 게임

label 문과 say문으로 간단한 대사 출력 부분을 따라 해본다.
scene으로 이미지를 로딩한다.
캐릭터를 정의하고, show문으로 캐릭터 이미지를 로딩한다.
렌파이의 폴더는 개발 쪽에서 관리하기 편하도록 하는 역할이며 파일의 이름을 잘 지정하는 것이 중요하다.
파일명의 공백을 이용하여 속성을 다를 수 있다.
hide 명령으로 이미지를 숨길 수 있다.

define s = Character('Sylvie', color="#c8ffc8") # 캐릭터1 설정
define m = Character('Me', color="#c8c8ff")     # 캐릭터2 설정

label start:
    scene bg meadow # 배경 로딩(속성 meadow)

	# 나레이션
    "After a short while, we reach the meadows just outside the neighborhood where we both live."
    "It's a scenic view I've grown used to. Autumn is especially beautiful here."
    "When we were children, we played in these meadows a lot, so they're full of memories."

    m "Hey... Umm..." # 대사

    show sylvie green smile # 캐릭터 표시 (green smile 속성의 slyvie 출력)
                            # 그 자체로 파일명이 된다. "sylvie green smile.png"
    
    "She turns to me and smiles. She looks so welcoming that I feel my nervousness melt away."
    "I'll ask her...!"

    m "Ummm... Will you..."
    m "Will you be my artist for a visual novel?"

    show sylvie green surprised

    "Silence."
    
label leaving:

    s "I'll get right on it!"

    hide sylvie

    "..."

    m "That wasn't what I meant!"

선택지와 분기

menu 문으로 선택지를 뛰울 수 있다.
jump 문으로 선택지에 따라, 해당 label로 분기한다.

    s "Sure, but what's a \"visual novel?\""

menu:

    "It's a videogame.":
        jump game

    "It's an interactive book.":
        jump book

label game:

    m "It's a kind of videogame you can play on your computer or a console."

    jump marry

label book:

    m "It's like an interactive book that you can read on a computer or a console."

    jump marry

label marry:

    "And so, we become a visual novel creating duo."

화면 전환 효과

트랜지션을 하는 방법
scene이나 show문을 작성한 다음에 with문으로 fade나 dissolve 등의 효과를 넣을 수 있다.

label start:

    scene bg meadow
    with fade

    "After a short while, we reach the meadows just outside the neighborhood where we both live."
    "It's a scenic view I've grown used to. Autumn is especially beautiful here."
    "When we were children, we played in these meadows a lot, so they're full of memories."

    m "Hey... Umm..."

    show sylvie green smile
    with dissolve

    "She turns to me and smiles. She looks so welcoming that I feel my nervousness melt away."
    "I'll ask her...!"

    m "Ummm... Will you..."
    m "Will you be my artist for a visual novel?"

예시, 화면과 캐릭터가 동시에 디졸브 효과와 함께 나타남.

    scene bg meadow
    show sylvie green smile
    with dissolve

배경 화면에 디졸브 효과를 먹인 후, 그 다음에 캐릭터가 디졸브 효과와 함께 나타남.

    scene bg meadow
    with dissolve
    show sylvie green smile
    with dissolve

배경 화면은 즉시 나오고, 캐릭터가 디졸브 효과와 함께 나타남.

    scene bg meadow
    with None
    show sylvie smile
    with dissolve

위치

at문을 사용하여 캐릭터 출력시 위치를 지정할 수 있다.

• left : 왼쪽
• right : 오른쪽
• center : 가운데
• truecenter : 수평수직 모두 가운데 (아이템 같은 거 표시할 때)

     show sylvie green smile at right

오디오

play문으로 opus, ogg vorbis, mp3 형식의 음악을 연주할 수 있다.
play music은 반복 연주된다. play sound는 효과음으로 한번만 출력된다.

    play music "audio/illurock.ogg"

음악 교체시 이전 음악과 cross fade 한다. (이전 음악이 없을 경우, 페이드인 효과만)

    play music "audio/illurock.ogg" fadeout 1.0 fadein 1.0

queue문은 이전 음악이 종료된 후 이어서 연주할 곡을 큐에 넣는다.

    queue music "audio/next_track.opus"

음악을 멈춘다.

    stop music

play sound문으로 효과음을 출력한다. play music과 달리 한번만 출력된다.

    play sound "audio/effect.ogg"

game/audio에 음악 파일이 있을 경우, 파일명, 따옴표, 확장자 등을 생략 가능 (예시)

    play music illurock

일시중지

pause # 마우스 클릭 입력을 기다릴 수 있다.
pause 3.0 # 3초간 멈춘다.

게임 종료

return 문으로 게임이 종료된다.

파이썬 확장

게임 데이터 저장, 이벤트 연출, 각종 플래그 관리 등을 위해서 파이썬 문법을 사용해서 변수나 조건문 등을 사용할 수 있다.

기타 (확장킷 및 패럴랙스 이펙트)

이 부분부터는 렌파이퀵스타트엔 없는 내용이지만, 좀 더 퀄리티 높은 게임을 만들기 위해서는 이런 툴킷을 사용하는 것이 좋아보인다.

렌파이 동그란사각형 GUI 킷

• https://novelkit.itch.io/rounded-gui-kit 
• USD 9.99$이며, 인터페이스를 동그랗게 만들어 준다. 일단 깔끔해서 좋다.
• 비슷한 GUI 킷 중에는 무료도 존재하고, 더 비싼 것도 있지만, 뭔가 추천하기는 어렵다.
• 왜냐면 게임 분위기에 따라 바뀌어야 하는 부분들이라고 생각하기 때문에... 
• 이런 노벨 킷을 직접 만들려면, GUI Customization Guide 렌파이 공식 문서를 참고하고, 포토샵 같은걸로 UI 디자인을 잘 하면 되겠지만, UX 센쓰가 없으면 힘들지 않을까?

패럴랙스 이펙트

• 2D 이미지들의 Z좌표를 이용하여 공간감을 표현하기 위한 효과.
• 유튜브 영상과 깃허브 소스코드를 활용하여 다양하게 활용가능할 것 같다.
• https://www.youtube.com/watch?v=XEcpQckYtnY

오늘은 여기까지...

똥껨쏘물리에 게임 영상 올려야 됨.

유튜브 댓글이 악플리 달리길래... 재미있어짐.