It is currently March 29th, 2024, 7:13 am

Is it possible to create this effect for the desktop ?

Get help with creating, editing & fixing problems with skins
Dycoth
Posts: 12
Joined: May 14th, 2016, 11:57 am

Is it possible to create this effect for the desktop ?

Post by Dycoth »

Hi everyone !

I've found this website (it's a site about Warframe, but this isn't the topic !).
https://semlar.com/
When you pass your mouse, the background has a special effect (a kind of red web) whick appear where your mouse passed.
Is it possible to get a thing like this with Rainmeter for my desktop ?
User avatar
jsmorley
Developer
Posts: 22628
Joined: April 19th, 2009, 11:02 pm
Location: Fort Hunt, Virginia, USA

Re: Is it possible to create this effect for the desktop ?

Post by jsmorley »

Not really. Aside from the relative (ok, huge) complexity of creating a dynamic, constantly changing wireframe effect using the new Shape meter, the bigger issue is that Rainmeter has no way to detect the position of the mouse other than on a mouse " click action", so it can't be constantly polling the position of the mouse on a skin, much less on the desktop in general.

https://docs.rainmeter.net/manual/variables/mouse-variables/
Bekarfel
Posts: 217
Joined: May 16th, 2012, 5:38 am

Re: Is it possible to create this effect for the desktop ?

Post by Bekarfel »

Would a grid of meters with MouseOverActions work for X,Y positioning?
moshi wrote:there are many Rainmeter skins that aren't really useful, so let's add another one.
jsmorley wrote:I have good news and bad news.
First the bad news. [...] We would be happy to have this happen and would love to work with anyone who is feeling ambitious.
Now the good news.
I lied, there isn't any good news...
User avatar
jsmorley
Developer
Posts: 22628
Joined: April 19th, 2009, 11:02 pm
Location: Fort Hunt, Virginia, USA

Re: Is it possible to create this effect for the desktop ?

Post by jsmorley »

Bekarfel wrote:Would a grid of meters with MouseOverActions work for X,Y positioning?
Nope.

I'm not always successful, but I try really hard to be clear and specific in the docs...

https://docs.rainmeter.net/manual/variables/mouse-variables/
The variables are only created and used in the context of a mouse click or scroll action.
Bekarfel
Posts: 217
Joined: May 16th, 2012, 5:38 am

Re: Is it possible to create this effect for the desktop ?

Post by Bekarfel »

I was trying to attack the problem a different way, using https://docs.rainmeter.net/manual/mouse-actions/ MouseOverAction and using an action to set X and Y variables for each meter in the grid. It would not be as accurate as having $MouseX$ and $MouseY$, but looking at the example webpage a high level of accuracy doesn't need to be achieved. With a screen size of 1920x1080 you would only need 170 meters (17x10) to cover the entire screen space, and then you would draw the effect relative to that meter, not the mouse position.

Heck, if you wanted to get super fancy pantsy you could use the MouseOverAction with a 9x9 meter grid that followed the mouse by moving the meter so that the center meter covered the position that the MOAed meter was previously
moshi wrote:there are many Rainmeter skins that aren't really useful, so let's add another one.
jsmorley wrote:I have good news and bad news.
First the bad news. [...] We would be happy to have this happen and would love to work with anyone who is feeling ambitious.
Now the good news.
I lied, there isn't any good news...
User avatar
jsmorley
Developer
Posts: 22628
Joined: April 19th, 2009, 11:02 pm
Location: Fort Hunt, Virginia, USA

Re: Is it possible to create this effect for the desktop ?

Post by jsmorley »

Bekarfel wrote:I was trying to attack the problem a different way, using https://docs.rainmeter.net/manual/mouse-actions/ MouseOverAction and using an action to set X and Y variables for each meter in the grid. It would not be as accurate as having $MouseX$ and $MouseY$, but looking at the example webpage a high level of accuracy doesn't need to be achieved. With a screen size of 1920x1080 you would only need 170 meters (17x10) to cover the entire screen space, and then you would draw the effect relative to that meter, not the mouse position.

Heck, if you wanted to get super fancy pantsy you could use the MouseOverAction with a 9x9 meter grid that followed the mouse by moving the meter so that the center meter covered the position that the MOAed meter was previously
Sorry, I misunderstood you. Yeah, I guess something like that would be possible. I hate this whole idea so much that I refuse to think about it any further though. ;-)
User avatar
balala
Rainmeter Sage
Posts: 16110
Joined: October 11th, 2010, 6:27 pm
Location: Gheorgheni, Romania

Re: Is it possible to create this effect for the desktop ?

Post by balala »

Dycoth wrote:Hi everyone !

