The SyndiBox Text Engine is a powerful dialog tool designed for use in RPGs and sidescrollers. It contains a tag system for denoting changes in color, speed, and position of text.
You can download the latest version at the Release tab, or you can clone from the master branch and edit the engine yourself.
Once downloaded, unzip the addons
folder to the root of your project.
You should now see SyndiBox
as an option for your plugins under the Plugins
tab of your Project Settings
. Set the plugin to Active
to use it in your project.
SyndiBox is meant to be an easy and stress-free way of implementing dialog into your Godot game projects. Here's an illustrated guide on the basics:
SyndiBox
and click Create
.Play Scene
button (or F6
on your keyboard) and watch it print!Syndibox exposes some functions for use within GDScript that allow for dynamic control of the text and effects.
start(string: dialog, int: start_position)
- Resets, shows, and starts the dialog box, displaying the given string. Passing a string to start is functionally the same as entering the string as Dialog
in the inspector.
stop(boolean: emit_signal)
- Resets and stops the dialog box. This method will optionally emit a signal 'text_finished' if you set emit_signal to true.
manual_text_pause
- Boolean variable used to manually pause text processing. Defaults to false. Use resume()
to resume normal processing (see below)
manual_text_hide
- Boolean variable used to manually hide text. Defaults to false. Use resume()
to resume normal processing (see below)
resume(boolean: resume_Printing, boolean: show_Text, boolean: resume_Advancement)
- Resumes printing process that was manually paused or hidden
We can add special effect tags to make our text much prettier than a mock console gag. Something like this: (The second string was printed by typing "And [`d]Hell[*4]oooooooooo[*r] Dolly~[`r]")
Color
The color tag [` allows you to dynamically change the color, mid line.
You can use hexadecimal HTML notation to assign color or you can use a predefiend shortcut code from the list below. (Note: Named colors or HSL will not work only hex codes) For example these are all valid color codes:
#f03c15
could be written as [`f03c15] or [`#f03c15]#c5f015
could be written as [`c5f015] or [`#c5f015]#1589F0
could be written as [`1589F0] or [`#1589F0][`0] - Black
[`1] - Dark Blue
[`2] - Dark Green
[`3] - Dark Turquoise
[`4] - Dark Red
[`5] - Purple
[`6] - Gold
[`7] - Gray
[`8] - Dark Gray
[`9] - Blue
[`a] - Green
[`b] - Aqua
[`c] - Red
[`d] - Light Purple
[`e] - Yellow
[`f] - White
[`r] - Resets the color back to default
[`#] - Forces a line break without ending the line
Speed
The speed tag [*x] (where x is the speed or shortcut code value) allows you to change the speed the text 'types' out on the screen.
You can use '**' to set a custom speed, lower the number the faster the text printing would be. For example, '[**0.1]', '[**1]', '[**1e-3]' are all valid. You can also use the tags listed below for fast reference.
[*1] - Fastest
[*2] - Fast
[*3] - "Normal" (i think its p slow tbh)
[*4] - Slow
[*5] - Slowest
[*i] - Start instant print
[*n] - End instant and return to default speed
If you want all text to print out instantly, consider checking the 'Instant Text' option in the inspector.
Position
[\^t] - Tipsy
[\^d] - Drunk
[\^v] - Vibrate
[\^r] - Resets the effect back to default
Pause
[s#] - Pause for # seconds
[t#] - Pause for # tenths of a second
Hide
[|#] - Hide for # seconds
[:#] - Hide for # tenths of a second
Font
An unlimited amount of alternate fonts can be used and configured in the inspector. To swap between them use the font tag [%x], where x is the index of the font you want to switch to. For examples look at the list below
[%0] - Switch to the 1st alternative font
[%1] - Switch to the 2nd alternative font
...
[%99] - Switch to the 100th alternative font
[%r] - Reset the font back to default
Signal
The signal tag allows you to send a signal with an identifer
character in a Dialog string. This identifier can be any string of characters, and comes after the signal tag token @
. For example [@a]
, [@12]
, [@!#]
are all valid signal tags. The result is great flexibility in how your code interacts with your dialog letting you, for example, change the state of your world after you talk to someone, among many other possible scenarios. A very simple example of this in action is:
Given the following Dialog in a SyndiBox:
Time to test signals. [@test_signal]
And GDScript code similar to this:
$SyndiBox.connect('signal_tag', self, '_on_SyndiBox_signal_tag')
func _on_SyndiBox_signal_tag(identifier): if identifier == 'real_signal': print('Path A') if identifier == 'test_signal': print('Path B')
- Activating the SyndiBox would result in the following printed to the console:
`Path B`
## Custom Tags
SyndiBox allows you to create your own custom tags without overwriting any of the main addon code. The token for custom tags can be anything you want. For example `[X!]` or `[Magenta]` or even `[ 2 1 ]` are all valid custom tags. The only thing tags need is to start with '[' and end with ']', it also must not be empty ([if you wish to test it out click here](https://regexr.com/5ei0l)). In order to create a custom tag you should do the following:
- Find `custom.gd` in the addons folder
- Optionally create your own copy of `custom.gd` (or name it anything else you want) outside of the addon folder, and set the `Custom Effects` variable in the inspector to this new file. This allows you to avoid overwriting your custom work when you upgrade this plugin.
- Add a new case to the match statement
- It is **critical** that you include `string.erase(sb.step,sb.emph.length())` and `string = string.insert(sb.step,char(8203))` if you do not wish to break encoding and nested tagging
- `sb` is the SyndiBox parent, and from there you can access any variables you wish to change, including but not limited to, `color`, `speed`, `font`, `timer`, and many more.
While the custom.gd has a couple good examples already, another simpler example is included below for reference:
```gdscript
func check(string):
match sb.emph:
"[Magenta]": # Example
string.erase(sb.step,sb.emph.length())
string = string.insert(sb.step,char(8203))
sb.color = Color(255, 0, 255, 1)
This very simple example turns the text magenta when you use the tag [Magenta]
in a Dialog string.
As custom tags are checked and processed first, your custom tags will be overriden by any other tags in your dialog if they conflict.
If you have any bugs/issues to report or features to request, please submit them to the Issues tab. If you need help and don't find your answer in the wiki's FAQ, Please contact me at Telegram (@sudospective) or Discord (Sudospective#0681) and I will reply at my earliest convenience.
If you want to help support the development of SyndiBox, please consider donating! I get hungry sometimes and finding a job in the current global situation has proven to be a massive struggle (I'm still hopeful, though!), and every dollar counts. You can donate on PayPal over at https://paypal.me/sudospective. If PayPal gives you issues, I have a Ko-fi page over at https://ko-fi.com/sudospective. Thank you for the support!