It is currently April 26th, 2024, 9:59 pm

Help creating a rotating carousels for those game launchers?

Get help with creating, editing & fixing problems with skins
StavrosPro
Posts: 20
Joined: April 6th, 2018, 6:11 pm

Help creating a rotating carousels for those game launchers?

Post by StavrosPro »

Here is my desktop: https://imgur.com/a/sWAFD. I am pretty new at this. What I want to do is add a rotating carousel for those games down there and for the games that will follow but I am clueless on how to do it. If a rotating carousel left to right isn't possible, can something similar to this be achieved?
User avatar
balala
Rainmeter Sage
Posts: 16174
Joined: October 11th, 2010, 6:27 pm
Location: Gheorgheni, Romania

Re: Help creating a rotating carousels for those game launchers?

Post by balala »

I'm not sure what a rotating carousel would be. Could you detail a bit please?
StavrosPro
Posts: 20
Joined: April 6th, 2018, 6:11 pm

Re: Help creating a rotating carousels for those game launchers?

Post by StavrosPro »

balala wrote:I'm not sure what a rotating carousel would be. Could you detail a bit please?
Of course. This was a project I was looking at: https://imgur.com/r/python/S3DPLJo. Visually, I want it to be similar to this. Now the differences are:
1. I want it to be horizontal
2. I want it to return to default position after x time and not have those ugly buttons, only the arrows.
I hope you can understand from this.

EDIT: I found a better representation of what I want, link changed
Last edited by StavrosPro on April 7th, 2018, 8:35 pm, edited 1 time in total.
User avatar
balala
Rainmeter Sage
Posts: 16174
Joined: October 11th, 2010, 6:27 pm
Location: Gheorgheni, Romania

Re: Help creating a rotating carousels for those game launchers?

Post by balala »

For first please give a try to the following skin, created one year ago: https://forum.rainmeter.net/viewtopic.php?p=121037#p121037
It isn't exactly what you talk about, but let's see.
I hope you know what to do with the downloaded zip file. If you don't, let me know.
StavrosPro
Posts: 20
Joined: April 6th, 2018, 6:11 pm

Re: Help creating a rotating carousels for those game launchers?

Post by StavrosPro »

balala wrote:For first please give a try to the following skin, created one year ago: https://forum.rainmeter.net/viewtopic.php?p=121037#p121037
It isn't exactly what you talk about, but let's see.
I hope you know what to do with the downloaded zip file. If you don't, let me know.
Well it's completely different than what I have in mind. This is a 3D Carousel and I want a 2D (as you can probably check from the link I showed you). If you haven\t checked the new link I put in my reply, please do.
User avatar
balala
Rainmeter Sage
Posts: 16174
Joined: October 11th, 2010, 6:27 pm
Location: Gheorgheni, Romania

Re: Help creating a rotating carousels for those game launchers?

Post by balala »

Ok, here is my first attempt. When you try out this code pay attention to the followings:
  • For now I used solid colors (red, green, blue, yellow and purple, accordingly) instead of the images. Later we (I) will change them with images.
  • I added just five icons (colors), what I think is enough to can check if it looks what you'd like. Again, alter suplimentar icons can easily be added.
  • The actions also will have to be added to the icons. For yet you can't click them, to open the appropriate apps.
The variables are already prepared to can easily add the images and the appropriate actions, but for now I leaved them empty.
What do you think?

Code: Select all

[Rainmeter]
Update=-1

[Variables]
IconWidth=80
IconHeight=80
Pos=0
Icon1=
Path1=
Icon2=
Path2=
Icon3=
Path3=
Icon4=
Path4=
Icon5=
Path5=

[ButtonStyle]
W=#IconWidth#
H=16
FontColor=220,220,220
SolidColor=0,0,0,1
FontSize=8
FontFace=Segoe UI
StringStyle=BOLD
StringAlign=CENTERCENTER
AntiAlias=1
Group=Buttons
DynamicVariables=1

[IconStyle]
W=#IconWidth#
H=#IconHeight#

