Какво е Ren'Py?
Ren'Py е енджин, който ви помага да използвате текст, графики и аудио/видео, за да създадете собствен Visual Novel. Езика на който се основава е Python.

От къде да си я дръпна?
От официалния сайт: http://renpy.org/latest.html

------------------------------------------------------------------

Първо разбира си дръпнете енджина и си го инсталирайте/разархивирайте, където си поискате.
Стартирайте файла renpy.exe и ще ви покаже това.


Така няма да навлизам в подробности и да ви отегчавам, ще гледам да бъде лесно, кратко и разбираемо.

Може да видите, че има едно меню Tutorial Game, там са сбити голяма част от възможностите на енджина и обяснения към тях как се правят/пишат.
Ако натиснете Launch, ще се стартира друга игра, които има за цел да ви покаже някои от действията, които може да правите.

Целта ни тук е да го направим по-ясно.


Нека да започнем като натиснем New Project. Напишете име на проекта, примерно Test1 и натиснете Enter. Изберете стил(Choose Theme) на менютата ви, примерно Roundrect и след това изберете цвят(Choose Color Scheme) примерно Basic Blue.
Така...нашия проект е създаден, вече е момента да започнем по script-a на играта.
Натиснете Edit Script
И ще ви отвори една програма jEdit, която ще е отворила 3 таба - options.rpy, screens.rpy и script.rpy
Ние ще работим сега с script.rpy, където трябва и да сте отворили по подразбиране в момента.

Както виждате вече дори имаме някакъв код:

Може би сами се досетихте, но редовете с # са коментари.
Нека да почистим малко, че да работим на чисто.
Ето какво оставих:

Това ни и трябва за сега.

Как се добавя диалог в играта?
Става много лесно, нужно е само да бъде заграден в кавички.

Процеса е същия и за следващото изречение.

Ако се върнете в Ren'Py Launcher и натиснете Launch, ще видите, че вече имате игра състояща се от меню и ако натиснете Start, ще видите, че играта ви се състои от 3 реплики и след като цъкнете 3 пъти, за да минат ще се върнете отново в менюто.

Как да добавим имената на героите?
За да ги добавим, трябва да ги дефинираме, т.е. ако героя се казва Аз, енджина трябва да установи, че това е име на герой.
Как? Ами така:

Да поясня:
define - дефинираме
а - в случая тава е символ, с който ще викаме името на героя. Може да си я кръстите каквото си искате, дори и kjdsgdfdklj, но да е на латинеца.
Character - герой
('Аз') - това е самото име на героя
т.е. define символ_или_дума = Character('име_на_героя')

Вече сме дефинирали героя, как да изкараме:

Това улеснява много нещата, ако примерно героят ви по някаква луда причина се казва Георги Иванов-Пламенов Павлинов. Ако трябва да пишете това за всяка реплика, ще се уморите за отрицателно време. Просто го дефинирате с нещо кратко и сте готови.

Как да добавим снимка?
Както при героите, така и снимките трябва да се дефинират.
Отидете на Ren'Py Launcher и натиснете Game Directory. Там се намират всичките ви файлове, там ще слагаме и изображенията. Примерно имаме снимките background.jpg, character.jpg
Да ги дефинираме:

След като сме ги дефинирали как да ги покажем?

scene - с нея слагаме заден фон на играта ни
show - с нея викаме дадена графика (дали ще е герой, предмет или нещо друго)
hide - скриваме желаната графика

Позициониране на графиките?

Просто добавяте at след show char1 и желаното място left, right, center, truecenter(центриране хоризонтално и вертикално)

Transitions?

with dissolve - преминава от една снимка към друга
with fade - преминава от една снимка към черен екран към друга.
Ако не ви става ясно, просто експериментирайте.

Музика/звуци/гласове?
Както при графиките, така и при музикалните файлове всичко трябва да се намира в директорията на проекта ви.


Меню избор?
Ето как става номера:

Първо питаме "Харесвате ли Визуални Новели?".
След това се показва менюто с избора:
"Да, харесвам ги"
"Не, не ги харесвам."
Ако изберем 1 скачаме на dobyr и след това скачаме на krai.
Ако изберем 2 скачаме на lo6 и след това скачаме на krai.

IF Statment?
Тук вече може да се каже, че навлизаме в "дебрите" на програмирането.
Нека да кажем, че имаме 2 поредни въпроса, които в зависимост от отговора, ще продължи по различен начин историята.
Нека вземем една променлива x със стойност 0 и да е дефинираме.

