It is currently April 18th, 2024, 8:31 am

Skin

Tips and Tricks from the Rainmeter Community
ShauryaUniyal
Posts: 3
Joined: April 16th, 2020, 6:57 am

Skin

Post by ShauryaUniyal »

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!!!!!
Last edited by ShauryaUniyal on April 16th, 2020, 1:11 pm, edited 1 time in total.
User avatar
balala
Rainmeter Sage
Posts: 16143
Joined: October 11th, 2010, 6:27 pm
Location: Gheorgheni, Romania

Re: Skin

Post by balala »

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.
Image
The image is not visible. Please check.
ShauryaUniyal
Posts: 3
Joined: April 16th, 2020, 6:57 am

Re: Skin

Post by ShauryaUniyal »

OK. Please open the link.
User avatar
jsmorley
Developer
Posts: 22629
Joined: April 19th, 2009, 11:02 pm
Location: Fort Hunt, Virginia, USA

Re: Skin

Post by jsmorley »

I'd be tempted to look at doing something like this:

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"]

test1.gif


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.
ShauryaUniyal
Posts: 3
Joined: April 16th, 2020, 6:57 am

Re: Skin

Post by ShauryaUniyal »

It works perfectly. I have learned a lot from reading your posts here since I began. Thanks!!!!
User avatar
jsmorley
Developer
Posts: 22629
Joined: April 19th, 2009, 11:02 pm
Location: Fort Hunt, Virginia, USA

Re: Skin

Post by jsmorley »

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!!!!
Glad to help!