It is currently September 18th, 2019, 12:09 am

Compact WorldTime Idea

Help with creating, editing & fixing problems with skins
ms310
Posts: 101
Joined: April 1st, 2015, 7:16 am

Compact WorldTime Idea

ms310 » September 2nd, 2019, 2:55 am

I am not great at creating Rainmeter Skins - I am pretty good at hacking other people's great creations.

I have an idea for a compact WorldTime Skin. I currently use the great skins from Eclectic-Tech here: https://www.deviantart.com/eclectic-tech/art/Win10-World-Time-780897157

The image below is my attempt to communicate what I am thinking.
  • 1. This bar indicates where the sun is - there are 5 colors - the colors would move right to left during the day indicating where it is day and night in the world.
    2. I would like these to be fixed position - I believe this is complicated - if users choose different cities how do we put them in the right place on the bar? I wonder if it would be possible to somehow map a city location onto this bar?
    3. This is not part of the skin, it is only for reference. See the different color shading - this is the idea of the bar in #1
2019-09-02_11h43_07.png
I would like some advice on what might be possible and some ideas from our community experts on how to proceed. I think if could be a cool, compact way to display timezones. The key is the bar, then mapping the cities to the bar. Various information can be displayed - City, Date, Time.

Thanks for any help or direction. Fetching the times I will use the code from Eclectic-Tech. If there is another skin somewhere thing "kinda" does something similar please point me in that direction and I will go hacking at it.

Thanks!
You do not have the required permissions to view the files attached to this post.
User avatar
eclectic-tech
Rainmeter Sage
Posts: 3542
Joined: April 12th, 2012, 9:40 pm
Location: Cedar Point, Ohio, USA

Re: Compact WorldTime Idea

eclectic-tech » September 2nd, 2019, 4:54 am

Here's a really rough starting point (it's late and I'm punchy)...

Code: Select all

[MeterShapeRectangle]
Meter=Shape
X=0
Y=4R
; Shape=Rectangle X,Y,W,H,{Rx},{Ry} | StrokeWidth 2 | Stroke Color 0,0,0,255 | Fill Color 255,255,255,255
Shape=Rectangle #LeftPadding#,0,(#BackgroundWidth#-#LeftPadding#*2),20,10 | Fill LinearGradient GradSun | StrokeWidth 1 | StrokeColor 0,0,0,220
GradSun=0 | 64,64,64 ; 0.0 | 230,220,80 ; ([MeasureHour:]/24) | 64,64,64 ; 1.0
DynamicVariables=1
; Documentation: https://docs.rainmeter.net/manual-beta/meters/shape/#Rectangle

[City1]
Meter=Shape
X=(#BackgroundWidth#/2+([MeasureOffset1:]/3600000)*12)
Y=r
; Shape=Line StartX, StartY, EndX, EndY
Shape=Line 2,2,2,18 | StrokeWidth 4 | Stroke Color 255,255,255
; Documentation: https://docs.rainmeter.net/manual-beta/meters/shape/#Line
DynamicVariables=1
Tooltiptext=[MeasureName1]

[City2]
Meter=Shape
X=(#BackgroundWidth#/2+([MeasureOffset2:]/3600000)*12)
Y=r
; Shape=Line StartX, StartY, EndX, EndY
Shape=Line 2,2,2,18 | StrokeWidth 4 | Stroke Color 255,255,255
; Documentation: https://docs.rainmeter.net/manual-beta/meters/shape/#Line
DynamicVariables=1
Tooltiptext=[MeasureName2]

[City3]
Meter=Shape
X=(#BackgroundWidth#/2+([MeasureOffset3:]/3600000)*12)
Y=r
; Shape=Line StartX, StartY, EndX, EndY
Shape=Line 2,2,2,18 | StrokeWidth 4 | Stroke Color 255,255,255
; Documentation: https://docs.rainmeter.net/manual-beta/meters/shape/#Line
DynamicVariables=1
Tooltiptext=[MeasureName3]

[City4]
Meter=Shape
X=(#BackgroundWidth#/2+([MeasureOffset4:]/3600000)*12)
Y=r
; Shape=Line StartX, StartY, EndX, EndY
Shape=Line 2,2,2,18 | StrokeWidth 4 | Stroke Color 255,255,255
; Documentation: https://docs.rainmeter.net/manual-beta/meters/shape/#Line
DynamicVariables=1
Tooltiptext=[MeasureName4]

[City5]
Meter=Shape
X=(#BackgroundWidth#/2+([MeasureOffset5:]/3600000)*12)
Y=r
; Shape=Line StartX, StartY, EndX, EndY
Shape=Line 2,2,2,18 | StrokeWidth 4 | Stroke Color 255,255,255
; Documentation: https://docs.rainmeter.net/manual-beta/meters/shape/#Line
DynamicVariables=1
Tooltiptext=[MeasureName5]

[City6]
Meter=Shape
X=(#BackgroundWidth#/2+([MeasureOffset6:]/3600000)*12)
Y=r
; Shape=Line StartX, StartY, EndX, EndY
Shape=Line 2,2,2,18 | StrokeWidth 4 | Stroke Color 255,255,255
; Documentation: https://docs.rainmeter.net/manual-beta/meters/shape/#Line
DynamicVariables=1
Tooltiptext=[MeasureName6]

Add these meters to the very end of the code in "Win10WorldTime\WorldTime\WorldTime-Large.ini" and save with a new name.
Refresh all, and when you load this variant, you will see a bottom bar with has marks representing the cities.
suntime.png
I placed London at the middle.
The included time measures return a timezone value you can use to determine the location on the gradient.
You will need to refine the gradient bar for sun positions, but this may help you get started.
You do not have the required permissions to view the files attached to this post.
ms310
Posts: 101
Joined: April 1st, 2015, 7:16 am

Re: Compact WorldTime Idea

ms310 » September 2nd, 2019, 7:55 am

WOW WOW WOW WOW.

Thank you SO MUCH! Outstanding! I will start hacking away!
User avatar
eclectic-tech
Rainmeter Sage
Posts: 3542
Joined: April 12th, 2012, 9:40 pm
Location: Cedar Point, Ohio, USA

Re: Compact WorldTime Idea

eclectic-tech » September 2nd, 2019, 12:11 pm

ms310 wrote:
September 2nd, 2019, 7:55 am
WOW WOW WOW WOW.

Thank you SO MUCH! Outstanding! I will start hacking away!
Have Fun Hacking! :lol:
User avatar
Mor3bane
Posts: 586
Joined: May 7th, 2016, 7:32 am

Re: Compact WorldTime Idea

Mor3bane » September 9th, 2019, 8:55 pm

This is a suite I put together. In particular there is the "Sun Circle - Scripted", which i got a lot of help from Mordasius with.

https://www.deviantart.com/code-sapient/art/I-Swore-A-Lot-IX-810887050
My DevArt Gallery

There are many ways to be different - there is only one way to be yourself