Fishing for ideas

Post by **Yincognito** » January 25th, 2021, 1:20 pm

sa1nt4ch wrote: ↑January 25th, 2021, 12:54 pm I belive a gradual one would look cooler. I still have to wrap my head around the link you posted.

I see. In the meantime, here's a sudden color alternation on mouse hover:

Code: Select all

[Rainmeter]
Update=-1
UpdateDivider=10
AccurateText=1
DynamicWindowSize=1

[Metadata]
Name=ExampleMeterLine
License=Creative Commons Attribution-Non-Commercial-Share Alike 3.0
Version=1.0

[Variables]

Transparancy=225
ColorStroke=0,0,0,10
ColorBlack=0,0,0,#Transparancy#
ColorDarkGray=50,50,50,#Transparancy#
ColorGray=75,75,75,#Transparancy#
ColorLightGray=100,100,100,#Transparancy#
ColorGrayWhite=125,125,125,#Transparancy#
ColorOffWhite=200,200,200,#Transparancy#
ColorWhite=250,250,250,#Transparancy#
--
StrokeWidth=1
--
ColorAugeStroke=0,0,0,200
ColorAugeFill=255,215,0,250
--
PositionX=0
PositionY=0
--
Offset=0


[MeterBackground]
Meter=Image
X=#PositionX#
Y=#PositionY#
W=250
H=250
SolidColor=0,0,0,1
MouseLeaveAction=[!SetVariable ColorBlack "0,0,0,#Transparancy#"][!SetVariable ColorDarkGray "50,50,50,#Transparancy#"][!SetVariable ColorGray "75,75,75,#Transparancy#"][!SetVariable ColorLightGray "100,100,100,#Transparancy#"][!SetVariable ColorGrayWhite "125,125,125,#Transparancy#"][!SetVariable ColorOffWhite "200,200,200,#Transparancy#"][!SetVariable ColorWhite "250,250,250,#Transparancy#"][!UpdateMeter *][!Redraw]
MouseOverAction=[!SetVariable ColorBlack "0,0,0,#Transparancy#"][!SetVariable ColorDarkGray "50,25,0,#Transparancy#"][!SetVariable ColorGray "75,38,0,#Transparancy#"][!SetVariable ColorLightGray "100,50,0,#Transparancy#"][!SetVariable ColorGrayWhite "125,63,0,#Transparancy#"][!SetVariable ColorOffWhite "200,100,0,#Transparancy#"][!SetVariable ColorWhite "250,250,250,#Transparancy#"][!UpdateMeter *][!Redraw]
DynamicVariables=1


[MeterShapes5]
;SchnautzeSeite
Meter=Shape
X=#PositionX#
Y=#PositionY#
Shape=Path MyPath | Offset 0,0 | Extend LStroke 
MyPath=99,207 | LineTo 95,188 | LineTo 82,176 | LineTo 82,192 | ClosePath 1
LStroke=StrokeWidth #StrokeWidth# | Stroke Color #ColorStroke# | Fill Color #ColorWhite#
DynamicVariables=1

[MeterShapes5.1]
;SchnautzeSeite
Meter=Shape
X=#PositionX#
Y=#PositionY#
Shape=Path MyPath | Offset 0,0 | Extend LStroke 
MyPath=157,207 | LineTo 161,188 | LineTo 174,176 | LineTo 174,192 | ClosePath 1
LStroke=StrokeWidth #StrokeWidth# | Stroke Color #ColorStroke# | Fill Color #ColorWhite#
DynamicVariables=1

[MeterShapes6]
;BangsInnen
Meter=Shape
X=#PositionX#
Y=#PositionY#
Shape=Path MyPath | Offset 0,0 | Extend LStroke 
MyPath=82,192 | LineTo 82,176 | LineTo 75,155 | LineTo 63,179 | ClosePath 1
LStroke=StrokeWidth #StrokeWidth# | Stroke Color #ColorStroke# | Fill Color #ColorOffWhite#
DynamicVariables=1

[MeterShapes6.1]
;BangsInnen
Meter=Shape
X=#PositionX#
Y=#PositionY#
Shape=Path MyPath | Offset 0,0 | Extend LStroke 
MyPath=174,192 | LineTo 174,176 | LineTo 181,155 | LineTo 193,179 | ClosePath 1
LStroke=StrokeWidth #StrokeWidth# | Stroke Color #ColorStroke# | Fill Color #ColorOffWhite#
DynamicVariables=1

