It is currently January 22nd, 2022, 4:47 am

how do I make this skin wider and bigger?

Help with creating, editing & fixing problems with skins
User avatar
Alloutofmercy
Posts: 103
Joined: November 17th, 2021, 5:51 am

how do I make this skin wider and bigger?

Post by Alloutofmercy »

I want to increase the width or the size of this skin in the opened state
Screenshot (20).png


I am using actiontimer plugin. Here is the code :-

Code: Select all

[Variables]
XPos=200
Accent01=255,0,4,100
State=1
Velocity=0
Update=[!UpdateMeasure DeceleratingSlider][!UpdateMeter *][!Redraw]
Amount=200

[DeceleratingSlider]
Measure=Plugin
Plugin=ActionTimer
ActionList1=Repeat SlideLeft, 30, 25
SlideLeft=[!SetVariable State "2"][!SetVariable Velocity "(Clamp((#Velocity#+1),0,20))"][!SetVariable XPos "(Trunc((#Amount#-#Amount#*(1-1/(2048**(0.05*#Velocity#))))))"]#Update#
ActionList2=Repeat SlideRight, 30, 25
SlideRight=[!SetVariable State "1"][!SetVariable Velocity "(Clamp((#Velocity#-1),0,20))"][!SetVariable XPos "(Trunc((#Amount#-#Amount#*(1-1/(2048**(0.05*#Velocity#))))))"]#Update#
DynamicVariables=1



[MeterMainbar]
Meter=image
X=-#XPos#
Y=1
W=240
h=1080
StrokeWidth 0 | Stroke Color 0,120,255
SolidColor=#Accent01#

DynamicVariables=1
Group=Sliders
LeftMouseUpAction=[!CommandMeasure DeceleratingSlider "Execute #State#"]


You do not have the required permissions to view the files attached to this post.
BOOTY
User avatar
death.crafter
Rainmeter Sage
Posts: 1293
Joined: April 24th, 2021, 8:13 pm

Re: how do I make this skin wider and bigger?

Post by death.crafter »

Alloutofmercy wrote: January 6th, 2022, 12:20 pm I want to increase the width or the size of this skin in the opened state

Screenshot (20).png

I am using actiontimer plugin. Here is the code :-

Code: Select all

[Variables]
XPos=200
Accent01=255,0,4,100
State=1
Velocity=0
Update=[!UpdateMeasure DeceleratingSlider][!UpdateMeter *][!Redraw]
Amount=200

[DeceleratingSlider]
Measure=Plugin
Plugin=ActionTimer
ActionList1=Repeat SlideLeft, 30, 25
SlideLeft=[!SetVariable State "2"][!SetVariable Velocity "(Clamp((#Velocity#+1),0,20))"][!SetVariable XPos "(Trunc((#Amount#-#Amount#*(1-1/(2048**(0.05*#Velocity#))))))"]#Update#
ActionList2=Repeat SlideRight, 30, 25
SlideRight=[!SetVariable State "1"][!SetVariable Velocity "(Clamp((#Velocity#-1),0,20))"][!SetVariable XPos "(Trunc((#Amount#-#Amount#*(1-1/(2048**(0.05*#Velocity#))))))"]#Update#
DynamicVariables=1



[MeterMainbar]
Meter=image
X=-#XPos#
Y=1
W=240
h=1080
StrokeWidth 0 | Stroke Color 0,120,255
SolidColor=#Accent01#

DynamicVariables=1
Group=Sliders
LeftMouseUpAction=[!CommandMeasure DeceleratingSlider "Execute #State#"]


It's a skin you made right?

You increase the width of the meter and then slide the amount of width with action timer.

I can't help with the formulas as you are making some kind of easing there, with those complex formulas.
from the Realm of Death
User avatar
eclectic-tech
Rainmeter Sage
Posts: 4581
Joined: April 12th, 2012, 9:40 pm
Location: Cedar Point, Ohio, USA

Re: how do I make this skin wider and bigger?

Post by eclectic-tech »

As D.C. mentioned you will need to change the values of your XPos and Amount that are used in your action timer.
You do not need to change the action timer, only the variables and the image meter.
Here is your code with variables added for those values and modified meter to reflect those variables.
You set the maximum and minimum widths in the variables and refresh.

Code: Select all

