"Glowing" text in Ren'Py? [solved]
Forum rules
This is the right place for Ren'Py help. Please ask one question per thread, use a descriptive subject like 'NotFound error in option.rpy' , and include all the relevant information - especially any relevant code and traceback messages. Use the code tag to format scripts.
This is the right place for Ren'Py help. Please ask one question per thread, use a descriptive subject like 'NotFound error in option.rpy' , and include all the relevant information - especially any relevant code and traceback messages. Use the code tag to format scripts.
- Sapphi
- Eileen-Class Veteran
- Posts: 1685
- Joined: Fri Jun 05, 2009 3:31 am
- Completed: Boku no Taisetsu na Yumeko
- Projects: Twelve, PAW ★ PRINTS
- Organization: Kitsch-soft
- Location: Illinois, USA
- Contact:
"Glowing" text in Ren'Py? [solved]
Does Ren'Py support/have a way to implement glowing text?
Once upon a time every kid on the internet loved to abuse CSS to give their text an unreadable glow. Tasteful examples with code: Here and here
So far I've played around with both the "outlines" and "drop_shadow" properties, but I haven't been satisfied. I can make the drop shadow transparent, but it's always crisp and clean. I want it to be blurry like the above example - is there a way to do this?
(It's not the end of the world if there isn't. But it would be pretty cool. )
Once upon a time every kid on the internet loved to abuse CSS to give their text an unreadable glow. Tasteful examples with code: Here and here
So far I've played around with both the "outlines" and "drop_shadow" properties, but I haven't been satisfied. I can make the drop shadow transparent, but it's always crisp and clean. I want it to be blurry like the above example - is there a way to do this?
(It's not the end of the world if there isn't. But it would be pretty cool. )
Last edited by Sapphi on Thu Aug 09, 2012 7:53 pm, edited 1 time in total.
- nyaatrap
- Crawling Chaos
- Posts: 1824
- Joined: Mon Feb 13, 2012 5:37 am
- Location: Kimashi Tower, Japan
- Contact:
Re: "Glowing" text in Ren'Py?
There's no ren'py function which returns blurred displayables. But if you are a python wizard, you can make this function (I thought someone made it somewhere I couldn't remember. Though I rather wish the ATL has blur properties). But it will be applied only displayables not texts.
- PyTom
- Ren'Py Creator
- Posts: 16093
- Joined: Mon Feb 02, 2004 10:58 am
- Completed: Moonlight Walks
- Projects: Ren'Py
- IRC Nick: renpytom
- Github: renpytom
- itch: renpytom
- Location: Kings Park, NY
- Contact:
Re: "Glowing" text in Ren'Py?
The way to do it is to have multiple outlines, with decreasing outline sizes and increasing alphas. Probably something like:
Code: Select all
init python:
style.default.outlines = [ (3, "#fff4", 0, 0), (2, "#fff8", 0, 0), (1, "#fffc", 0, 0) ]
Supporting creators since 2004
(When was the last time you backed up your game?)
"Do good work." - Virgil Ivan "Gus" Grissom(When was the last time you backed up your game?)
Software > Drama • https://www.patreon.com/renpytom
- netravelr
- Miko-Class Veteran
- Posts: 504
- Joined: Thu Jan 28, 2010 2:31 am
- Completed: Culina: Hands in the Kitchen, Culina: The Spirit of Cooking, Saving Zoey
- Projects: Love at the Laundromat
- Organization: Lakeview Interactive
- Deviantart: netravelr
- Location: USA
- Contact:
Re: "Glowing" text in Ren'Py?
Either that, or making a font that has a blur to it in the image files that are associated with it, but I'd suggest just doing the multiple outlines.
Technical Designer/Programmer
Game Design Portfolio - Project updates on my Twitter
Experienced in: C/C++/C#, Python, Unreal, Unity, and Flash
_________________
"Space can be very lonely. The greatest adventure is having someone share it with you."
- Sapphi
- Eileen-Class Veteran
- Posts: 1685
- Joined: Fri Jun 05, 2009 3:31 am
- Completed: Boku no Taisetsu na Yumeko
- Projects: Twelve, PAW ★ PRINTS
- Organization: Kitsch-soft
- Location: Illinois, USA
- Contact:
Re: "Glowing" text in Ren'Py?
Ah! Thank you! It works so nicely!PyTom wrote:The way to do it is to have multiple outlines, with decreasing outline sizes and increasing alphas.
(And it's so obvious I'm embarrassed I didn't realize it...)
But now I have a new problem. To get that nice subtle glow I ended up using twelve 1-pixel outlines. Now, when lines are close together, you can see the outlines before you see the text they belong to. Can I remedy this without spacing the lines farther apart from each other, or is it just a natural consequence of putting a combined 12 pixel-wide outline around my text?
- PyTom
- Ren'Py Creator
- Posts: 16093
- Joined: Mon Feb 02, 2004 10:58 am
- Completed: Moonlight Walks
- Projects: Ren'Py
- IRC Nick: renpytom
- Github: renpytom
- itch: renpytom
- Location: Kings Park, NY
- Contact:
Re: "Glowing" text in Ren'Py?
It's the latter. There isn't a way to fix this currently.
Supporting creators since 2004
(When was the last time you backed up your game?)
"Do good work." - Virgil Ivan "Gus" Grissom(When was the last time you backed up your game?)
Software > Drama • https://www.patreon.com/renpytom
- Sapphi
- Eileen-Class Veteran
- Posts: 1685
- Joined: Fri Jun 05, 2009 3:31 am
- Completed: Boku no Taisetsu na Yumeko
- Projects: Twelve, PAW ★ PRINTS
- Organization: Kitsch-soft
- Location: Illinois, USA
- Contact:
Re: "Glowing" text in Ren'Py?
Thanks again. I'll see what I can come up with keeping this constraint in mind.
- PyTom
- Ren'Py Creator
- Posts: 16093
- Joined: Mon Feb 02, 2004 10:58 am
- Completed: Moonlight Walks
- Projects: Ren'Py
- IRC Nick: renpytom
- Github: renpytom
- itch: renpytom
- Location: Kings Park, NY
- Contact:
Re: "Glowing" text in Ren'Py? [solved]
The one thing you can do is to adjust the split between the rows:
http://www.renpy.org/doc/html/text.html ... t-concerns
http://www.renpy.org/doc/html/text.html ... t-concerns
Supporting creators since 2004
(When was the last time you backed up your game?)
"Do good work." - Virgil Ivan "Gus" Grissom(When was the last time you backed up your game?)
Software > Drama • https://www.patreon.com/renpytom
-
- Regular
- Posts: 93
- Joined: Mon Dec 30, 2013 1:55 am
- Projects: Project Bluefield - Origins
- Organization: Autumn Rain
- Deviantart: playerzero17
- itch: autumn-rain
- Contact:
Re: "Glowing" text in Ren'Py? [solved]
So, how does one apply this to one line of text, while leaving the rest without this outline?
Re: "Glowing" text in Ren'Py? [solved]
Haven't tried this myself but I think you need to create a text displayable (https://www.renpy.org/doc/html/text.html#Text) and add it to your dialogue. You'd add the outline property to the Text() arguments as PyTom showed above.
You'd then add it with the image tag: https://www.renpy.org/doc/html/text.html#text-tag-image
It'll probably take some experimenting.
You'd then add it with the image tag: https://www.renpy.org/doc/html/text.html#text-tag-image
It'll probably take some experimenting.
-
- Regular
- Posts: 93
- Joined: Mon Dec 30, 2013 1:55 am
- Projects: Project Bluefield - Origins
- Organization: Autumn Rain
- Deviantart: playerzero17
- itch: autumn-rain
- Contact:
Re: "Glowing" text in Ren'Py? [solved]
Can I not use a custom text tag?kivik wrote: ↑Fri Jun 15, 2018 3:00 am Haven't tried this myself but I think you need to create a text displayable (https://www.renpy.org/doc/html/text.html#Text) and add it to your dialogue. You'd add the outline property to the Text() arguments as PyTom showed above.
You'd then add it with the image tag: https://www.renpy.org/doc/html/text.html#text-tag-image
It'll probably take some experimenting.
- Remix
- Eileen-Class Veteran
- Posts: 1628
- Joined: Tue May 30, 2017 6:10 am
- Completed: None... yet (as I'm still looking for an artist)
- Projects: An un-named anime based trainer game
- Contact:
Re: "Glowing" text in Ren'Py? [solved]
You could likely do it by declaring the outlines as a named style and then using inline style tags around the text:
Code: Select all
# untested
style outlined_text:
outlines [ ... ]
label ...:
"{=outlined_text}Some words{/=}"
Frameworks & Scriptlets:
- Speech Bubble dialogue system
- Multiple Notify with ATL and history
- (WIP) Radial Masking - needs updating to use Shader
- 7.4 - Smooth Tinting using ATL and matrixcolor
- Several other repositories there too
- PyTom
- Ren'Py Creator
- Posts: 16093
- Joined: Mon Feb 02, 2004 10:58 am
- Completed: Moonlight Walks
- Projects: Ren'Py
- IRC Nick: renpytom
- Github: renpytom
- itch: renpytom
- Location: Kings Park, NY
- Contact:
Re: "Glowing" text in Ren'Py? [solved]
Due to the way outlines work, they're kind of an all-or-nothing thing. Either every line has them, or none do.
Supporting creators since 2004
(When was the last time you backed up your game?)
"Do good work." - Virgil Ivan "Gus" Grissom(When was the last time you backed up your game?)
Software > Drama • https://www.patreon.com/renpytom
- Imperf3kt
- Lemma-Class Veteran
- Posts: 3791
- Joined: Mon Dec 14, 2015 5:05 am
- itch: Imperf3kt
- Location: Your monitor
- Contact:
Re: "Glowing" text in Ren'Py? [solved]
Is it possible to create multiple outline styles?
One style could be "invisible", so as to hide it, if you can.
Warning: May contain trace amounts of gratuitous plot.
pro·gram·mer (noun) An organism capable of converting caffeine into code.
Current project: GGD Mentor
Twitter
pro·gram·mer (noun) An organism capable of converting caffeine into code.
Current project: GGD Mentor
- PyTom
- Ren'Py Creator
- Posts: 16093
- Joined: Mon Feb 02, 2004 10:58 am
- Completed: Moonlight Walks
- Projects: Ren'Py
- IRC Nick: renpytom
- Github: renpytom
- itch: renpytom
- Location: Kings Park, NY
- Contact:
Re: "Glowing" text in Ren'Py? [solved]
There's an outline color tag, that could be used maybe to hide it (or show it, if it's set to transparent by default). The problem is that the outlines change the size of a block of text in its entirety.
Supporting creators since 2004
(When was the last time you backed up your game?)
"Do good work." - Virgil Ivan "Gus" Grissom(When was the last time you backed up your game?)
Software > Drama • https://www.patreon.com/renpytom
Who is online
Users browsing this forum: Ahrefs [Bot]