[MeterShapes7]
;Hals
Meter=Shape
X=#PositionX#
Y=#PositionY#
Shape=Path MyPath | Offset 0,0 | Extend LStroke 
MyPath=48,195 | LineTo 82,192 | LineTo 63,179 | LineTo 43,187 | ClosePath 1
LStroke=StrokeWidth #StrokeWidth# | Stroke Color #ColorStroke# | Fill Color #ColorOffWhite#
DynamicVariables=1

[MeterShapes7.1]
;Hals
Meter=Shape
X=#PositionX#
Y=#PositionY#
Shape=Path MyPath | Offset 0,0 | Extend LStroke 
MyPath=208,195 | LineTo 174,192 | LineTo 193,179 | LineTo 213,187 | ClosePath 1
LStroke=StrokeWidth #StrokeWidth# | Stroke Color #ColorStroke# | Fill Color #ColorOffWhite#
DynamicVariables=1

[MeterShapes8]
Meter=Shape
X=#PositionX#
Y=#PositionY#
Shape=Path MyPath | Offset 0,0 | Extend LStroke 
MyPath=43,187 | LineTo 63,179 | LineTo 52,154 | LineTo 48,154 | ClosePath 1
LStroke=StrokeWidth #StrokeWidth# | Stroke Color #ColorStroke# | Fill Color #ColorLightGray#
DynamicVariables=1

[MeterShapes8.1]
Meter=Shape
X=#PositionX#
Y=#PositionY#
Shape=Path MyPath | Offset 0,0 | Extend LStroke 
MyPath=213,187 | LineTo 193,179 | LineTo 204,154 | LineTo 206,154 | ClosePath 1
LStroke=StrokeWidth #StrokeWidth# | Stroke Color #ColorStroke# | Fill Color #ColorLightGray#
DynamicVariables=1

[MeterShapes9]
;Bangs
Meter=Shape
X=#PositionX#
Y=#PositionY#
Shape=Path MyPath | Offset 0,0 | Extend LStroke 
MyPath=63,179 | LineTo 75,155 | LineTo 52,154 | ClosePath 1
LStroke=StrokeWidth #StrokeWidth# | Stroke Color #ColorStroke# | Fill Color #ColorLightGray#
DynamicVariables=1

[MeterShapes9.1]
;Bangs
Meter=Shape
X=#PositionX#
Y=#PositionY#
Shape=Path MyPath | Offset 0,0 | Extend LStroke 
MyPath=193,179 | LineTo 181,155 | LineTo 204,154 | ClosePath 1
LStroke=StrokeWidth #StrokeWidth# | Stroke Color #ColorStroke# | Fill Color #ColorLightGray#
DynamicVariables=1

[MeterShapes10]
;Backen
Meter=Shape
X=#PositionX#
Y=#PositionY#
Shape=Path MyPath | Offset 0,0 | Extend LStroke 
MyPath=95,188 | LineTo 109,167 | LineTo 112,141 | LineTo 86,151 | LineTo 69,136 | LineTo 75,155 | LineTo 82,176 | ClosePath 1
LStroke=StrokeWidth #StrokeWidth# | Stroke Color #ColorStroke# | Fill Color #ColorWhite#
DynamicVariables=1

[MeterShapes10.1]
;Backen
Meter=Shape
X=#PositionX#
Y=#PositionY#
Shape=Path MyPath | Offset 0,0 | Extend LStroke 
MyPath=161,188 | LineTo 147,167 | LineTo 144,141 | LineTo 170,151 | LineTo 187,136 | LineTo 181,155 | LineTo 174,176 | ClosePath 1
LStroke=StrokeWidth #StrokeWidth# | Stroke Color #ColorStroke# | Fill Color #ColorWhite#
DynamicVariables=1

[MeterShapes11]
;Nasenflügel
Meter=Shape
X=#PositionX#
Y=#PositionY#
Shape=Path MyPath | Offset 0,0 | Extend LStroke 
MyPath=95,188 | LineTo 112,187 | LineTo 117,161 | LineTo 116,141 | LineTo 112,141 | LineTo 109,167 | ClosePath 1
LStroke=StrokeWidth #StrokeWidth# | Stroke Color #ColorStroke# | Fill Color #ColorOffWhite#
DynamicVariables=1

[MeterShapes11.1]
;Nasenflügel
Meter=Shape
X=#PositionX#
Y=#PositionY#
Shape=Path MyPath | Offset 0,0 | Extend LStroke 
MyPath=161,188 | LineTo 144,187 | LineTo 139,161 | LineTo 140,141 | LineTo 144,141 | LineTo 147,167 | ClosePath 1
LStroke=StrokeWidth #StrokeWidth# | Stroke Color #ColorStroke# | Fill Color #ColorOffWhite#
DynamicVariables=1

