It is currently March 28th, 2024, 4:02 pm

Neon Rings - CPU monitoring and weather suite

A package of skins with a "theme" or by a single author
bravo-lemur
Posts: 24
Joined: August 20th, 2020, 8:49 pm

Neon Rings - CPU monitoring and weather suite

Post by bravo-lemur »

Neon Rings - DeviantArt

My first Rainmeter suite, so please be kind ;-) Couldn't find a suite that matched the wallpaper to my liking, so I made my own! I'm no graphic designer, so it's a bit unsophisticated in places, but I'm really proud of the glow effect on the rings.

The weather skin is based on JSMorley's Weather.com skin, so should hopefully be impervious to breaking whenever the website updates (many thanks to JSMorley for creating all the backend files and for assistance with the suntrail, and to Yincognito for advice, too).

Hope you guys like it!

Image

Image
Tondascz
Posts: 1
Joined: October 12th, 2020, 8:44 am

Re: Neon Rings - CPU monitoring and weather suite

Post by Tondascz »

Hey i love this, and i want to ask you for link to that clocks and date on 2nd screenshot
User avatar
CodeCode
Posts: 1363
Joined: September 7th, 2020, 2:24 pm
Location: QLD, Australia

Re: Neon Rings - CPU monitoring and weather suite

Post by CodeCode »

Gorgeous.

Nice work!
bravo-lemur
Posts: 24
Joined: August 20th, 2020, 8:49 pm

Re: Neon Rings - CPU monitoring and weather suite

Post by bravo-lemur »

Version 1.2 is now available to download, with a new 'Settings' skin to adjust the colours, ring sizes, temperature units and other options across the suite.

If you come across any bugs, please let me know!

Image
bravo-lemur
Posts: 24
Joined: August 20th, 2020, 8:49 pm

Re: Neon Rings - CPU monitoring and weather suite

Post by bravo-lemur »

Tondascz wrote: October 12th, 2020, 8:48 am Hey i love this, and i want to ask you for link to that clocks and date on 2nd screenshot
Hi, sorry for not seeing your post before! The clock/date skin is from the Mond suite.

CodeCode wrote: October 12th, 2020, 6:29 pm Gorgeous.

Nice work!
Thank you!
User avatar
death.crafter
Rainmeter Sage
Posts: 1399
Joined: April 24th, 2021, 8:13 pm
Contact:

Re: Neon Rings - CPU monitoring and weather suite

Post by death.crafter »

bravo-lemur wrote: July 6th, 2021, 2:02 am Version 1.2 is now available to download, with a new 'Settings' skin to adjust the colours, ring sizes, temperature units and other options across the suite.

If you come across any bugs, please let me know!
Not a bug but a suggestion:

Code: Select all

[Variables]
OuterRadius=86
InnerRadius=58