I've found this website (it's a site about Warframe, but this isn't the topic !).
https://semlar.com/
When you pass your mouse, the background has a special effect (a kind of red web) whick appear where your mouse passed.
Is it possible to get a thing like this with Rainmeter for my desktop ?
Sorry for the very late reply.
I have a partial solution, which is not exactly as that on the posted website, but maybe it could be a solution. In this case a growing roundline meter is used:

Code: Select all

[Rainmeter]
Update=-1
DynamicWindowSize=1
OnRefreshAction=[!Move "0" "0"][!ClickThrough "0"][!ZPos "-2"]

[Variables]
Radius=20
U=[!UpdateMeasure "MeasureSlide"][!UpdateMeter "MeterDisk"][!UpdateMeter "MeterRadius"][!Redraw]

[RoundlineStyle]
SolidColor=0,0,0,1
W=120
H=120
MouseOverAction=[!SetOption MeterDisk X "[#CURRENTSECTION#:X]"][!SetOption MeterDisk Y "[#CURRENTSECTION#:Y]"][!CommandMeasure "MeasureSlide" "Execute 1"]
MouseLeaveAction=[!SetVariable Radius "20"][!CommandMeasure "MeasureSlide" "Stop 1"]#U#
DynamicVariables=1

[MeasureSlide]
Measure=Plugin
Plugin=ActionTimer
Group=Sliders
ActionList1=Repeat Grow,10,30
Grow=[!SetVariable Radius "(Clamp(#Radius#+2,0,50))"]#U#
DynamicVariables=1

[MeterBackground0101]
Meter=Image
MeterStyle=RoundlineStyle
X=0
Y=0

[MeterBackground0102]
Meter=Image
MeterStyle=RoundlineStyle
X=0R
Y=0r

[MeterBackground0103]
Meter=Image
MeterStyle=RoundlineStyle
X=0R
Y=0r

[MeterBackground0104]
Meter=Image
MeterStyle=RoundlineStyle
X=0R
Y=0r

[MeterBackground0105]
Meter=Image
MeterStyle=RoundlineStyle
X=0R
Y=0r

[MeterBackground0106]
Meter=Image
MeterStyle=RoundlineStyle
X=0R
Y=0r

[MeterBackground0107]
Meter=Image
MeterStyle=RoundlineStyle
X=0R
Y=0r

[MeterBackground0108]
Meter=Image
MeterStyle=RoundlineStyle
X=0R
Y=0r

[MeterBackground0109]
Meter=Image
MeterStyle=RoundlineStyle
X=0R
Y=0r

[MeterBackground0110]
Meter=Image
MeterStyle=RoundlineStyle
X=0R
Y=0r

[MeterBackground0111]
Meter=Image
MeterStyle=RoundlineStyle
X=0R
Y=0r

[MeterBackground0112]
Meter=Image
MeterStyle=RoundlineStyle
X=0R
Y=0r

[MeterBackground0113]
Meter=Image
MeterStyle=RoundlineStyle
X=0R
Y=0r

[MeterBackground0114]
Meter=Image
MeterStyle=RoundlineStyle
X=0R
Y=0r

[MeterBackground0115]
Meter=Image
MeterStyle=RoundlineStyle
X=0R
Y=0r

[MeterBackground0116]
Meter=Image
MeterStyle=RoundlineStyle
X=0R
Y=0r

[MeterBackground0201]
Meter=Image
MeterStyle=RoundlineStyle
X=0
Y=0R

[MeterBackground0202]
Meter=Image
MeterStyle=RoundlineStyle
X=0R
Y=0r

[MeterBackground0203]
Meter=Image
MeterStyle=RoundlineStyle
X=0R
Y=0r

[MeterBackground0204]
Meter=Image
MeterStyle=RoundlineStyle
X=0R
Y=0r

[MeterBackground0205]
Meter=Image
MeterStyle=RoundlineStyle
X=0R
Y=0r

[MeterBackground0206]
Meter=Image
MeterStyle=RoundlineStyle
X=0R
Y=0r

[MeterBackground0207]
Meter=Image
MeterStyle=RoundlineStyle
X=0R
Y=0r

[MeterBackground0208]
Meter=Image
MeterStyle=RoundlineStyle
X=0R
Y=0r

[MeterBackground0209]
Meter=Image
MeterStyle=RoundlineStyle
X=0R
Y=0r

[MeterBackground0210]
Meter=Image
MeterStyle=RoundlineStyle
X=0R
Y=0r

[MeterBackground0211]
Meter=Image
MeterStyle=RoundlineStyle
X=0R
Y=0r