[MeterShapes12]
;Wange
Meter=Shape
X=#PositionX#
Y=#PositionY#
Shape=Path MyPath | Offset 0,0 | Extend LStroke 
MyPath=112,141 | LineTo 100,131 | LineTo 92,131 | LineTo 87,123 | LineTo 80,121 | LineTo 69,136 | LineTo 86,151 | ClosePath 1
LStroke=StrokeWidth #StrokeWidth# | Stroke Color #ColorStroke# | Fill Color #ColorOffWhite#
DynamicVariables=1

[MeterShapes12.1]
;Wange
Meter=Shape
X=#PositionX#
Y=#PositionY#
Shape=Path MyPath | Offset 0,0 | Extend LStroke 
MyPath=144,141 | LineTo 156,131 | LineTo 164,131 | LineTo 169,123 | LineTo 176,121 | LineTo 187,136 | LineTo 170,151 | ClosePath 1
LStroke=StrokeWidth #StrokeWidth# | Stroke Color #ColorStroke# | Fill Color #ColorOffWhite#
DynamicVariables=1

[MeterShapes13]
;Augenbraue
Meter=Shape
X=#PositionX#
Y=#PositionY#
Shape=Path MyPath | Offset 0,0 | Extend LStroke 
MyPath=112,141 | LineTo 118,120 | LineTo 113,87 | LineTo 102,94 | LineTo 95,100 | ClosePath 1
LStroke=StrokeWidth #StrokeWidth# | Stroke Color #ColorStroke# | Fill Color #ColorLightGray#
DynamicVariables=1

[MeterShapes13.1]
;Augenbraue
Meter=Shape
X=#PositionX#
Y=#PositionY#
Shape=Path MyPath | Offset 0,0 | Extend LStroke 
MyPath=144,141 | LineTo 138,120 | LineTo 143,87 | LineTo 154,94 | LineTo 161,100 | ClosePath 1
LStroke=StrokeWidth #StrokeWidth# | Stroke Color #ColorStroke# | Fill Color #ColorLightGray#
DynamicVariables=1

[MeterShapes14]
;Augenlied
Meter=Shape
X=#PositionX#
Y=#PositionY#
Shape=Path MyPath | Offset 0,0 | Extend LStroke 
MyPath=112,141 | LineTo 95,100 | LineTo 80,121 | LineTo 87,123 | ClosePath 1
LStroke=StrokeWidth #StrokeWidth# | Stroke Color #ColorStroke# | Fill Color #ColorGray#
DynamicVariables=1

[MeterShapes14.1]
;Augenlied
Meter=Shape
X=#PositionX#
Y=#PositionY#
Shape=Path MyPath | Offset 0,0 | Extend LStroke 
MyPath=144,141 | LineTo 161,100 | LineTo 176,121 | LineTo 169,123 | ClosePath 1
LStroke=StrokeWidth #StrokeWidth# | Stroke Color #ColorStroke# | Fill Color #ColorGray#
DynamicVariables=1

[MeterShapes15]
Meter=Shape
X=#PositionX#
Y=#PositionY#
Shape=Path MyPath | Offset 0,0 | Extend LStroke 
MyPath=95,123 | LineTo 95,100 
LStroke=StrokeWidth #StrokeWidth# | Stroke Color #ColorStroke# 
DynamicVariables=1

[MeterShapes15.1]
Meter=Shape
X=#PositionX#
Y=#PositionY#
Shape=Path MyPath | Offset 0,0 | Extend LStroke 
MyPath=161,123 | LineTo 161,100 
LStroke=StrokeWidth #StrokeWidth# | Stroke Color #ColorStroke# 
DynamicVariables=1

[MeterShapes16]
;BangsTop
Meter=Shape
X=#PositionX#
Y=#PositionY#
Shape=Path MyPath | Offset 0,0 | Extend LStroke 
MyPath=75,155 | LineTo 69,136 | LineTo 43,152 | LineTo 48,154 | LineTo 52,154 | ClosePath 1
LStroke=StrokeWidth #StrokeWidth# | Stroke Color #ColorStroke# | Fill Color #ColorGray#
DynamicVariables=1

[MeterShapes16.1]
;BangsTop
Meter=Shape
X=#PositionX#
Y=#PositionY#
Shape=Path MyPath | Offset 0,0 | Extend LStroke 
MyPath=181,155 | LineTo 187,136 | LineTo 213,152 | LineTo 208,154 | LineTo 204,154 | ClosePath 1
LStroke=StrokeWidth #StrokeWidth# | Stroke Color #ColorStroke# | Fill Color #ColorGray#
DynamicVariables=1