[MeasurePosition]
Measure=Calc
Formula=#Pos#
IfCondition=(#CURRENTSECTION#=0)
IfTrueAction=[!ShowMeter "MeterIcon1"][!ShowMeter "MeterIcon2"][!ShowMeter "MeterIcon3"][!HideMeter "MeterIcon4"][!HideMeter "MeterIcon5"][!Redraw]
IfCondition2=(#CURRENTSECTION#=1)
IfTrueAction2=[!HideMeter "MeterIcon1"][!ShowMeter "MeterIcon2"][!ShowMeter "MeterIcon3"][!ShowMeter "MeterIcon4"][!HideMeter "MeterIcon5"][!Redraw]
IfCondition3=(#CURRENTSECTION#=2)
IfTrueAction3=[!HideMeter "MeterIcon1"][!HideMeter "MeterIcon2"][!ShowMeter "MeterIcon3"][!ShowMeter "MeterIcon4"][!ShowMeter "MeterIcon5"][][!Redraw]
DynamicVariables=1

[MeterUp]
Meter=STRING
MeterStyle=ButtonStyle
X=(#IconWidth#/2)
Y=8
Text=Up
MouseOverAction=[!SetOption #CURRENTSECTION# SolidColor "0,0,0,150"][!UpdateMeter "#CURRENTSECTION#"][!Redraw]
MouseLeaveAction=[!SetOption #CURRENTSECTION# SolidColor "0,0,0,1"][!UpdateMeter "#CURRENTSECTION#"][!Redraw]
LeftMouseUpAction=[!SetVariable Pos "((#Pos#+1)%3)"][!UpdateMeasure "MeasurePosition"][!UpdateMeterGroup "Buttons"]

[MeterIcon1]
Meter=Image
MeterStyle=IconStyle
SolidColor=255,0,0
X=(-(#IconWidth#/2))r
Y=12r

[MeterIcon2]
Meter=Image
MeterStyle=IconStyle
SolidColor=0,255,0
X=0r
Y=4R

[MeterIcon3]
Meter=Image
MeterStyle=IconStyle
SolidColor=0,0,255
X=0r
Y=4R

[MeterIcon4]
Meter=Image
MeterStyle=IconStyle
SolidColor=255,240,0
X=0r
Y=4R

[MeterIcon5]
Meter=Image
MeterStyle=IconStyle
SolidColor=255,0,240
X=0r
Y=4R

[MeterDown]
Meter=STRING
MeterStyle=ButtonStyle
X=(#IconWidth#/2)
Y=12R
Text=Down
MouseOverAction=[!SetOption #CURRENTSECTION# SolidColor "0,0,0,150"][!UpdateMeter "#CURRENTSECTION#"][!Redraw]
MouseLeaveAction=[!SetOption #CURRENTSECTION# SolidColor "0,0,0,1"][!UpdateMeter "#CURRENTSECTION#"][!Redraw]
LeftMouseUpAction=[!SetVariable Pos "((#Pos#=0)?2:(#Pos#-1))"][!UpdateMeasure "MeasurePosition"][!UpdateMeterGroup "Buttons"]
StavrosPro
Posts: 20
Joined: April 6th, 2018, 6:11 pm

Re: Help creating a rotating carousels for those game launchers?

Post by StavrosPro »

balala wrote:Ok, here is my first attempt.
Damn I am terribly sorry, I mean I want it horizontal. If it isn't too much for you, can you change it so I can start working on it?
User avatar
balala
Rainmeter Sage
Posts: 16174
Joined: October 11th, 2010, 6:27 pm
Location: Gheorgheni, Romania

Re: Help creating a rotating carousels for those game launchers?

Post by balala »

StavrosPro wrote:Damn I am terribly sorry, I mean I want it horizontal.
But the last posted gif shown it vertically, I think. So, it should have to be horizontally?
StavrosPro
Posts: 20
Joined: April 6th, 2018, 6:11 pm

Re: Help creating a rotating carousels for those game launchers?

Post by StavrosPro »

balala wrote:But the last posted gif shown it vertically, I think. So, it should have to be horizontally?
Yeah. In the first difference I wanted, I meant horizontal not vertical. Let me change it my post.
User avatar
balala
Rainmeter Sage
Posts: 16174
Joined: October 11th, 2010, 6:27 pm
Location: Gheorgheni, Romania

Re: Help creating a rotating carousels for those game launchers?

Post by balala »

Ok, here it is:

Code: Select all

[Rainmeter]
Update=-1

[Variables]
IconWidth=80
IconHeight=80
Pos=0
Icon1=
Path1=
Icon2=
Path2=
Icon3=
Path3=
Icon4=
Path4=
Icon5=
Path5=

[ButtonStyle]
W=16
H=#IconHeight#
FontColor=220,220,220
SolidColor=0,0,0,1
FontSize=16
FontFace=Segoe UI
StringStyle=BOLD
StringAlign=CENTERCENTER
AntiAlias=1
Group=Buttons
DynamicVariables=1

[IconStyle]
W=#IconWidth#
H=#IconHeight#

[MeasurePosition]
Measure=Calc
Formula=#Pos#
IfCondition=(#CURRENTSECTION#=0)
IfTrueAction=[!ShowMeter "MeterIcon1"][!ShowMeter "MeterIcon2"][!ShowMeter "MeterIcon3"][!HideMeter "MeterIcon4"][!HideMeter "MeterIcon5"][!Redraw]
IfCondition2=(#CURRENTSECTION#=1)
IfTrueAction2=[!HideMeter "MeterIcon1"][!ShowMeter "MeterIcon2"][!ShowMeter "MeterIcon3"][!ShowMeter "MeterIcon4"][!HideMeter "MeterIcon5"][!Redraw]
IfCondition3=(#CURRENTSECTION#=2)
IfTrueAction3=[!HideMeter "MeterIcon1"][!HideMeter "MeterIcon2"][!ShowMeter "MeterIcon3"][!ShowMeter "MeterIcon4"][!ShowMeter "MeterIcon5"][][!Redraw]
DynamicVariables=1

[MeterUp]
Meter=STRING
MeterStyle=ButtonStyle
X=8
Y=(#IconHeight#/2)
Text=<
MouseOverAction=[!SetOption #CURRENTSECTION# SolidColor "0,0,0,150"][!UpdateMeter "#CURRENTSECTION#"][!Redraw]
MouseLeaveAction=[!SetOption #CURRENTSECTION# SolidColor "0,0,0,1"][!UpdateMeter "#CURRENTSECTION#"][!Redraw]
LeftMouseUpAction=[!SetVariable Pos "((#Pos#+1)%3)"][!UpdateMeasure "MeasurePosition"][!UpdateMeterGroup "Buttons"]

[MeterIcon1]
Meter=Image
MeterStyle=IconStyle
SolidColor=255,0,0
X=12r
Y=(-(#IconHeight#/2))r

[MeterIcon2]
Meter=Image
MeterStyle=IconStyle
SolidColor=0,255,0
X=4R
Y=0r

[MeterIcon3]
Meter=Image
MeterStyle=IconStyle
SolidColor=0,0,255
X=4R
Y=0r

[MeterIcon4]
Meter=Image
MeterStyle=IconStyle
SolidColor=255,240,0
X=4R
Y=0r

[MeterIcon5]
Meter=Image
MeterStyle=IconStyle
SolidColor=255,0,240
X=4R
Y=0r

[MeterDown]
Meter=STRING
MeterStyle=ButtonStyle
X=4R
Y=(#IconHeight#/2)
Text=>
MouseOverAction=[!SetOption #CURRENTSECTION# SolidColor "0,0,0,150"][!UpdateMeter "#CURRENTSECTION#"][!Redraw]
MouseLeaveAction=[!SetOption #CURRENTSECTION# SolidColor "0,0,0,1"][!UpdateMeter "#CURRENTSECTION#"][!Redraw]
LeftMouseUpAction=[!SetVariable Pos "((#Pos#=0)?2:(#Pos#-1))"][!UpdateMeasure "MeasurePosition"][!UpdateMeterGroup "Buttons"]