[MeterBackground0212]
Meter=Image
MeterStyle=RoundlineStyle
X=0R
Y=0r

[MeterBackground0213]
Meter=Image
MeterStyle=RoundlineStyle
X=0R
Y=0r

[MeterBackground0214]
Meter=Image
MeterStyle=RoundlineStyle
X=0R
Y=0r

[MeterBackground0215]
Meter=Image
MeterStyle=RoundlineStyle
X=0R
Y=0r

[MeterBackground0216]
Meter=Image
MeterStyle=RoundlineStyle
X=0R
Y=0r

[MeterBackground0301]
Meter=Image
MeterStyle=RoundlineStyle
X=0
Y=0R

[MeterBackground0302]
Meter=Image
MeterStyle=RoundlineStyle
X=0R
Y=0r

[MeterBackground0303]
Meter=Image
MeterStyle=RoundlineStyle
X=0R
Y=0r

[MeterBackground0304]
Meter=Image
MeterStyle=RoundlineStyle
X=0R
Y=0r

[MeterBackground0305]
Meter=Image
MeterStyle=RoundlineStyle
X=0R
Y=0r

[MeterBackground0306]
Meter=Image
MeterStyle=RoundlineStyle
X=0R
Y=0r

[MeterBackground0307]
Meter=Image
MeterStyle=RoundlineStyle
X=0R
Y=0r

[MeterBackground0308]
Meter=Image
MeterStyle=RoundlineStyle
X=0R
Y=0r

[MeterBackground0309]
Meter=Image
MeterStyle=RoundlineStyle
X=0R
Y=0r

[MeterBackground0310]
Meter=Image
MeterStyle=RoundlineStyle
X=0R
Y=0r

[MeterBackground0311]
Meter=Image
MeterStyle=RoundlineStyle
X=0R
Y=0r

[MeterBackground0312]
Meter=Image
MeterStyle=RoundlineStyle
X=0R
Y=0r

[MeterBackground0313]
Meter=Image
MeterStyle=RoundlineStyle
X=0R
Y=0r

[MeterBackground0314]
Meter=Image
MeterStyle=RoundlineStyle
X=0R
Y=0r

[MeterBackground0315]
Meter=Image
MeterStyle=RoundlineStyle
X=0R
Y=0r

[MeterBackground0316]
Meter=Image
MeterStyle=RoundlineStyle
X=0R
Y=0r

[MeterBackground0401]
Meter=Image
MeterStyle=RoundlineStyle
X=0
Y=0R

[MeterBackground0402]
Meter=Image
MeterStyle=RoundlineStyle
X=0R
Y=0r

[MeterBackground0403]
Meter=Image
MeterStyle=RoundlineStyle
X=0R
Y=0r

[MeterBackground0404]
Meter=Image
MeterStyle=RoundlineStyle
X=0R
Y=0r

[MeterBackground0405]
Meter=Image
MeterStyle=RoundlineStyle
X=0R
Y=0r

[MeterBackground0406]
Meter=Image
MeterStyle=RoundlineStyle
X=0R
Y=0r

[MeterBackground0407]
Meter=Image
MeterStyle=RoundlineStyle
X=0R
Y=0r

[MeterBackground0408]
Meter=Image
MeterStyle=RoundlineStyle
X=0R
Y=0r

[MeterBackground0409]
Meter=Image
MeterStyle=RoundlineStyle
X=0R
Y=0r

[MeterBackground0410]
Meter=Image
MeterStyle=RoundlineStyle
X=0R
Y=0r

[MeterBackground0411]
Meter=Image
MeterStyle=RoundlineStyle
X=0R
Y=0r

[MeterBackground0412]
Meter=Image
MeterStyle=RoundlineStyle
X=0R
Y=0r

[MeterBackground0413]
Meter=Image
MeterStyle=RoundlineStyle
X=0R
Y=0r

[MeterBackground0414]
Meter=Image
MeterStyle=RoundlineStyle
X=0R
Y=0r

[MeterBackground0415]
Meter=Image
MeterStyle=RoundlineStyle
X=0R
Y=0r

[MeterBackground0416]
Meter=Image
MeterStyle=RoundlineStyle
X=0R
Y=0r

[MeterBackground0501]
Meter=Image
MeterStyle=RoundlineStyle
X=0
Y=0R

[MeterBackground0502]
Meter=Image
MeterStyle=RoundlineStyle
X=0R
Y=0r

[MeterBackground0503]
Meter=Image
MeterStyle=RoundlineStyle
X=0R
Y=0r

[MeterBackground0504]
Meter=Image
MeterStyle=RoundlineStyle
X=0R
Y=0r