[MeterShapes17]
;OhrUnten
Meter=Shape
X=#PositionX#
Y=#PositionY#
Shape=Path MyPath | Offset 0,0 | Extend LStroke 
MyPath=43,152 | LineTo 69,136 | LineTo 80,121 | LineTo 95,100 | LineTo 102,94 | LineTo 85,72 | LineTo 64,109 | ClosePath 1
LStroke=StrokeWidth #StrokeWidth# | Stroke Color #ColorStroke# | Fill Color #ColorLightGray#
DynamicVariables=1

[MeterShapes17.1]
;OhrUnten
Meter=Shape
X=#PositionX#
Y=#PositionY#
Shape=Path MyPath | Offset 0,0 | Extend LStroke 
MyPath=213,152 | LineTo 187,136 | LineTo 176,121 | LineTo 161,100 | LineTo 154,94 | LineTo 171,72 | LineTo 192,109 | ClosePath 1
LStroke=StrokeWidth #StrokeWidth# | Stroke Color #ColorStroke# | Fill Color #ColorLightGray#
DynamicVariables=1

[MeterAuge]
Meter=Shape
X=#PositionX#
Y=#PositionY#
Shape=Path MyPath | Offset 0,0 | Extend LStroke 
MyPath=100,131 | LineTo 95,123 | LineTo 87,123 | LineTo 92,131 | ClosePath 1
LStroke=StrokeWidth #StrokeWidth# | Stroke Color #ColorAugeStroke# | Fill Color #ColorAugeFill#
DynamicVariables=1

[MeterAuge.1]
Meter=Shape
X=#PositionX#
Y=#PositionY#
Shape=Path MyPath | Offset 0,0 | Extend LStroke 
MyPath=156,131 | LineTo 161,123 | LineTo 169,123 | LineTo 164,131 | ClosePath 1
LStroke=StrokeWidth #StrokeWidth# | Stroke Color #ColorAugeStroke# | Fill Color #ColorAugeFill#
DynamicVariables=1

[MeterSchnautze]
Meter=Shape
X=#PositionX#
Y=#PositionY#
Shape=Path MyPath | Offset 0,0 | Extend LStroke 
MyPath=128,210 | LineTo 125,208 | LineTo 117,205 | LineTo 113,199 | LineTo 112,187 |  LineTo 95,188 | LineTo 99,207 | LineTo 108,214 | LineTo 148,214 | LineTo 157,207 | LineTo 161,188 | LineTo 144,187 |  LineTo 143,199 | LineTo 139,205 | LineTo 131,208 | ClosePath 1
LStroke=StrokeWidth #StrokeWidth# | Stroke Color #ColorStroke# | Fill Color #ColorWhite#
DynamicVariables=1

[MeterKin]
Meter=Shape
X=#PositionX#
Y=#PositionY#
Shape=Path MyPath | Offset 0,0 | Extend LStroke 
MyPath=108,214 | LineTo 128,221 | LineTo 148,214 | ClosePath 1
LStroke=StrokeWidth #StrokeWidth# | Stroke Color #ColorStroke# | Fill Color #ColorGray#
DynamicVariables=1

[MeterNasenspitze]
Meter=Shape
X=#PositionX#
Y=#PositionY#
Shape=Path MyPath | Offset 0,0 | Extend LStroke 
MyPath=128,210 | LineTo 131,208 | LineTo 132,199 | LineTo 136,195 | LineTo 128,191 |  LineTo 120,195 | LineTo 124,199 | LineTo 125,208 | ClosePath 1
LStroke=StrokeWidth #StrokeWidth# | Stroke Color #ColorStroke# | Fill Color #ColorGray#
DynamicVariables=1

[MeterNasenruecken]
Meter=Shape
X=#PositionX#
Y=#PositionY#
Shape=Path MyPath | Offset 0,0 | Extend LStroke 
MyPath=116,141 | LineTo 117,161 | LineTo 112,187 | LineTo 121,179 | LineTo 135,179 |  LineTo 144,187 | LineTo 139,161 | LineTo 140,141 | ClosePath 1
LStroke=StrokeWidth #StrokeWidth# | Stroke Color #ColorStroke# | Fill Color #ColorLightGray#
DynamicVariables=1