Това е много полезно, за толкова много неща.
Но като цяло много често се използва за пътищата на героините във Визуалните новели. Ако дадена променлива е равна на дадена стойност се прехвърляме към даден път, ако ли не към друг и така нататък.
------------------------------------------------------------------------------
Ще има още...

В горния пост ще намерите основните неща, с които може да създадете един нормален Визуален Новел.

От тук надолу ще навлезем в "разкрасяването" на визуалния новел.

Как да си направим лого, което да се показва преди влизането в главното меню?

И ще имате начално лого вече. Реално няма значение къде ще сложите кода, т.е. дали ще е в label start .... return, след него или както тук сме го написали преди него. Важно е да отбележим, че за да работи лейбъла трябва задължително да се казва splashscreen!!!
Ако искате да сложите графика, която да ви се явява лого, то:


Как да накараме екрана да трепери?
В RenPy има заложени 2 "треперения" по подразбиране - vpunch(vertical punch-вертикално) и hpunch(horizontal punch-хоризонтално).
Как да ги ползваме.

Ако искате random shake, т.е. на всички посоки, то може да погледнете този код тук: http://www.renpy.org/wiki/renpy/doc/coo ... ake_effect

Pause?
Нека да обърнем малко внимание на паузата. Вече я ползвахме в по-горните примери при показването на снимки, но какво ако искаме да я ползваме по време на диалог.

За какво ви служи. Ако примерно искате да покажете 5 героя един след друг без реплики, може да направите това:

Така преди да се скрие всеки един герой, ще имаме пауза по половин секунда.

Input?
Примерно да накарате главния герой да въведе името си:

Може да го съчетаете с IF, за да се получи нещо подобно:

И всъщност едно момиче от тукашния аниме клуб, което учи в Лондон специалност Анимация, работи точно със същата програма. Беше се върнала за малко и ни показа свои нейни начални работи, направени с програмата.
Така че е адски полезна и забавна. Макар че за да създадеш една малко по-дълга новела отнема много време в писане на нещата, които ти каза.

Animation and Transformation Language (ATL)
Част 1

С този "език" може да анимираме и трансформираме изображенията си по какъвто начин искаме.

Така нека да разясним нещо първо.
Всяка страна на вашият работен екран е равна на 1. Това не е мерна единица, а си го представете като процент, т.е. 100% горна и долна част и 100% лява и дясна част, т.е. 50% ще бъде 0.5. Ето го нагледно:

Нека го обясня по друг начин. Имате абсциса X и ордината Y. Дължината на X = 1 и дължината на Y = 1 (да екрана ни не е квадратен, а правоъгълен, затова го казвам да си го представяте като проценти, а не като сантиметри).
Точка 0 на графиката е горния ляв ъгъл!
Ако искаме да вземем централна точка на абсцисата (X) какви ще бъдат нейните координата? -> X = 0.5 Y = 0.0
Ако искаме да вземем централна точка на ордината (Y) какви ще бъдат нейните координати ? -> X = 0.0 Y = 0.5
А ако искаме да вземем централната точка на екрана, какви ще са нейните координати? -> X = 0.5 Y = 0.5

Ако ако ще ви е станало ясно ето няколко други примера.
Какви са координатите на topright (десен горен ъгъл)? -> X = 1.0 Y = 0.0
Какви са координатите на topleft (ляв горен ъгъл)? -> X = 0.0 Y = 0.0

Защо разглеждахме тези неща ли? Те ще ви помогнат в позиционирането на вашите графики.

Важно: Прочетете забележката в края на този пост!

Нека дадем пример:

Сега вашата снимка ще бъде разположена в горния ляв ъгъл.
Ето ви същия пример, но прибавяйки някои допълнения към него.

Какво направихме тук?
Добавихме още няколко условия.
Първата промяна идва след xalign 0.0 yalign 0.0 , след него слагаме pause 1.0 , за да може графиката ни да стои мирно 1 секунда. След това пишем новите координати на графиката ни (до сега беше в левия горен ъгъл, сега я искаме в десния), пишем xalign 1.0 yalign 0.0 (координатите на десния горен ъгъл) и след него отново слагаме pause 1.0 , за да може графиката да се стопира там за 1 секунда и най на края слагаме repeat, което ще кара този код да се повтаря до като не натиснете някое копче и не пристъпите за следващия диалог.
Т.е. на кратко - с този код вашата снимка ще подскача непрекъснато от ляв на десен горен ъгъл.

Ами ако искаме нашата картинка плавно да се движи до като стигне до десния ъгъл?
За тази цел ползваме linear, което означава, че ще вършим "каквото и да е било действие" линейно, т.е. плавно.
Пример:

Добре сега отиваме плавно в дясно, но след като действието свърши графиката изведнъж подскача отново в ляво, а ние искаме и тя да се връща линейно. Тогава правим това:

Както виждате добавихме още 2 реда, които са:
С тях ще връщаме картината плавно и в двата ъгъла.
Но в момента тя спира преди всяко преминаване. Ами ако не искаме така? Ще махнем pause разбира се!


Ще допълвам още разбира се към този пост, защото има много още да се говори на тази тема...




Забележка: Изключително е важно тези кодове да се пишат по точно определен начин:

Както виждате, не всеки ред започва от едно и също място, т.е. ако не ги пишете по този начин, играта ви няма да върви, за тази цел обикновено енджина ви показва къде трябва да има вдлъбнат ред, след като натиснете "Enter" на предишния. Но запомнете, имате ли някъде ":" (двуеточие) реда след него е вдлъбнат! В тези примери няма как да показвам вдлъбнатините, затова имайте го в предвид, ако натискате Start Game и тя не тръгва! И задължително трябва да имате поне 1 реплика!!!

Animation and Transformation Language (ATL)
Част 2

Нека да разгледаме още няколко операции: zoom, pos

Zoom
Може би сами се досетихте, но става дума за увеличаване на дадена графика.
Пример:
Правилен начин на записване: Цък
Тук графиката ще се увеличава и ще си връща първоначалния облик с подскоци от 1 секунда.
Разбира се може да го направим и с помощта на linear:
По този начин графиката ще се увеличава и намалява линейно.
Възможно е и да намалявате размерите на графиката с "zoom" просто стойността му трябва да е по-малка от 1.0

Има също и 2 команди, които следват от zoom. Това са xzoom и yzoom. (като стойността им по подразбиране е също 1.0)
Нека да дадем пример и с тях:
Сами може да видите деформацията на картинката по ширина и височина.
Като ако боравите само с 1 страна x или y не е задължително да пишете и 2те, т.е. ако ще сменяте само xzoom може да не пишете всеки път yzoom 1.0 или обратното.

Pos
Това е команда за позициониране. Ако примерно имате дадена графика, която е по-голяма от екрана, с тази команда може да се движите по нея. Позицията й по подразбиране е (0,0), което ще рече горния ляв ъгъл. Промените се правят с пиксели, които трябва да са отрицателни. Нашият екран по подразбиране е 800х600, т.е. ограничавайте се под тези числа.

Пример:
Още примери:
Тук ще прескачаме от 1 място на друго през 1 секунда.
Разбира се възможно е да работим и с linear.
Сега ще минаваме от едното място на другото линейно.
Правилно записване: Цъл

-------------------------------------------------------------------------------------------
Нека да спрем до тук и да обединим малко нещата, които научихме до тук и да сътворим една "бойна" сцена.

Нужни файлове:
img.jpg - Цък
sword.mp3 - Цък
music.mp3 - Цък

Код:
Правилно записване на кода: ЦъкАко се чудите за какво е "$ renpy.pause(10)", просто по време на ефектите не искам да има диалог лента и така я спирам за 10 секунди, а с останалите "$ renpy.pause" с тях вече нагласям тайминга м/у звуковете и ефектите.
Защо (0.79)? Защото 0.8 дава това -> ...
Изглежда сложно, но стига да сте разбрали горните неща, ще можете да направите подобно нещо и вие. Тук е важно да оправите синхрона м/у ATL и звука + ефектите, както виждате ATL върви ЗАЕДНО с звука и ефектите, въпреки че звука е след него и преди тях има pause. Има разлика м/у pause и renpy.pause , както виждате pause го ползваме в ATL, до като renpy.pause извън него, което ще рече, че те не влияят един на другиго си, т.е. ако има pause в ATL това не означава, че тя важи и за кодовете извън нея. (ако не сте разбрали пишете, ще се опитам да го обясня пак)

Animation and Transformation Language (ATL)
Част 3

Така, нека допълним някои неща от наученото в Част 2.
Говорихме до сега за позициониране (pos), но към него има още няколко неща, които трябва да се споменат.

Така както при align и тук имаме X и Y вектори, т.е. имаме xpos и ypos.
Каква е разликата дали ще ползвате тях или само pos - няма такава. Единственото преимущество е, че ще пишете по-малко САМО АКО работите по един вектор, т.е. по X или Y вектора.
Нека да напишем 2 абсолютно еквивалентни кода.
Начин на записване.
Начин на записване.
И 2та кода правят едно и също нещо, вие може да си изберете кое да използвате.