[MeterBackground0505]
Meter=Image
MeterStyle=RoundlineStyle
X=0R
Y=0r

[MeterBackground0506]
Meter=Image
MeterStyle=RoundlineStyle
X=0R
Y=0r

[MeterBackground0507]
Meter=Image
MeterStyle=RoundlineStyle
X=0R
Y=0r

[MeterBackground0508]
Meter=Image
MeterStyle=RoundlineStyle
X=0R
Y=0r

[MeterBackground0509]
Meter=Image
MeterStyle=RoundlineStyle
X=0R
Y=0r

[MeterBackground0510]
Meter=Image
MeterStyle=RoundlineStyle
X=0R
Y=0r

[MeterBackground0511]
Meter=Image
MeterStyle=RoundlineStyle
X=0R
Y=0r

[MeterBackground0512]
Meter=Image
MeterStyle=RoundlineStyle
X=0R
Y=0r

[MeterBackground0513]
Meter=Image
MeterStyle=RoundlineStyle
X=0R
Y=0r

[MeterBackground0514]
Meter=Image
MeterStyle=RoundlineStyle
X=0R
Y=0r

[MeterBackground0515]
Meter=Image
MeterStyle=RoundlineStyle
X=0R
Y=0r

[MeterBackground0516]
Meter=Image
MeterStyle=RoundlineStyle
X=0R
Y=0r

[MeterBackground0601]
Meter=Image
MeterStyle=RoundlineStyle
X=0
Y=0R

[MeterBackground0602]
Meter=Image
MeterStyle=RoundlineStyle
X=0R
Y=0r

[MeterBackground0603]
Meter=Image
MeterStyle=RoundlineStyle
X=0R
Y=0r

[MeterBackground0604]
Meter=Image
MeterStyle=RoundlineStyle
X=0R
Y=0r

[MeterBackground0605]
Meter=Image
MeterStyle=RoundlineStyle
X=0R
Y=0r

[MeterBackground0606]
Meter=Image
MeterStyle=RoundlineStyle
X=0R
Y=0r

[MeterBackground0607]
Meter=Image
MeterStyle=RoundlineStyle
X=0R
Y=0r

[MeterBackground0608]
Meter=Image
MeterStyle=RoundlineStyle
X=0R
Y=0r

[MeterBackground0609]
Meter=Image
MeterStyle=RoundlineStyle
X=0R
Y=0r

[MeterBackground0610]
Meter=Image
MeterStyle=RoundlineStyle
X=0R
Y=0r

[MeterBackground0611]
Meter=Image
MeterStyle=RoundlineStyle
X=0R
Y=0r

[MeterBackground0612]
Meter=Image
MeterStyle=RoundlineStyle
X=0R
Y=0r

[MeterBackground0613]
Meter=Image
MeterStyle=RoundlineStyle
X=0R
Y=0r

[MeterBackground0614]
Meter=Image
MeterStyle=RoundlineStyle
X=0R
Y=0r

[MeterBackground0615]
Meter=Image
MeterStyle=RoundlineStyle
X=0R
Y=0r

[MeterBackground0616]
Meter=Image
MeterStyle=RoundlineStyle
X=0R
Y=0r

[MeterBackground0701]
Meter=Image
MeterStyle=RoundlineStyle
X=0
Y=0R

[MeterBackground0702]
Meter=Image
MeterStyle=RoundlineStyle
X=0R
Y=0r

[MeterBackground0703]
Meter=Image
MeterStyle=RoundlineStyle
X=0R
Y=0r

[MeterBackground0704]
Meter=Image
MeterStyle=RoundlineStyle
X=0R
Y=0r

[MeterBackground0705]
Meter=Image
MeterStyle=RoundlineStyle
X=0R
Y=0r

[MeterBackground0706]
Meter=Image
MeterStyle=RoundlineStyle
X=0R
Y=0r

[MeterBackground0707]
Meter=Image
MeterStyle=RoundlineStyle
X=0R
Y=0r

[MeterBackground0708]
Meter=Image
MeterStyle=RoundlineStyle
X=0R
Y=0r

[MeterBackground0709]
Meter=Image
MeterStyle=RoundlineStyle
X=0R
Y=0r

[MeterBackground0710]
Meter=Image
MeterStyle=RoundlineStyle
X=0R
Y=0r

[MeterBackground0711]
Meter=Image
MeterStyle=RoundlineStyle
X=0R
Y=0r

[MeterBackground0712]
Meter=Image
MeterStyle=RoundlineStyle
X=0R
Y=0r

[MeterBackground0713]
Meter=Image
MeterStyle=RoundlineStyle
X=0R
Y=0r