[MeterNasenbein]
Meter=Shape
X=#PositionX#
Y=#PositionY#
Shape=Path MyPath | Offset 0,0 | Extend LStroke 
MyPath=118,119 | LineTo 112,141 | LineTo 144,141 | LineTo 138,119 | ClosePath 1
LStroke=StrokeWidth #StrokeWidth# | Stroke Color #ColorStroke# | Fill Color #ColorDarkGray#
DynamicVariables=1

[MeterStirn]
Meter=Shape
X=#PositionX#
Y=#PositionY#
Shape=Path MyPath | Offset 0,0 | Extend LStroke 
MyPath=128,83 | LineTo 113,87 | LineTo 118,119 | LineTo 138,119 | LineTo 143,87 | ClosePath 1
LStroke=StrokeWidth #StrokeWidth# | Stroke Color #ColorStroke# | Fill Color #ColorGray#
DynamicVariables=1

[MeterKopf]
Meter=Shape
X=#PositionX#
Y=#PositionY#
Shape=Path MyPath | Offset 0,0 | Extend LStroke 
MyPath=110,48 | LineTo 102,51 | LineTo 113,87 | LineTo 128,83 | LineTo 143,87 | LineTo 154,51 | LineTo 146,48 |ClosePath 1
LStroke=StrokeWidth #StrokeWidth# | Stroke Color #ColorStroke# | Fill Color #ColorDarkGray#
DynamicVariables=1

Besides the Offset variable, which is added for the purpose of a future movement (so, not related to this color alternation), the differences are:
- adding DynamicVariables=1 to all meters, since they will now use dynamic, i.e. ever changing, variables, instead of the previous static ones
- adding a [MeterBackground] in order to capture mouse actions on the figure and, of course, trigger the desired effect

If you find the link info too complex (although I'd help you implement a hypothetical color transition), a rudimentary color transition can be simulated by setting subsequent colors on the shapes and separating them by a Delay bang. Something like (example of a basic red to blue transition in 3 steps):

Code: Select all

[!SetVariable Color1 "255,0,0,255"][!Delay 50][!SetVariable Color1 "128,0,128,255"][!Delay 50][!SetVariable Color1 "0,0,255,255"]

Of course, this example is just for one color, but I think you get the idea. Unfortunately, on this one, you'd have to manually calculate color RGBs, instead of letting Rainmeter do that in a formula.

Post by **Yincognito** » January 25th, 2021, 2:02 pm

sa1nt4ch wrote: ↑January 25th, 2021, 12:54 pmI still have to wrap my head around the link you posted.

And I still try to figure out Bangs and OnActions

So, the real question is: do you want it cool and complex or acceptable and simple?
In other words, do you want (or can) to understand everything going on or you just want the end result the way you envisioned?

P.S. In my implementation of a color transition, you don't need to figure out literally everything that's going on - that part is written already. Only the colors need to be set, for a single transition. In your case, since you have multiple "shades" of the same color, the skin would have to be adjusted by adding a Saturation variable, so that instead of, say, #ColorDarkGray# in the shapes, you'd use something like (#Saturation#*#RedForGray#),(#Saturation#*#GreenForGray#),(#Saturation#*#BlueForGray#),#Transparency#, where Saturation would be around 0.5 (since 1 would be pure gray and this is a "dark" shade of it), and the other variables would simply be the RGB values for pure gray.

sa1nt4ch · Post by **sa1nt4ch** » January 25th, 2021, 2:44 pm

Yincognito wrote: ↑January 25th, 2021, 1:20 pm So, the real question is: do you want it cool and complex or acceptable and simple?

Of course, this example is just for one color, but I think you get the idea. Unfortunately, on this one, you'd have to manually calculate color RGBs, instead of letting Rainmeter do that in a formula.

In your case, since you have multiple "shades" of the same color, the skin would have to be adjusted by adding a Saturation variable, so that instead of, say,

Well part of the fun is to figure out how things work, so usually go from easy to complicated.

And the color is better set by me, because it's not as simple as adjust the saturation of a single color, in order to look good.

But thank you for your effort, that gives me plenty to play around with.

Post by **Yincognito** » January 25th, 2021, 2:50 pm

sa1nt4ch wrote: ↑January 25th, 2021, 2:44 pm Well part of the fun is to figure out how things work, so usually go from easy to complicated.

And the color is better set by me, because it's not as simple as adjust the saturation of a single color, in order to look good.

But thank you for your effort, that gives me plenty to play around with.

No problem.

Good luck, and nice work!

Fishing for ideas

Re: Fishing for ideas

Re: Fishing for ideas

Re: Fishing for ideas

Re: Fishing for ideas