Anchor
Избегнах да говоря за него, за да не ви объркам с наученото по-горе.
Какво представлява Anchor? До сега тя беше със стойност по подразбиране (0,0), т.е. горен ляв ъгъл. Ако сте обърнали внимание, всичките преобразувания, които започнахме до тук все започват с първоначално точка (0,0), т.е. водим се по нея. Ако местим нещо, тя е нашата отправна точка...

Така на мен ми беше малко трудно да зацепя тази част, затова ще се опитам да я обясня внимателно.
Anchor и pos са реално едно и също нещо, но разликата е, че Anchor работи с графиката.
Примерно ако напишем xpos -1.0, нашият екран ще се премести 100% на дясно, т.е 800 пиксела на дясно, като по този начин ще виждаме останалата част от графиката.
Добре нека ви запитам тогава, как с pos ще успеете да уцелите точния център на дадена по-голяма снимка или ще успеете да улучите горния десен ъгъл, долния десен или долния ляв ъгъл на графиката, без да излизате от нейните граници? Отговор - малко трудно. Има начин, но трябва да смятате, което за мен понякога е досадно.

Нека дам няколко примера, след които може да обясня.
Горен ляв ъгъл.
Начин на записване: http://i.imgur.com/NdgKB.jpg
Това е долен ляв ъгъл.
Долен десен ъгъл.
Горен десен ъгъл.

А truecenter според вас как ли ще е?
Ще цитирам един пост, който много добре го обяснява:

Т.е. комбинирайки 2те може да имате по-бърза и по-голяма точност в позиционирането на екрана ви.
Ето ви задачи, в които може да се упражнявате:
Имаме тази снимка: http://i.imgur.com/9AYMn.jpg
1. Комбинация от pos и anchor ще даде ръката на дясното момиче, което държи меча?

2. Ами каква комбинация за десния крак на лявото момиче ?

И така нататък...надявам се да сте разбрали.

Animation and Transformation Language (ATL)
Част 4

Parallel
С помощта на това условие ще можете да вършите други условия заедно, т.е. можете да местите и увеличавате дадена графика едновременно примерно.

Ето и начина на записване:


Няма да ви отегчавам с излишни глупости, ако сте стигнали до тази част, вече знаете какво правят.

Нека да напишем код, с който графиката да се мести от ляво на дясно и едновременно с това да увеличава и да намалява размера си.
И ето на постигнахме начинанието.

Ато ви един въпрос, какво ще стане ако направим 2 паралелни операции, които да местят дадена графика по X и Y оста, но да са с различно време?

Начин на записване
Получаваме нещо много странно, което изобщо не отговаря на написаното от нас. Защо ли?
Може да го обясним, че всъщност изместваме точка 0.0 всеки път щом изпълним кода, защото времената им са различни. Тъй като работим в ограниченията на нашият екран(работим с 1.0, т.е. 100% - няма как да излезем извън него) и при всяка операция щом графиката стигне до някоя от преградите на екрана няма избор освен да се върне обратно, получаваме нещо като топче, което се удря произволно из нашия екран.

Разбира се може да го ползваме заедно и с pos и anchor.
Нека да си направим ефект, който да тресе екрана. (ако си спомняте още в първият пост бях пуснал един линк, към http://www.renpy.org/wiki/renpy/doc/coo ... ake_effect ефект, който има за цел да тресе екрана, но половината работи дори и аз не ги разбирам). Нека да си направим собствен код, който има за цел да замести, този от връзката и ще бъде съставен от наученото от нас до сега:


Така ще получим сравнително бърз и случаен тресящ се ефект и то само от няколко реда, вместо да ползвате онзи от връзката.

Сега е момента да вмъкнем и още едно условие, което бяхме пропуснали.
Тъй като в игрите ви вероятно ще ползвате много често ефекта "тресене" смятам, че е досадно всеки път да пишете кода отново и отново. Няма ли да е по-лесно да го направите в отделен блок и да го викате само, когато ви е нужен? За тази цел ще разгледаме и функцията Call, която много прилича на Jump, с една малка разлика.
При Jump ние директно отивахме към зададеният блок и продължавахме до като не стигнем следващ jump или край на играта.
Т.е. ние ще видим:
"Това е първият диалог"
"Това е 2ри диалог."
Няма как да видим в този си вариант "Това е 3ти диалог, който няма да може да видим."
Тук влиза в помощ и условието Call.
Както виждате ние викаме блока new и след това се връщаме от мястото, където сме се викнали блока, продължавайки историята си от същото място.
По същия начин може да сложим нашия ефект в такъв блок и да го викаме само, когато ни се наложи.

Правилен начин на записване