[MeterBackground0714]
Meter=Image
MeterStyle=RoundlineStyle
X=0R
Y=0r

[MeterBackground0715]
Meter=Image
MeterStyle=RoundlineStyle
X=0R
Y=0r

[MeterBackground0716]
Meter=Image
MeterStyle=RoundlineStyle
X=0R
Y=0r

[MeterBackground0801]
Meter=Image
MeterStyle=RoundlineStyle
X=0
Y=0R

[MeterBackground0802]
Meter=Image
MeterStyle=RoundlineStyle
X=0R
Y=0r

[MeterBackground0803]
Meter=Image
MeterStyle=RoundlineStyle
X=0R
Y=0r

[MeterBackground0804]
Meter=Image
MeterStyle=RoundlineStyle
X=0R
Y=0r

[MeterBackground0805]
Meter=Image
MeterStyle=RoundlineStyle
X=0R
Y=0r

[MeterBackground0806]
Meter=Image
MeterStyle=RoundlineStyle
X=0R
Y=0r

[MeterBackground0807]
Meter=Image
MeterStyle=RoundlineStyle
X=0R
Y=0r

[MeterBackground0808]
Meter=Image
MeterStyle=RoundlineStyle
X=0R
Y=0r

[MeterBackground0809]
Meter=Image
MeterStyle=RoundlineStyle
X=0R
Y=0r

[MeterBackground0810]
Meter=Image
MeterStyle=RoundlineStyle
X=0R
Y=0r

[MeterBackground0811]
Meter=Image
MeterStyle=RoundlineStyle
X=0R
Y=0r

[MeterBackground0812]
Meter=Image
MeterStyle=RoundlineStyle
X=0R
Y=0r

[MeterBackground0813]
Meter=Image
MeterStyle=RoundlineStyle
X=0R
Y=0r

[MeterBackground0814]
Meter=Image
MeterStyle=RoundlineStyle
X=0R
Y=0r

[MeterBackground0815]
Meter=Image
MeterStyle=RoundlineStyle
X=0R
Y=0r

[MeterBackground0816]
Meter=Image
MeterStyle=RoundlineStyle
X=0R
Y=0r

[MeterBackground0901]
Meter=Image
MeterStyle=RoundlineStyle
X=0
Y=0R

[MeterBackground0902]
Meter=Image
MeterStyle=RoundlineStyle
X=0R
Y=0r

[MeterBackground0903]
Meter=Image
MeterStyle=RoundlineStyle
X=0R
Y=0r

[MeterBackground0904]
Meter=Image
MeterStyle=RoundlineStyle
X=0R
Y=0r

[MeterBackground0905]
Meter=Image
MeterStyle=RoundlineStyle
X=0R
Y=0r

[MeterBackground0906]
Meter=Image
MeterStyle=RoundlineStyle
X=0R
Y=0r

[MeterBackground0907]
Meter=Image
MeterStyle=RoundlineStyle
X=0R
Y=0r

[MeterBackground0908]
Meter=Image
MeterStyle=RoundlineStyle
X=0R
Y=0r

[MeterBackground0909]
Meter=Image
MeterStyle=RoundlineStyle
X=0R
Y=0r

[MeterBackground0910]
Meter=Image
MeterStyle=RoundlineStyle
X=0R
Y=0r

[MeterBackground0911]
Meter=Image
MeterStyle=RoundlineStyle
X=0R
Y=0r

[MeterBackground0912]
Meter=Image
MeterStyle=RoundlineStyle
X=0R
Y=0r

[MeterBackground0913]
Meter=Image
MeterStyle=RoundlineStyle
X=0R
Y=0r

[MeterBackground0914]
Meter=Image
MeterStyle=RoundlineStyle
X=0R
Y=0r

[MeterBackground0915]
Meter=Image
MeterStyle=RoundlineStyle
X=0R
Y=0r

[MeterBackground0916]
Meter=Image
MeterStyle=RoundlineStyle
X=0R
Y=0r

[MeterDisk]
Meter=Roundline
W=120
H=120
StartAngle=4.712
RotationAngle=6.283
LineStart=#Radius#
LineLength=(#Radius#+3)
LineColor=255,0,0,((#Radius#=20)?0:((#Radius#<40)?255:(255*((50-#Radius#)/10))))
Solid=1
AntiAlias=1
DynamicVariables=1
Depending on the resolution of your screen, you should add further [MeterBackgroundXXXX] meters or remove some of the existing ones. Further improvements would require reducing the size of these meters and increasing their number.
The biggest issue of this code is the fact that the ClickThrough should be set, but in this case, the skin doesn't work. Couldn't find a solution yet...