Creating Custom Menus

[Vixeria]

Alright, I'm not an expert. I am far from being a professional, but there ARE some things I can teach the lot of you.

This "briefing" is intended for Windows users. My mother owns a MAC, so I might work on that some and give another tutorial for those who have a MAC.

Keep in mind, I am an amateur when it comes to scripting and the like, so I can't teach you EVERYthing, but I certainly know enough and feel comfortable enough to show and tell you exactly what you are looking for and what you can do to make your VN a little more unique.

First off, I will say that we will be dealing with one particular folder where your project is saved at in TyranoBuilder. We will be working with the folder titled "tyrano".

Like the developers said, it is INSANELY easy to customize your game. There's hardly any limits. So let's figure out exactly what you're looking for. Shall we?

1. First, locate and make a copy of the CSS file titled "tyrano". Save it anywhere, you can even save it in the same folder if you'd like. It won't change anything, I promise. It's only a backup in case things go wrong.

2. Now that this is done, I want you to keep one thing in mind: Always remember that when changing HTML and CSS files, it's completely experimental and they BOTH go hand-in-hand. Think of the HTML as an image. An image is made of pixels, right? Well, an HTML file is made of CSS files. With this in mind, let's look into the "html" folder.

The "html" folder should contain the "backlog", "load", "menu", and "save" files.These files are made up of the CSS file labeled as "tyrano". (The one you made a copy of earlier.)

3. Open the "tyrano" CSS file and the "save" file in any editor of your choice. [[ I like to use Editra for these files because it changes text to different colors for easier differential purposes. ]] But Word, Notepad, and other softwares work just as well.

4. Take a look at the "save" file. Any words pop out to you? I think the first thing to pop out to me would have to be "save_list". These are "key words" to be looking for. For us, this will change the save files.

5. Go to the "tyrano" document. You should see a bunch of nonsense, and (scrolling further) you will see a mix of both English and Japanese words mixed in, right? We want to look for something saying "save_list". That's right, those are our key words. If you don't feel like scrolling, simply "ctrl + F" and type in your key words! Not to much of a problem.

So these first few steps show you exactly what you are looking for. What you are looking to change. At this point in time, I have told you how to find key words and where to change them. "But what do I change?" That part's easy!

EVERYTHING in the "tyrano" CSS file is COMPLETELY customizable! Keep in mind, I have very limited knowledge of coding, BUT I do know some interesting things. If I tried to teach you EVERYTHING I could spend forever just going over key words! SO....

ABOUT KEY WORDS. Now you know where you're at - you're at the "save_list"! But... what to change? The answer is simple! PLAY WITH IT. Don't be afraid to mess up! It's all part of the learning process. If you have some knowledge of CSS, then that's great! If not, don't worry, it only takes a tiny bit of searching. You can EVEN just copy and paste some things!

So let me give you a bit of an example!

Find your favorite picture! Any picture! It doesn't matter! Copy and paste it into the "kag" folder in the images. That's right! Now go to the "tyrano" document. Go to the part where you see ".save_list" and add a new line and type " background-image: url('images/kag/your_picture.png');. Once that is done, simply save your file and check out what you just did in your game!

Right-click in the preview and act like you're about to save your game. Pretty neat, huh?

But this is only one of many things that can be done! I'm currently trying to get some tutorials up on YouTube for those who are interested in learning a bit more. I know this was "vague", but I wanted to get you guys started because I know there was a lot of questions on how to make your own custom menus. And while this can't COMPLETELY change your menu, it will get you on the right track. The menus are extremely customizable, and there is so much you can do with them as well. If you want to do something specific with your menus, simply search for CSS codes that you can implement into your game.

Also, I'm sorry this was a terribly awful lot to read. I haven't been in a very long time, and I wanted to post some of what I learned without overloading anyone's brain. XD I know, for a fact, that there will be some stuff that needs clarification, and I will be more than happy to do so.

I am also very sorry for lack of info. But as I said, it was only a "briefing" session. I will, of course, refine this text later and attempt to make it as clearer as possible.

But, hopefully I shed a little bit of insight. Feel free to criticize and comment anything in the comments! I'm completely open to suggestions, and try not to bash. I know there's no images for reference, but I'm working on that. X3

Anyways, hope everyone had a Happy Thanksgiving! Thanks for taking the time to read all of this. XD

[ODBear Studios]

Thank you ! feel free to create a guide about this topic, I'm sure it'll come handy for people willing to customize their game.
http://steamcommunity.com/app/345370/guides/

[jay_rab]

Originally posted by ODBear Studios:

Thank you ! feel free to create a guide about this topic, I'm sure it'll come handy for people willing to customize their game.
http://steamcommunity.com/app/345370/guides/

Like ODbear shared it would be ideal to have this as a guide, as after a set amount of time threads become only searchable and not listed.. guides are intended as tutorials and are limited so that they are easily found.