OK, so I have re-and re-read this Sliced image display with ImageCrop tip by Kenzo a bunch of times but struggled to follow it. Yesterday however, I reached the point where I understood enough of it to remove all the bits I am not interested in, spaces, grids and most especially ColorMatrix which makes my brain hurt. I understand ImageTint, which is what I intended to replace that with.
On to the animation, I presume it could be done with an animated GIF, but that gives no control in the skin and my powers with Gimp are weak
It did occur to me that Smurfier's Counters could be used to control things. What I needed a hand with after a couple of days of beating the code with a blunt instrument was a way of using 1 counter to control multiple meters individually, this is where Kaelri pointed me in the right direction with a measure per meter (Calc), I'm also relatively comfortable with these.So, this is where I am today:
Now that it is working as I want, the number of slices will go up, and the image will be replaced with a transparent background mesh which I'm planning to use as an animated background for skins. Take one big grid, then use the ImageWidth and ImageHeight variables to define the size of the background. As I'm using rounded corners, I will also use X & Y in [MeterImage1/1] to control the offset to clear the corners. What this gives is a single source regardless image you can "chop" bits out of to match meter size. Below is a capture this mornings first test of an animated background in a meter which illustrates what I want to do with this, I need to play with colours now to find a colour combination that stands out enough to be seen, but not so that it overwhelms the skin. Anyhow, putting it out here as a guide for what I wanted, but you might see another use...
Code: Select all
[Rainmeter]
Update=1000
Author=Seahorse,
BackgroundMode=2
SolidColor=0,0,0,1
[Metadata]
Name=Animated Tint
;===============================================================================================
;Variables
;===============================================================================================
[Variables]
;Needs to be the actual image dimensions if you want the full picture, otherwise you crop the image.
ImageName=Smile.jpg
ImageWidth=532
ImageHeight=441
;White Solid - does NOTHING to the displayed image
Colour1=255,255,255,255
;Light Blue - the colour of the tint, tranparencies make the image seethrough too, not wanted here.
Colour2=102,204,255,255
;===============================================================================================
;Calcs
;===============================================================================================
;Workout the width of s column
[W]
Measure=Calc
Formula=ROUND(#ImageWidth#/5)
;X= Position of Column 1, X2 is column 2 etc
[X1]
Measure=Calc
Formula=ROUND(#ImageWidth#/5)*0
[X2]
Measure=Calc
Formula=ROUND(#ImageWidth#/5)*1
[X3]
Measure=Calc
Formula=ROUND(#ImageWidth#/5)*2
[X4]
Measure=Calc
Formula=ROUND(#ImageWidth#/5)*3
[X5]
Measure=Calc
Formula=ROUND(#ImageWidth#/5)*4
;5-second counter that resets at 5, you could add a pause by increasing the %6 (must be 1 MORE than the number you want)
[CalcCounter]
Measure=Calc
Formula=(CalcCounter+1)%6
;Tint details for first coloumn Meter, etc...
[CalcMeterImage1/1]
Measure=CALC
Formula=(CalcCounter=1)
IfAboveValue=0
IfAboveAction=!SetVariable Meter1Tint #Colour2#
IfEqualValue=0
IfEqualAction=!SetVariable Meter1Tint #Colour1#
[CalcMeterImage1/2]
Measure=CALC
Formula=(CalcCounter=2)
IfAboveValue=0
IfAboveAction=!SetVariable Meter2Tint #Colour2#
IfEqualValue=0
IfEqualAction=!SetVariable Meter2Tint #Colour1#
[CalcMeterImage1/3]
Measure=CALC
Formula=(CalcCounter=3)
IfAboveValue=0
IfAboveAction=!SetVariable Meter3Tint #Colour2#
IfEqualValue=0
IfEqualAction=!SetVariable Meter3Tint #Colour1#
[CalcMeterImage1/4]
Measure=CALC
Formula=(CalcCounter=4)
IfAboveValue=0
IfAboveAction=!SetVariable Meter4Tint #Colour2#
IfEqualValue=0
IfEqualAction=!SetVariable Meter4Tint #Colour1#
[CalcMeterImage1/5]
Measure=CALC
Formula=(CalcCounter=5)
IfAboveValue=0
IfAboveAction=!SetVariable Meter5Tint #Colour2#
IfEqualValue=0
IfEqualAction=!SetVariable Meter5Tint #Colour1#
;===============================================================================================
;Measures
;===============================================================================================
;The actual Image Measure
[StyleImage]
ImageName=#ImageName#
X=(#ImageWidth#/5)r
Y=0r
W=[W]
H=#ImageHeight#
DynamicVariables=1
;===============================================================================================
;Meters
;===============================================================================================
;Putting the slices on screen, you can offset this is used as a background combined with clipping in the ImageWidth
& ImageHeight variables - whic is how I intend to use it...
[MeterImage1/1]
Meter=IMAGE
MeterStyle=StyleImage
X=0
Y=0
ImageCrop=[X1],0,[W],#ImageHeight#
ImageTint=#Meter1Tint#
DynamicVariables=1
[MeterImage1/2]
Meter=IMAGE
MeterStyle=StyleImage
ImageTint=#Meter2Tint#
DynamicVariables=1
ImageCrop=[X2],0,[W],#ImageHeight#
[MeterImage1/3]
Meter=IMAGE
MeterStyle=StyleImage
ImageTint=#Meter3Tint#
DynamicVariables=1
ImageCrop=[X3],0,[W],#ImageHeight#
[MeterImage1/4]
Meter=IMAGE
MeterStyle=StyleImage
ImageTint=#Meter4Tint#
DynamicVariables=1
ImageCrop=[X4],0,[W],#ImageHeight#
[MeterImage1/5]
Meter=IMAGE
MeterStyle=StyleImage
ImageTint=#Meter5Tint#
DynamicVariables=1
ImageCrop=[X5],0,[W],#ImageHeight#
