I need to create a background glowing effect around my launchers on hovering. It would look something like in the image with my launcher sitting on top of it.
https://cdn130.picsart.com/237362768018212.png
What's the best way to do it?
Should I use ActionTime plugin to fade in the transparency of the image of the glowing light ? Is there a way to create a glowing effect skins using only rainmeter?(without using such glowing images). Thanks!!!!!
It is currently April 19th, 2024, 11:15 am
Skin
-
- Posts: 3
- Joined: April 16th, 2020, 6:57 am
Skin
Last edited by ShauryaUniyal on April 16th, 2020, 1:11 pm, edited 1 time in total.
-
- Rainmeter Sage
- Posts: 16144
- Joined: October 11th, 2010, 6:27 pm
- Location: Gheorgheni, Romania
Re: Skin
The image is not visible. Please check.ShauryaUniyal wrote: ↑April 16th, 2020, 7:06 am I need to create a background glowing effect around my launchers on hovering. It would look something like in the image with my launcher sitting on top of it.
-
- Developer
- Posts: 22629
- Joined: April 19th, 2009, 11:02 pm
- Location: Fort Hunt, Virginia, USA
Re: Skin
I'd be tempted to look at doing something like this:
https://docs.rainmeter.net/manual/meters/shape/#Ellipse
https://docs.rainmeter.net/manual/meters/shape/#DefiningGradients
https://docs.rainmeter.net/manual/plugins/actiontimer/
Play with the radius of the Ellipse, the amount to shrink and grow on each iteration, the number of and wait timing between interactions and all that to vary this to be what you want.
I will caution that if you have 50 icons in your launcher, this is going to be a fair amount of code... You will need 50 variables, 50 Shape meters, 50 ActionListN options on the ActionTimer measure, and 100 "shrink and grow" options.
Doing this with an image that you make more or less opaque doesn't offer any functional advantage over this.
The "artifacts" in the image are just a result of creating the .gif to show you.
Code: Select all
[Rainmeter]
Update=1000
DynamicWindowSize=1
AccurateText=1
[Variables]
U=[!UpdateMeasure MeasureGlow][!UpdateMeter *][!Redraw]
Size=0.0
[MeterGlow]
Meter=Shape
Shape=Ellipse 100,100,100 | StrokeWidth 0 | Fill RadialGradient Glow
Glow=0,0 | 251,255,51,255 ; 0.0 | 251,255,51,1 ; #Size#
DynamicVariables=1
[MeasureGlow]
Measure=Plugin
Plugin=ActionTimer
ActionList1=Repeat Grow, 10, 20
ActionList2=Repeat Shrink, 10, 20
Grow=[!SetVariable Size "(Clamp(#Size#+0.05,0.0,1.0))"]#U#
Shrink=[!SetVariable Size "(Clamp(#Size#-0.05,0.0,1.0))"]#U#
DynamicVariables=1
[MeterIcon]
Meter=Image
ImagePath=#@#Images\
ImageName=Chrome.png
W=100
H=100
X=50
Y=50
MouseOverAction=[!CommandMeasure MeasureGlow "Stop 2"][!CommandMeasure MeasureGlow "Execute 1"]
MouseLeaveAction=[!CommandMeasure MeasureGlow "Stop 1"][!CommandMeasure MeasureGlow "Execute 2"]
https://docs.rainmeter.net/manual/meters/shape/#Ellipse
https://docs.rainmeter.net/manual/meters/shape/#DefiningGradients
https://docs.rainmeter.net/manual/plugins/actiontimer/
Play with the radius of the Ellipse, the amount to shrink and grow on each iteration, the number of and wait timing between interactions and all that to vary this to be what you want.
I will caution that if you have 50 icons in your launcher, this is going to be a fair amount of code... You will need 50 variables, 50 Shape meters, 50 ActionListN options on the ActionTimer measure, and 100 "shrink and grow" options.
Doing this with an image that you make more or less opaque doesn't offer any functional advantage over this.
The "artifacts" in the image are just a result of creating the .gif to show you.
You do not have the required permissions to view the files attached to this post.
-
- Posts: 3
- Joined: April 16th, 2020, 6:57 am
Re: Skin
It works perfectly. I have learned a lot from reading your posts here since I began. Thanks!!!!
-
- Developer
- Posts: 22629
- Joined: April 19th, 2009, 11:02 pm
- Location: Fort Hunt, Virginia, USA
Re: Skin
Glad to help!ShauryaUniyal wrote: ↑April 16th, 2020, 2:13 pm It works perfectly. I have learned a lot from reading your posts here since I began. Thanks!!!!