A downloadable asset pack for Windows, macOS, and Linux

Download NowName your own price

This project is made to demonstrate a simple way to include moving text in your renpy projects. Allowing you to apply translations, rotations, alpha and color changes, text that reacts to the mouse, and much more! Simply download the project and insert the kinetic_text_tags.rpy file into your project to get started. For more information on how it works, check the Github. https://github.com/SoDaRa/Kinetic-Text-Tags

StatusReleased
CategoryAssets
Rating
Rated 5.0 out of 5 stars
(52 total ratings)
AuthorWattson
GenreVisual Novel
Made withRen'Py
TagsAsset Pack, Ren'Py
Code licenseMIT License
Asset licenseCreative Commons Attribution v4.0 International
LinksSource code

Download

Download NowName your own price

Click download now to get access to the following files:

kinetic_text_tags.rpy
KineticTextTags-3.2-pc.zip
KineticTextTags-3.2-linux.tar.bz2 30 MB
KineticTextTags-3.2-mac.zip 23 MB
atl_text_tag.rpy 17 kB
gradient_tags.rpy 9 kB
glitch_tag.rpy 4 kB
explosion_text.rpy 5 kB

Development log

Comments

Log in with itch.io to leave a comment.

Duuuuude! This is so OP!!!! You're the GOAT!!!!!

thanks so much for making these text tags!! going to be updating our game with them! https://90percentstudios.itch.io/cool-kid-cody and we'll link back to this page in the credits if that works best! ^v^

Hey Wattson, can you hit me up in pms on twitter, or anywhere? I want to ask a few questions in private.

Eheh, I used the scary effect (just a bit less shaky) in my last jam entry: https://synstoria.itch.io/autumn-spirit

It works really well when the angry ghost is speaking eheh

Thanks again for sharing!

Hello, I have uploaded your code. it's very good but I have a problem which is I can't use :)      I have also included  "glitch_tag.rpy and kinetic_text_tags.rpy" files in my game folders but I don't know why it doesn't know. here is a screenshot of error and my folders. Any help will be appricated :)



Hey! This is really great! I have been using mostly the scare tag and some atl stuff so you really made my game more alive! Thank you again!

I would like to ask something though. I am trying to add the scare tag but all my text has outline on them to separate each character. For some reason, when I try to, it doesnt work? Like it just defaults to white. I tried doing something I saw in an earlier comment but it didnt work. Any thoughts or solutions are appreciated please!

style OutlineColor:
    outlines [ (absolute(4), "#BA7B22", absolute(2), absolute(1)) ]

R "{sc}{=OutlineColor}This text should be shaking and outlined{/=OutlineColor}{/sc}"

    

Sorry for the late response but I think I have an idea what's wrong. Thing is, Renpy won't even allow this to work even without the kinetic text tag. I tested it myself and the outline still wouldn't appear. I believe the problem is that for the style {=} tag, renpy will only apply certain properties of the specified style. And sadly, outlines is not one of them. https://www.renpy.org/doc/html/text.html#style-text-tags

That said, there is an outlinescolor text tag. https://www.renpy.org/doc/html/text.html#text-tag-outlinecolor But I believe this would require the text to already have an outline, which you'd probably have to specify in your say screen. Maybe make a transparent outline that you can then replace with outlinecolor? I haven't tested this but I believe the solution is beyond the scope of my text tags sadly. But hope you're able to get your thing working!

Oh I already tried doing that originally too. It was still not showing any outlines at all. I really wonder how to fix this or is this a Renpy thing. Thank you so much for your input still! I will still use this for another project I am working on! Thank you!

hi! i'm trying these effects out, and i've noticed my dialog text stops automatically doing line breaks when it hits the end of the dialog text width when i'm using effects? in particular,  glitch and scared, and i would love to figure out how to get this to work better! thank you <3

I already noted that as being a bug in the demo. I think it has something to do with a whole line being made up of displayable inserts instead of actual text and renpy not being able to figure out the proper width of things. My best solution right now is to just say to add the line breaks in manually for where you know they should be. You can use \n or the {para} tag used in the demo. I know it's annoying but been too busy with other things to really look into a serious fix to avoid it. Sorry about that.

thank you!! i really appreciate this work, i don't know how to write atl but this helps make displaying text effects really easy! thank you again u_u

Hai there ^w^
So, i'm having a bit of a problem with this, to be more specific- whenever I'm using one of the text effect, the text it's aplied to is goin way off teh text box, might i ask for a bit of help here?

The text's default position is going to be relative to where it would normally be placed on the screen. I don't know which specific tag is giving you problems, but I will guess it's the ATL tag. Depending on the values you give it, you may just be offsetting it too much and might want to bring them down closer to 0. Hard to know what exactly is the problem without more details, but hope you're able to get it fixed.