[Variables]
; Set this to your desired sidebar maximum/minimum widths
ExpandedBarWidth=240
MinimumBarWidth=40
; Subtract your desired sidebar minumum width from your maximum width
XPos=(#ExpandedBarWidth#-#MinimumBarWidth#)
Accent01=255,0,4,100
State=1
Velocity=0
Update=[!UpdateMeasure DeceleratingSlider][!UpdateMeter *][!Redraw]
; Set this to the same as your XPos value
Amount=(#ExpandedBarWidth#-#MinimumBarWidth#)

[DeceleratingSlider]
Measure=Plugin
Plugin=ActionTimer

ActionList1=Repeat SlideLeft, 30, 25
SlideLeft=[!SetVariable State "2"][!SetVariable Velocity "(Clamp((#Velocity#+1),0,20))"][!SetVariable XPos "(Trunc((#Amount#-#Amount#*(1-1/(2048**(0.05*#Velocity#))))))"]#Update#

ActionList2=Repeat SlideRight, 30, 25
SlideRight=[!SetVariable State "1"][!SetVariable Velocity "(Clamp((#Velocity#-1),0,20))"][!SetVariable XPos "(Trunc((#Amount#-#Amount#*(1-1/(2048**(0.05*#Velocity#))))))"]#Update#

DynamicVariables=1



[MeterMainbar]
Meter=image
; This positions this meter off the left of the screen (making most of it invisible)
; Always enclose formulas in parentheses
X=(-#XPos#)
W=#ExpandedBarWidth#
; This leaves a 1-pixel space at the top and bottom of the sidebar to allow access to collapsed (autohide) taskbars
Y=1
H=(#WorkAreaHeight#-2)
StrokeWidth 0 | Stroke Color 0,120,255
SolidColor=#Accent01#

DynamicVariables=1
Group=Sliders
LeftMouseUpAction=[!CommandMeasure DeceleratingSlider "Execute #State#"]

User avatar
Alloutofmercy
Posts: 103
Joined: November 17th, 2021, 5:51 am

Re: how do I make this skin wider and bigger?

Post by Alloutofmercy »

Hey sorry couldnt reply earlier. Strangely it dosent change anything. I am wondering why amount and Xpos are equal to expandedwidth-minnimumwidth.
Maybe I made a mistake. here is the code...

Code: Select all

[Variables]
; Set this to your desired sidebar maximum/minimum widths
ExpandedBarWidth=400
MinimumBarWidth=20
; Subtract your desired sidebar minumum width from your maximum width
XPos=(#ExpandedBarWidth#-#MinimumBarWidth#)
Accent01=255,0,4,100
State=1
Velocity=0
Update=[!UpdateMeasure DeceleratingSlider][!UpdateMeter *][!Redraw]
; Set this to the same as your XPos value
Amount=(#ExpandedBarWidth#-#MinimumBarWidth#)


[MeterMainbar]
Meter=image
X=-#XPos#
Y=1
W=240
h=1080
StrokeWidth 0 | Stroke Color 0,120,255
SolidColor=#Accent01#

DynamicVariables=1
Group=Sliders
LeftMouseUpAction=[!CommandMeasure DeceleratingSlider "Execute #State#"]

BOOTY
User avatar
eclectic-tech
Rainmeter Sage
Posts: 4581
Joined: April 12th, 2012, 9:40 pm
Location: Cedar Point, Ohio, USA

Re: how do I make this skin wider and bigger?

Post by eclectic-tech »

Alloutofmercy wrote: January 10th, 2022, 1:35 pm Hey sorry couldnt reply earlier. Strangely it dosent change anything. I am wondering why amount and Xpos are equal to expandedwidth-minnimumwidth.
Maybe I made a mistake. here is the code...
You did not change the meter to use the new variables, that is why it doesn't do anything.

Replace the [MeterMainbar] with the code posted for that section and it will work.

Actually, if you would copy the entire code into a new skin, it will work.
User avatar
balala
Rainmeter Sage
Posts: 13719
Joined: October 11th, 2010, 6:27 pm
Location: Gheorgheni, Romania

Re: how do I make this skin wider and bigger?

Post by balala »

Alloutofmercy wrote: January 10th, 2022, 1:35 pm Hey sorry couldnt reply earlier. Strangely it dosent change anything. I am wondering why amount and Xpos are equal to expandedwidth-minnimumwidth.
Maybe I made a mistake. here is the code...
eclectic-tech's code does perfectly works (as usually). Yours does as well, however here indeed is a small mistake: you've forgotten the Amount variable from the [Variables] section. Add it to the end of the [Variables] section (or at least after the ExpandedBarWidth and MinimumBarWidth variables): Amount=(#ExpandedBarWidth#-#MinimumBarWidth#)
User avatar
Alloutofmercy
Posts: 103
Joined: November 17th, 2021, 5:51 am

Re: how do I make this skin wider and bigger?

Post by Alloutofmercy »

Whew! thankks guys.
\
Screenshot (25).png
You do not have the required permissions to view the files attached to this post.
BOOTY