kimcinoo
/
efl
forked from enlightenment/efl
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

elm_test: Make the animated filter a bit prettier 

This is a basic example of fire text.

The gif was generated with a GIMP script from
http://fence-post.deviantart.com/art/GIMP-Animated-Fire-Script-84921148
This commit is contained in:
Jean-Philippe Andre 2017-01-16 15:52:04 +09:00
parent 099c1f2d83
commit caf3b95a6d
3 changed files with 22 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
data/elementary/images/Makefile.am
View File

@ -15,6 +15,7 @@ elementary_images_files = \
elementary/images/logo.png \
elementary/images/logo_small.png \
elementary/images/animated_logo.gif \
elementary/images/fire.gif \
elementary/images/parking.png \
elementary/images/icon_00.png \
elementary/images/icon_01.png \

BIN
data/elementary/images/fire.gif Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 92 KiB

28
src/bin/elementary/test_gfx_filters.c
View File

@ -25,7 +25,7 @@ static const Filter_Image images[] = {
{ "sky_01.jpg", "sky" },
{ "sky_04.jpg", "cloud" },
{ "wood_01.jpg", "wood" },
{ "animated_logo.gif", "logo" },
{ "fire.gif", "logo" },
{ NULL, NULL }
};
@ -40,7 +40,7 @@ static const Filter_Image images_cloud[] = {
};
static const Filter_Image images_anim[] = {
{ "animated_logo.gif", "logo" },
{ "fire.gif", "logo" },
{ NULL, NULL },
};
@ -109,13 +109,27 @@ static const Filter templates[] = {
{ "Displaced cloud",
"cloud = buffer { src = 'cloud' }\n"
"displace { cloud, intensity = 10, fillmode = 'stretch' }", images_cloud },
{ "Animated ugliness",
{ "Text on fire",
"-- set padding to 15 pixels max\n"
"padding_set { 15 }\n\n"
"-- our buffer: 1 source (fire gif) and 3 internal buffers\n"
"logo = buffer { src = 'logo' }\n"
"blend { logo, fillmode = 'repeat' }\n"
"a = buffer {}\n"
"a = buffer { 'alpha' }\n"
"b = buffer { 'rgba' }\n"
"c = buffer { 'alpha' }\n\n"
"-- create a massive blur: a\n"
"grow { 5, dst = a }\n"
"blur { 5, src = a, color = 'darkblue' }\n"
"blend { color = 'yellow' }", images_anim }
"blur { 20, ox = -5, oy = -3, src = a, dst = a }\n\n"
"-- draw fire using a as a mask\n"
"mask { logo, a, fillmode = 'stretch_y_repeat_x' }\n\n"
"-- create a displacement map: blur the fire a lot\n"
"blend { src = logo, dst = b, fillmode = 'stretch' }\n"
"blur { 30, src = logo, dst = b, src = b }\n"
"displace { map = b, dst = c }\n\n"
"-- draw the moving text\n"
"blur { 4, src = c, color = '#ac180280' }\n"
"blur { 2, src = c, color = '#dea80080' }\n"
"mask { a, c }", images_anim }
};