Thank you so much for sharing these! I used the trembling text in my visual novel <3

https://ladyicepaw.itch.io/invisible-seams

Hey, wanted to say this is fantastic stuff! I really appreciate how commented the code is and how easy it is to implement and use. I'd love to use this more in my vns!

However I noticed something while testing the code out: a lot of the text tags that was created seems to be incompatable with the Self-Voicing function in Ren'Py. When I have the Self-Voicing function on, it always gives

TypeError: sequence item 1: expected string or Unicode, GradientText found

or something similar, depending on the line with the text tag. It gives me a similar error with the wavey text too. Would it be possible to have the tags work with Self-Voicing or am I doing something wrong?

So I actually found a workaround to this! I found out about noalt and alt tags and using noalt with the animated tags inside them wont make the game crash haha

How to use a gradient from top to bottom?

Never wrote one for that. Would probably have to be a shader or something to pull that off. But could work if ya do it like that.

Hello I've been playing the game to check out the features and after the rainbow gradient demonstration I recieved this error ```

I'm sorry, but an uncaught exception occurred.

While running game code:

  File "game/script.rpy", line 41, in script

    e "{fi=0-1.5}Here is some fade in text{/fi}"

  File "game/kinetic_text_tags.rpy", line 530, in fade_in_tag

    slide_distance = int(slide_distance)

ValueError: invalid literal for int() with base 10: ''

-- Full Traceback ------------------------------------------------------------

Full traceback:

  File "game/script.rpy", line 41, in script

    e "{fi=0-1.5}Here is some fade in text{/fi}"

  File "renpy/ast.py", line 716, in execute

    renpy.exports.say(who, what, *args, **kwargs)

  File "renpy/exports.py", line 1417, in say

    who(what, *args, **kwargs)

  File "renpy/character.py", line 1223, in __call__

    self.do_display(who, what, cb_args=self.cb_args, dtt=dtt, **display_args)

  File "renpy/character.py", line 875, in do_display

    **display_args)

  File "renpy/character.py", line 602, in display_say

    what_text.update()

  File "renpy/text/text.py", line 1760, in update

    tokens = self.apply_custom_tags(tokens)

  File "renpy/text/text.py", line 2311, in apply_custom_tags

    new_contents = func(tag, value, contents)

  File "game/kinetic_text_tags.rpy", line 530, in fade_in_tag

    slide_distance = int(slide_distance)

ValueError: invalid literal for int() with base 10: ''

Windows-10-10.0.19041

Ren'Py 7.4.8.1895

Kinetic Text Tags 3.1

Wed Apr 20 19:16:40 2022