[Container]
Meter=Shape
Shape=Ellipse [#OuterRadius],[#OuterRadius],[#OuterRadius],[#OuterRadius] | StrokeWidth 0 | Fill RadialGradient MyGradient
MyGradient=0,0,0,0,[#OuterRadius],[#OuterRadius] | 00000000;0.0 | 00000000;([#InnerRadius]/[#OuterRadius]) | 0,0,0,250;(([#InnerRadius]+[#OuterRadius])/(2*[#OuterRadius])) | 00000000;1

[Glow]
Meter=Shape
Shape=Ellipse [#OuterRadius],[#OuterRadius],[#OuterRadius],[#OuterRadius] | StrokeWidth 0 | Fill LinearGradient MyGradient
Shape2=Ellipse [#OuterRadius],[#OuterRadius],(([#InnerRadius]+[#OuterRadius])/2),(([#InnerRadius]+[#OuterRadius])/2) | Fill Color 0,0,0,1 | StrokeWidth 2.2 | StrokeColor FEFEFE
MyGradient=90 | 116, 188, 255;0.0 | 255, 73, 181;1.0
Container=Container
A better way to glow.

Preview:
Screenshot 2021-07-06 111042.png
bravo-lemur
Posts: 24
Joined: August 20th, 2020, 8:49 pm

Re: Neon Rings - CPU monitoring and weather suite

Post by bravo-lemur »

death.crafter wrote: July 6th, 2021, 5:42 am Not a bug but a suggestion:

Code: Select all

[Variables]
OuterRadius=86
InnerRadius=58

[Container]
Meter=Shape
Shape=Ellipse [#OuterRadius],[#OuterRadius],[#OuterRadius],[#OuterRadius] | StrokeWidth 0 | Fill RadialGradient MyGradient
MyGradient=0,0,0,0,[#OuterRadius],[#OuterRadius] | 00000000;0.0 | 00000000;([#InnerRadius]/[#OuterRadius]) | 0,0,0,250;(([#InnerRadius]+[#OuterRadius])/(2*[#OuterRadius])) | 00000000;1

[Glow]
Meter=Shape
Shape=Ellipse [#OuterRadius],[#OuterRadius],[#OuterRadius],[#OuterRadius] | StrokeWidth 0 | Fill LinearGradient MyGradient
Shape2=Ellipse [#OuterRadius],[#OuterRadius],(([#InnerRadius]+[#OuterRadius])/2),(([#InnerRadius]+[#OuterRadius])/2) | Fill Color 0,0,0,1 | StrokeWidth 2.2 | StrokeColor FEFEFE
MyGradient=90 | 116, 188, 255;0.0 | 255, 73, 181;1.0
Container=Container
A better way to glow.

Preview:
Screenshot 2021-07-06 111042.png
Damn, not only is that a more subtle effect but also far fewer lines of code!

Image
bravo-lemur
Posts: 24
Joined: August 20th, 2020, 8:49 pm

Re: Neon Rings - CPU monitoring and weather suite

Post by bravo-lemur »

I've used the same trick with rectangles and linear gradients to give the Settings skin a jazzy glowing line - I think it looks pretty rad! Of course it also changes colour and orientation based on the settings selected in the skin ;-)

Thank you so much for the advice!

Code: Select all

[Variables]
SBWidth=45
SBHeight=600

[MeterSettingsSidebar]
Meter=Shape
Shape=Rectangle 0,0,#SBWidth#,#SBHeight#,20,20 | Fill Color 0,0,0,255 | Stroke Color 0,0,0,0
Shape2=Rectangle (#SBWidth#-15),0,15,#SBHeight# | Fill Color 0,0,0,255 | Stroke Color 0,0,0,0

[MeterGlowLineContainer]
Meter=Shape
Shape=Rectangle (#SBWidth#-10),0,20,#SBHeight#,5,5 | StrokeWidth 0 | Fill LinearGradient SettContGrad
SettContGrad=180 | 0,0,0,0; 0.0 | 0,0,0,250; 0.5 | 0,0,0,0; 1.0

[MeterLineGlow]
Meter=Shape
Shape=Rectangle (#SBWidth#-10),0,20,#SBHeight#,5,5 | StrokeWidth 0 | Fill LinearGradient GlowLineGrad
Shape2=Rectangle #SBWidth#,0,2,#SBHeight# | StrokeWidth 0 | Fill Color #ActualRingColor#
GlowLineGrad=#SetGrad# | #GlowColor1#,255;0.0 | #GlowColor2#,255;1.0
Container=MeterGlowLineContainer

[MeterSettingsText]
Meter=String
StringAlign=CenterCenter
FontFace=Segoe UI SemiBold
FontColor=#White#
FontSize=16
InlineSetting=CharacterSpacing | 10 | 10
X=(#SBWidth#/2)-15
Y=(#SBHeight#/2)
Angle=(Rad(-90))
Text="SETTINGS"
AntiAlias=1
SettingsSkin.PNG
User avatar
death.crafter
Rainmeter Sage
Posts: 1399
Joined: April 24th, 2021, 8:13 pm
Contact:

Re: Neon Rings - CPU monitoring and weather suite

Post by death.crafter »

bravo-lemur wrote: July 6th, 2021, 10:27 pm Damn, not only is that a more subtle effect but also far fewer lines of code!

Image
The skin looked fancy and I wanted to try it out. But the glow somehow looked unnatural so I decided to look in to the code.

Well I am glad you liked it. And the settings skin looks pog. :thumbup:
Btw you can write

Show free space in harddrive

Instead of Show free GB in harddrive.
bravo-lemur
Posts: 24
Joined: August 20th, 2020, 8:49 pm

Re: Neon Rings - CPU monitoring and weather suite

Post by bravo-lemur »

More improvements :)
SettingsSkin.PNG
Attachments
Neon Rings_1.2.1.rmskin
(1.34 MiB) Downloaded 307 times
Post Reply