Page 1 of 2
Blur effect?
Posted: Wed May 18, 2011 3:18 am
by Lumen_Astrum
Is it possible to make a blur effect on RenPy?
Because I've wanted something like the one below.
Photoshop-generated xD
Unfortunately, I know ONLY how to call the thingie in the middle,
Anybody help me?
Or if this isn't possible, is there any way to make an almost similar effect?
Re: Blur effect?
Posted: Wed May 18, 2011 4:30 am
by redcat
@Lumen_Astrum--> A built-in blur effect in Renpy would slow down the whole system because it needs high processing power. I don't think PyTom would ever consider adding that feature into Renpy.
The next best thing you could do is to make two version of the image : one normal and one blurred, and then you make transition between those images to achieve the "blur" effect.
Help is on the way!
Posted: Thu May 19, 2011 4:13 pm
by mugenjohncel
Download this and hope this will help you in achieving your desired Blur effect...
"POOF" (Disappears)
Edit:
Drats!... It seems I have inadvertently uploaded a massive spoiler...
What was I thinking last night?
Re: Blur effect?
Posted: Fri May 20, 2011 12:00 am
by Lumen_Astrum
For some reason, when I try to run the sample, it doesn't work... :/
Code: Select all
I'm sorry, but an uncaught exception occurred.
Exception: config.narrator_menu is not a known configuration variable.
While executing init code:
- script at line 88 of renpy-6.12.0-mainline/template/game/screens.rpy
- python at line 89 of renpy-6.12.0-mainline/template/game/screens.rpy.
-- Full Traceback ------------------------------------------------------------
File "C:\Documents and Settings\Loewe\Desktop\Ren'Py\renpy-6.11.2\renpy\bootstrap.py", line 270, in bootstrap
File "C:\Documents and Settings\Loewe\Desktop\Ren'Py\renpy-6.11.2\renpy\main.py", line 255, in main
File "C:\Documents and Settings\Loewe\Desktop\Ren'Py\renpy-6.11.2\renpy\execution.py", line 259, in run
File "C:\Documents and Settings\Loewe\Desktop\Ren'Py\renpy-6.11.2\renpy\ast.py", line 574, in execute
File "C:\Documents and Settings\Loewe\Desktop\Ren'Py\renpy-6.11.2\renpy\python.py", line 957, in py_exec_bytecode
File "renpy-6.12.0-mainline/template/game/screens.rpy", line 89, in <module>
File "C:\Documents and Settings\Loewe\Desktop\Ren'Py\renpy-6.11.2\renpy\store.py", line 78, in __setattr__
Exception: config.narrator_menu is not a known configuration variable.
While executing init code:
- script at line 88 of renpy-6.12.0-mainline/template/game/screens.rpy
- python at line 89 of renpy-6.12.0-mainline/template/game/screens.rpy.
Ren'Py Version: Ren'Py 6.11.2b
Re: Blur effect?
Posted: Fri May 20, 2011 12:02 am
by Anima
Your ren'py version is probably to old.
Re: Blur effect?
Posted: Fri May 20, 2011 12:14 am
by Aleema
So it was basically just what redcat said: Make another image of your screen, blur it in a photo editor, and then dissolve to it when you want to blur in your game. I think, instead of a blur, you could do a black background. It achieves the same effect (focus on the highlighted graphic while dimming out the background). Just make a solid black image with, like, 50% transparency and export as a PNG. Then show that when you show your cutout. Not a blur, but it does the same thing.
Re: Blur effect?
Posted: Fri May 20, 2011 12:22 am
by mugenjohncel
Lumen_Astrum wrote:For some reason, when I try to run the sample, it doesn't work... :/
Like what Anima said... Update to the latest Renpy...
"POOF" (Disappears)
Re: Blur effect?
Posted: Fri May 20, 2011 12:24 am
by Lumen_Astrum
Oh, thank you.
The one that mugenjohncel worked out wonders too [after I updated my version of RenPy], but I'll be tinkering more for the best effect
Re: Help is on the way!
Posted: Fri May 20, 2011 12:29 am
by redcat
mugenjohncel wrote:
Edit:
Drats!... It seems I have inadvertently uploaded a massive spoiler...
What was I thinking last night?
@UncleMugen--> We - want - more!! We - want - More!!
Re: Blur effect?
Posted: Fri May 20, 2011 2:41 pm
by Alex
I don't know how exactly blur made in photoshop-like programms (definitely they uses very complex formulas), but made an attempt to simulate such an effect using ATL (its not an actual blur, but looks quite unfocused). These are 3 different effects to compare.
Code: Select all
init:
image bg = "bg.png"
image bbgg:
contains:
"bg.png"
alpha 1.0
contains:
"bg.png"
alpha 0.2 xoffset -3
contains:
"bg.png"
alpha 0.2 xoffset +3
contains:
"bg.png"
alpha 0.2 yoffset -3
contains:
"bg.png"
alpha 0.2 yoffset +3
image bbgg_1:
contains:
"bg.png"
alpha 1.0
contains:
"bg.png"
alpha 0.2 rotate 0.5 xalign 0.5 yalign 0.5
contains:
"bg.png"
alpha 0.2 rotate -0.5 xalign 0.5 yalign 0.5
contains:
"bg.png"
alpha 0.2 rotate 1 xalign 0.5 yalign 0.5
contains:
"bg.png"
alpha 0.2 rotate -1 xalign 0.5 yalign 0.5
image bbgg_2:
contains:
"bg.png"
alpha 1.0
contains:
"bg.png"
alpha 0.2 zoom 1.015
contains:
"bg.png"
alpha 0.2 zoom 1.010
contains:
"bg.png"
alpha 0.2 zoom 0.995
contains:
"bg.png"
alpha 0.2 zoom 0.990
label start:
scene bg with dissolve
$ renpy.pause()
scene bbgg with dissolve
$ renpy.pause()
scene bbgg_1 with dissolve
$ renpy.pause()
scene bbgg_2 with dissolve
$ renpy.pause()
jump start
It would be great, if someone, who skillfull at ATL, could transform this examples in to "transforms" (lol), that they could be used as <show bg at blur>, <show bg at blur_1>.
Re: Blur effect?
Posted: Fri May 20, 2011 7:17 pm
by redcat
@Alex--> Interesting!
I just like to add that we could also use the image from transformation to make another transformation.
For example, I add a stronger blur from the soft blur here...
Code: Select all
init:
image bg = "bg.png"
image bbgg:
contains:
"bg.png"
alpha 1.0
contains:
"bg.png"
alpha 0.2 xoffset -3
contains:
"bg.png"
alpha 0.2 xoffset +3
contains:
"bg.png"
alpha 0.2 yoffset -3
contains:
"bg.png"
alpha 0.2 yoffset +3
image bbgggaussian:
contains:
"bbgg"
alpha 1.0
contains:
"bbgg"
alpha 0.2 xoffset -3
contains:
"bbgg"
alpha 0.2 xoffset +3
contains:
"bbgg"
alpha 0.2 yoffset -3
contains:
"bbgg"
alpha 0.2 yoffset +3
image bbgg_1:
contains:
"bg.png"
alpha 1.0
contains:
"bg.png"
alpha 0.2 rotate 0.5 xalign 0.5 yalign 0.5
contains:
"bg.png"
alpha 0.2 rotate -0.5 xalign 0.5 yalign 0.5
contains:
"bg.png"
alpha 0.2 rotate 1 xalign 0.5 yalign 0.5
contains:
"bg.png"
alpha 0.2 rotate -1 xalign 0.5 yalign 0.5
image bbgg_2:
contains:
"bg.png"
alpha 1.0
contains:
"bg.png"
alpha 0.2 zoom 1.015
contains:
"bg.png"
alpha 0.2 zoom 1.010
contains:
"bg.png"
alpha 0.2 zoom 0.995
contains:
"bg.png"
alpha 0.2 zoom 0.990
label start:
scene bg with dissolve
$ renpy.pause()
scene bbgg with dissolve
$ renpy.pause()
scene bbgggaussian with dissolve
$ renpy.pause()
scene bbgg_1 with dissolve
$ renpy.pause()
scene bbgg_2 with dissolve
$ renpy.pause()
return
Re: Blur effect?
Posted: Sun Jul 17, 2011 10:36 am
by azureXtwilight
Hmm, how do we make a stronger effect of blur for bbg_1 and bbg_2?
Re: Blur effect?
Posted: Sun Jul 17, 2011 4:50 pm
by Alex
What do you mean - "stronger"? To make it looks more unfocused?
In my example it works like:
1) show an image
2) show some semi-transparent and slightly offset copies of that image over it
So you can add some more copies with different offsets or make them less transparent, maybe...
Also, I played with it a bit and that's what I got
Code: Select all
init:
image eileen happy = "eileen_happy.png"
transform blur(child):
contains:
child
alpha 1.0
contains:
child
alpha 0.2 xoffset -3
contains:
child
alpha 0.2 xoffset 3
contains:
child
alpha 0.2 yoffset -3
contains:
child
alpha 0.2 yoffset 3
transform zoom_blur(child):
contains:
child
alpha 1.0
contains:
child
alpha 0.2 zoom 1.015
contains:
child
alpha 0.2 zoom 1.010
contains:
child
alpha 0.2 zoom 0.995
contains:
child
alpha 0.2 zoom 0.990
label start:
show eileen happy:
xpos 0.5
$ renpy.pause()
show eileen happy at blur
"Some good memories"
show eileen happy with move:
xpos 0.7
$ renpy.pause()
show eileen happy at zoom_blur
"..."
* I don't know why, but this transforms are not friendly with "align"s and "anchor"s (only "pos"s)...
Re: Blur effect?
Posted: Sun Jul 17, 2011 6:11 pm
by blakjak
Alex wrote:I don't know how exactly blur made in photoshop-like programms (definitely they uses very complex formulas), but made an attempt to simulate such an effect using
It would be great, if someone, who skillfull at ATL, could transform this examples in to "transforms" (lol), that they could be used as <show bg at blur>, <show bg at blur_1>.
That's a smart idea. =)
Re: Blur effect?
Posted: Sun Jul 17, 2011 7:15 pm
by Counter Arts
Haha! I must commend Alex on the fast blur technique. This is how some older games without shaders used to do it. I implemented it in a shader.
This totally won't work nearly as fast on software rendering mode. Use the pre-blur technique for that. Or use this technique to pre-blur on load so you don't have worry about it being slow later.