Overview
Hey there! As many of you know, tyrano builder is a great way to begin programming a visual novel, but it’s still a project in development. One feature that isn’t fully supported yet, is fullscreen. This tutorial will go through how to change you setting in tyrano builder to fullscreen and how to adjust chat boxes and other settings to fit fullscreen.
Full Screen and Chat boxes
The first thing you want to do when you start up tyrano builder is open the folder that contains your project files.
We will need to use files from it later.
When you click on the folder for your project, it should look something like this.
Minimize it for now, it will be useful later.
Now when you open your project, it should look like the default windowed size.
To change the dimensions of your project you will need to go to Project<Game Settings<Display inside your tyrano project. Once you get there, there will be a few settings you need to change.
The first setting to change will be the “Screen Mode” setting. You will want to change it to “adjust to device (entire screen)”. However, this does not change your game to the ideal setting for fullscreen. As mentioned, tyrano doesn’t fully support fullscreen, so you will need to also adjust your “Screen Size” settings.
The second thing you will want to change to width and height to that of your monitor. I changed my width to 1960 and my height to 980. Many monitors are different, and if 1960 is too big for yours, try 1080. And you can always google your screen px size.
Now your project should be in fullscreen, and not have the characters and backgrounds sketched out.
However, now your chat box, character, and branching options are different. To change your character and branching options, you can do them the same way as before using the positioning tool. But your chat box, unless you are using a custom one, will most like be unresponsive to trying to change in it in “Game Settings”.
The way to correct this is by going into that folder we opened earlier. (You will want to keep tyranobuilder open during this process)
Now you will need to navigate through your program files.
Once in your project file go to data<others<plugin<theme_tyrano_05
After you get there, click on the file that is named “init.ks”. You can open it using any text reader. In this example I used notepad, which is free online.
You will need to scroll a bit through the document until you find a line that reads “[position layer=message0 width=960 height=210 top=440 left=0]”
(The numbers may vary a bit, but overall it should be recocignizable.
From there, you will want to change the settings to what you will want the text box to be. It will be adjusted depending on what you put down for your width and height for display.
Since my width was 1960 and my height was 980, I set my settings to
“[position layer=message0 width=1760 height=210 top=740 left=20]”. If you make your display smaller or larger, your will want to adjust what you make your text box.
Make sure you save after you change it!
(Do NOT make your dimensions here larger than your display)
Now that you have the box in the right place, you will notice the actually display box is smaller than your desired proramitors.
To fix this, you will need to edit the image on the box. From the “theme_tyrano_05” folder in which you found “init.ks” you will want to inside the “image” folder.
There will be an image named “framed_message”. Edit this with any imagine editor. I used paint, which is also free online.
When you open the image, you will need to click on the resizw button, which is right under and to the right of select.
Change the settings from percentage to pixel, unclick main aspect ratios, and change the width and height to what you typed in for your “positions layer”.
Mine was width=1760 and height=210.
Once your have this, you save it, and preview it in tyrano. It should be the correct size and dispaly.
Hope this guide helps!
Special thanks to jay_rab who walked me through the process.