```

Oh! This is something I've been looking for for a while, THANK YOU!!!

Heya! I'm really loving all these effects! I tried out the scare effect (which makes the text shiver) and wanted to ask if I could somehow slow down the animation. Currently, it's a bit too fast for what I want to use it for.

Not sure if I'll update it to include that. But if you want, you can go into the kinetic-text-tags.rpy and go down to the ScareText class. Near the bottom of the render function, you'll see 

renpy.redraw(self, 0)

Just change that 0 to something else like 0.2 or 0.5 or something and should slow it down.

Thank you very much! ^^

You are literally my hero!!!!!!!!!!!! These are great!

(+2)

would it be possible to add outlines to the text?

(1 edit)

How Can I add this to an existing project

Do I have to craeate a new profect?

You should be able to just drag and drop the kinetic_text_tags.rpy into your project folder :)

thanks

Hey! Thank you soo much for this effects! <3 They look so cool!
But, I have a little problem with the bounce tag.  I don't know why the tag doesn't recognize the letter ''q'' and replaces it with an ''r'', on the script the word is spell right but in the program/game doesn't. I'd appreciate it if you can help me! 

Not sure why it'd do that. Can you share the particular line with me so I can see what might be going on?

(1 edit)

Of course! this is in my script 

and this is in my game. I guess (I'm not sure) this happen after I generated traductions, because I'm doing a spanish version of my game. I deleted all the scripts that the traductions made me for your tags' scripts. Even so, why that only cause trouble on the letter ''q'' and not in its capital letter ''Q'' 

Or maybe something happen at the tag script directly that confuse the ''q'' with an ''r'' 

Thanks for the help!

I couldn't tell you why. Might have something to do with your translation I'd imagine? Here's all the code that relates to the bounce tag. 


There's nothing in there checking for those characters. Or any other characters for that matter. (Except the argument). Maybe try it with the other tags and lemme know if it's still doing that. Couldn't tell you why it'd do it.

Hi, sorry for the big late reply jaja. Do you have discord contact? Or info for progaming advice? I saw that you work on furry visual novels, We  are making one, we are a little team with artist and voice actors, and the only BIG problem is the progaming aspect! So, I'm like the one who has a very tiny progaming knowledge and It's so hard even with tutorials. I manage to put all the story with your kinetics tags (thank you so much btw) but I want to do so much stuff that I don't know how to do it.

Sure. I don't know if I feel comfortable putting my discord out in public like this. But you can DM me on Twitter and can get a conversation going from there.

(+2)

I love this script and plan on using it for my project for the Spooktober VN Jam this month!Thank you! ^^

I wanted to ask, is it possible to allow the tags to work with image text? At the moment, image text is only affected by ATL (dripping text, etc), but not other tags (like exploding text). Do you have any tips on how I can edit the script so that image text can also be included?

Thank you again for your Ren'Py script, it looks amazing!

(+1)

You can find most of the stuff for adding in the text in the ATL tag's implementation. It's near the bottom of the atl_tag function in the if 'kind == renpy.TEXT_TAG' portion. Should be easy enough to find. Then take that bit and copy it into the text tag functions you'd like it to work with, ;ike 'bounce_tag' and 'scare_tag'. Just be sure you make it use the appropriate wrapper. Such as the BounceText for the bounce_tag and such. Probably should've done it myself a while ago but got lazy.

Though that said, I should advise that the ChaosText wrapper should not be fed an image for it's child. That effect relies on manipulating text style stuff. So feeding it in an Image or the like will likely break it. So maybe just be sure to skip that one.

I tried looking under the 'kind == renpy.TEXT_TAG' lines in the various rpy files, but I'm not really sure where to go from there (I'm not too knowledgeable in programming). Could you please explain further?

(Yes, I agree with the ChaosText). I'm really trying to get the scared, glitchy, and exploding text to work for image text.

I will try to remember to maybe add this functionality in later. But right now, work is swamping me with things I gotta get done. Not sure I'll be able to get to this for a while. Sorry I can't be of more help at present.

No problem! Thank you very much.

(+1)

Went ahead and made an update with the changes. Decided not to add support for it to every tag. Couldn't think of a good way to implement it on Swap, Chaos, or Gradient tags. But should be fine on the rest of 'em. Hope you find 'em useful and lemme know if you have any issues! 

Hi can this be used in commercial projects ? I would like to make and sell my own VN game and was wondering if using this text would be okay to use

(+1)

Certainly! Feel free to use it in anything you want. I'd just maybe ask you credit where you got it from so other people know where to find it and use it too! :3

(+1)

will do :)! Thank you so much!

(+1)

This is so awesome and really gives so many new opportunities to anyone who has is either just starting out with Ren'py or has, like me, no idea how to do these things! I don't know what I will use it for, but now that I'm seeing all these great options I'll just put some of these in for the sake of how they can make things more interesting and give me more creative freedom when it comes to text in Ren'py. Thank you so much for sharing this!

Happy to help. I also just posted a new version with a text tag that allows you to use ATL to make new effects a lot easier. Hope you'll find it useful!

(+1)

I just want to say thank you sm for this, this code is awesome and really useful!!

Also, I don't want to bother but I have a problem, I moved the kinetic_text_tags.rpy file to my game folder, but when playing it I get this error

I don't know what I'm doing wrong  

¯\_(ツ)_/¯

(+1)

Oh sorry, I have the glitch tag and gradient tags in different files from the original set. Didn't want that original file becoming so fat with tags that it became too daunting for ppl just getting into coding to read through. 

Just copy over the glitch_tag.rpy and gradient_tags.rpy if you want those as well and you should be good. Sorry for any confusion. And if you have any further issues, feel free to ask! I'm always happy to help.

(+1)

It worked!! thanks!! <3

(1 edit)

Thank you so much for making this! It's amazing.

I do have one question, however. I'm still kind of inexperienced with Renpy, but I'm starting to grasp the basics. Your documentation is thorough, but I'm still kind of confused on one thing. The {color} tag doesn't seem to work when using your tags, and I kind of understand why when reading about how this actually works. However, making a style with a defined color still doesn't seem to change the color of the text for me. I tried to copy the example from the script.rpy included with the download, but text colors still don't seem to work.


EDIT: I figured I should include what I did so this seems like a less abstract question

At the top:

style blood:

    color "#730707"

What I'm trying to do several lines later 

"{=blood}{sc=3}the text{/=blood}{/sc}"

This only adds the scare text effect. Trying to use {color} yields similar results.

You have to have the style tag within the scare tag. So you instead need to have it be.

"{sc=3}{=blood}the text{/=blood}{/sc}"

And I believe it should work. Though of course let me know if it doesn't.

The reason it has to be like that is that the text tag isn't sent the tags started outside of it. So styling you have applied on the text has to be specified inside the tag in order for it to be aware of that. Because technically speaking, the letters that will displayed inside the tag are wrapped inside Displayables and separate from the surrounding text. Which allows us to move them independently of it. But means we don't get that style information the rest of the text will get.

The DispTextStyle class I made is there to help handle that. So that if you define other tags inside the text tag, it can automatically remember them and store that formatting inside the Text displayable inside our Displayable wrapper. But if that style tag is outside of the kinetic text tag, then we don't know that tag exists. I know it's less than convenient though and I apologize for that. I couldn't find a better workaround. But if one comes along I'll be sure to update it to be more convenient. 

And again, if that doesn't solve the issue let me know~

It worked out! Thanks so much for the help and the quick response. You are awesome. : )

I still can't believe I registered on this page just to ask you and thank you for what you have done. I don't know if you'll see this or not, but here go.

Thank you so much for doing something so cool, I can tell you put a lot of effort into it and that shows how cool you are!

Well, here's the question, how does it work?
I'm new in Ren'py, so could you explain it to me in a simple way?  

(+2)

Thanks! I really appreciate the feedback.

Not sure how simply you want me to explain it. But if all you're looking to do is to use the basic ones I provided, you use them like any other renpy text tag. Just drop the kinetic_text_tags.rpy into your project's 'game' folder with your other .rpy files. And to use a tag like the bounce tag in your script, just type "{bt}" where you want it to start and "{/bt}" where you want it to end. So like "Here's some {bt}wavy text{/bt}". And some of them allow for modifiers as well. Such as doing "{bt=30}" will increase the amplitude of the waves. 

I maybe should've documentated the parameters I set better, but for the bounce, rotate and scare tags, it's mostly just affects how extreme the effect is and is just an integer. The fade in takes how many characters into the line it is and a float representing how long the fade in should last for each character, the parameters separated by a '-'.  Swap takes two strings of equal length separated by an '@' as well as how quickly to swap between them. And the gradient ones... you'll probably want to study up on hex color codes before using that one. xP

Going over how they work might be more advanced. But I provided a lot of comments in the kinetic_text_tags.rpy file to help explain what's going on. And if you have any specific questions about how it works or how to change something to your liking, feel free to ask!

Thank you for responding!

Hi, again.
I just did what you told me about dragging kinetic_text_tags.rpy into my folder called game, well, I tried to test if it worked, but Renpy identifies it as something that doesn't exist, I think I didn't identify it because I did something wrong, but I don't know what exactly I did wrong.

What should I do? Here is the error:
I'm sorry, but an uncaught exception occurred.
While processing text tag {bt=30} in u'{bt=30} {bt}Pfff-{/bt}'..:
  File "game/script.rpy", line 135, in script.
    a"{bt=30} {bt}Pfff-{/bt}"
Exception: Unknown text tag u'bt=30'.

Oh, I think it's because you forgot to end the first tag before starting a new one. You have a "{bt=30}text {bt=30}" When you should do a "{bt=30}text{/bt}" The `{/ bt}` Will end the previous instance of the tag and doesn't require the =30 or whatever to signal it. But with all my text tags, you must include the {/} at some point.

Least that's what I think it happening. If I saw your script I'd probably have a better idea on what's going wrong. 

this is pretty awesome! I was wondering if you could explain how to make an option for disabling animated text in general? I'm not proficient enough with code to understand how to edit the Chaos Text On/Off option to include more types of text. 

(+1)

I will admit that is one area where I buried the lead a little bit.  So I actually went back and rewrote it a bit, which is why it's now 1.1! Hopefully should make it more clear how it's being done. So feel free to download that and look at it for yourself.

But in case you might need some more help, I'll explain it a little more here. One way you can solve it is to define a field in preferences, gui, or your persistent data called "disable_text" or whatever you'd want to call it. Then in your preferences screen, in screens.rpy, have something that can turn it True or False like I'm doing for the chaos text. And then in your text effects, make sure they have a check for if that field is True or False or whatever your setup is. And have them react accordingly. As long as your wrapper knows when to be disabled, then it should be fine.


Another approach you could try is updating the say screen to do something similar to what the history screen does and have something like

$ what = renpy.filter_text_tags(h.what, allow=[gui.history_allow_tags])

in there. Just update and modify your own version of gui.history_allow_tags to include whatever tags should be disabled.  That way the tags will automatically be removed from the string. Hopefully that gives you some ideas on what approach might work best for you.  Feel free to ask if you have any further questions!

(1 edit) (+1)

If you'd like a more updated version of my explanation (or moreover anyone who finds this comment in the future). I did another similar explanation recently on the lemmasoft forums that has a bit more code and is probably more versatile. Can check it out here if you want. https://lemmasoft.renai.us/forums/viewtopic.php?p=541961#p541961

The method is different because I think filter_text_tags might throw an error now due to the what not display what it is supplied or something. But I know this other method should work if my previous solution isn't working out.