keys: ↑ ↓
keys: ↑ ↓
keys: ← →
Guest Access

View previous topic View next topic Go down  Message [Page 1 of 1]

GAME GRID (Rainmeter Skin) Empty GAME GRID (Rainmeter Skin)


From trying to make RMXP RGSS scripts to designing many game HUDs... making a skin with Rainmeter was like second nature. I really like the combinations of style, easy navigation, and monitoring performance with simpler coding to setup your graphical gadgets interface that you can share for others to interact with their windows pc.

GAME_GRID is my very first attempt towards learning Rainmeter and making an original TRON theme/skin.


GAME GRID (Rainmeter Skin) Gg10




GAME GRID (Rainmeter Skin) Untitl12
The user_disc is designed for the bottom-right corner.
It displays your account's avatar and user name.
Clicking on the avatar will toggle the additional user options.

1 - account settings (profile picture / password / etc... )

2 - current user's profile folder

3 - temp folder (good to keep clean)

4 - accessibility

5 - lock workstation

6 - log off


GAME GRID (Rainmeter Skin) Untitl13
The system_disc is designed for the bottom-left corner.
It displays your current time and date and computer name.
Clicking on the time/date will toggle the additional system options.

1 - recycle bin

2 - control panel

3 - libraries

4 - program files

5 - computer

6 - hover to display total uptime / click for start menu


GAME GRID (Rainmeter Skin) Untitl14
The root_disc is designed for the center of screen.
Clicking on it's center will toggle the popular links.


^,^ = gameface101.com

G = google.com

Y = yahoo.com

F = facebook.com

T = twitter.com

H = hotmail.com

YT = youtube.com

GM = gmail.com

W = wikipedia.org

L = linkedin.com

M = msn.com

B = bing.com


click on the disc to reveal a ribbon of shortcuts to your favorite programs (with a little editing)
GAME GRID (Rainmeter Skin) Untitl12

default links:

1 - calculator

2 - note pad

3 - paint

4 - blank

GAME GRID (Rainmeter Skin) Untitl13
The POWER_DISC is designed for the top corners of the screen.
It displays the battery life for portables.
Clicking on this disc will toggle power options:

1 - shut down

2 - restart

3 - sleep

GAME GRID (Rainmeter Skin) Untitl14
The hdd_discs ca be positioned anywhere on the screen.
They display total amount used versus free space.
Clicking on these discs will access the drive or will open the CD/DVD drive according to drive letter.


GAME GRID (Rainmeter Skin) Untitl15
CPU & RAM discs monitor and display usage, clicking on these will take you to the task manager.


GAME GRID (Rainmeter Skin) Untitl16
NET IN & OUT discs will monitor upload and download activity.
clicking on NET IN will take your to your downloads folder.


a more compact collection of commonly used system gadgets
(with advance tooltip)
GAME GRID (Rainmeter Skin) System10

P = processor
R = random access memory / task manager
^ = upload / network settings
v = download / downloads folder


choose preset colors and toggle transparency
GAME GRID (Rainmeter Skin) Color_10

top row:

1 - civilian teal
2 - control orange
3 - gangster green
4 - renegade white
5 - punk pink

white disc = transparent

bottom row:

6 - security red
7 - hacker yellow
8 - rebel blue
9 - power purple
10 - rbp (red.blue,purple)

black = solid


a smaller version of the drive discs with advance tooltips
GAME GRID (Rainmeter Skin) Minic10



GAME GRID (Rainmeter Skin) G101_g10
GAME_GRID default 1600X1200

1920x1080: GAME GRID (Rainmeter Skin) 1080gg10

1366x768: GAME GRID (Rainmeter Skin) 1366gg10


800 X 600
GAME GRID (Rainmeter Skin) Game_g11_800x600

1600 x 1200
GAME GRID (Rainmeter Skin) GAME_GRID_WALL_PAPER_space_fold_teal


800 X 600
GAME GRID (Rainmeter Skin) Game_g12_800x600

GAME GRID (Rainmeter Skin) GAME_GRID_WALL_PAPER_hotstreak

Requirements: windows PC

1.) Download Rainmeter (for free) ~ install

2.) Then download GAME_GRID v6.0 LCE

click on the raindrop, it will load the theme automatically

~hope you like the UI and please share feedback, this IS my first Rainmeter skin ever. ^,^


Please do not post this skin on any other site.
Feel free to share links to this public page.

This skin is free to use yet you must give credit.
Any edits must be shared here and not another site.

The GAME_GRID project will be ongoing as there are future plans for other color themes, features, wallpapers, and more. Please recognize the time, effort, and energy by making a donation.

Make a donation and support the Game_Grid project today!
https://www.dropbox.com/sh/i47rig99qhrvn8s/4m5HvsM2fD http://g4m3f4c3.deviantart.com https://www.facebook.com//pages/Gameface101/332331300127008 https://twitter.com//mr_gameface101 https://soundcloud.com/schurr https://www.youtube.com/user/MrGameface101?feature=watch
mr_wiggles Re: GAME GRID (Rainmeter Skin) on 29/7/2012, 1:26 pm
i member messing with rain meter for a little bit qhen it was on my old computer. yea the syntax of the code is fairly easy to pic up. and its kinda fun making new themes.
BluE Re: GAME GRID (Rainmeter Skin) on 29/7/2012, 8:07 pm
Looks pretty good. Would it be possible to add perhaps a music player or something? I know that the one I use (recommended mainstream APB) has a thing that connects to your iTunes. Something else that would be flashy is a file browser or something
swoop Re: GAME GRID (Rainmeter Skin) on 30/7/2012, 2:18 am
hmm its pretty good.. the theme is similar all the way through. thats a plus it looks cluttered a bit tho
mr_wiggles Re: GAME GRID (Rainmeter Skin) on 30/7/2012, 11:43 am
@blue as far as i know you can add just about anything you want. i think its java script, or lua. leaning more towards lua.
MotionM Re: GAME GRID (Rainmeter Skin) on 30/7/2012, 1:32 pm
Looks good Gameface. Hope it all works out fine. Razz
G@MeF@Ce Re: GAME GRID (Rainmeter Skin) on 30/7/2012, 5:56 pm
Just learned a few more tricks in using roundlines so I've remade the gadgets to have no shaded bar backing, now you can just click on the discs for the paths and bangs ++

I will certainly add the common folders and a music player to the first collection of gadgets with other color schemes +++

I appreciate the feedback guys <3
BluE Re: GAME GRID (Rainmeter Skin) on 30/7/2012, 7:59 pm
Is there a transparency option?
G@MeF@Ce Re: GAME GRID (Rainmeter Skin) on 31/7/2012, 12:41 am
@blue - I just learned how to make an ".inc" file that will include all the variables such as folder paths, positioning, color and alpha for opacity/transparencies +

so instead of changing each gadget one by one, you can change them all through the .inc file. kind of like css for html.

so plenty of options by simply making edits using notepad.

edit: oh and just figured out rainmeter's set transparancy feature +++ now the skin can be transparent until mouse over then it will become solid then transparent after mouse leave +++

G@MeF@Ce Re: GAME GRID (Rainmeter Skin) on 1/8/2012, 10:30 pm
making serious progress with barely any setbacks +

check the original post for the latest developments

+ adding color variants for each gadget

(let me know if any you have a color in mind + )

+ developing the USER_DISC: hover mouse over the gadget then user options will appear such as restart, logoff, lock workstation, etc... then just click to hide, after using, it will fade or become transparent so it's not in the way of your awesome wallpaper ^,^

theme/skin completion:

civilian teal 80%
gangster green 50%
police orange 50%
renegade white 50%
snowghost20 Re: GAME GRID (Rainmeter Skin) on 2/8/2012, 6:22 pm
I really like the orange skin. I'm really impressed by your work. Keep it up! Very Happy
G@MeF@Ce Re: GAME GRID (Rainmeter Skin) on 3/8/2012, 3:20 pm
^ thanks sno - I sent you the beta version of the skin for you to test before it gets released, kick it around and give me your feedback.

MotionM Re: GAME GRID (Rainmeter Skin) on 7/8/2012, 2:33 am
GAME GRID (Rainmeter Skin) 13443111
Could this work for a background too? Smile
G@MeF@Ce Re: GAME GRID (Rainmeter Skin) on 7/8/2012, 7:15 am
sure! (dig that purple +) it would work well with all color schemes
(4 so far)

I've been using a tron-like g101 logo as the wallpaper throughout the development.
Here's the latest look at what I'm about to release.
Lot's of coding, just about every gadget toggles more options or executes a command when tap/clicking on it. Works great with mouse and touch ++

options hidden

GAME GRID (Rainmeter Skin) Untitl10

show options

GAME GRID (Rainmeter Skin) Untitl11

90% complete
Onesimus Re: GAME GRID (Rainmeter Skin) on 7/8/2012, 7:47 am
looks awesome!!
MotionM Re: GAME GRID (Rainmeter Skin) on 7/8/2012, 11:15 am
Cant wait!
G@MeF@Ce Re: GAME GRID (Rainmeter Skin) on 22/8/2012, 2:36 am
version 1 has been released, check the OP (original post)


Onesimus Re: GAME GRID (Rainmeter Skin) on 22/8/2012, 3:20 am
Very nice skin gameface !

Love to see the discs maybe be bigger/slightly transparent.

Love the extra features on every widget. Looking forward to the next patch!!!
G@MeF@Ce Re: GAME GRID (Rainmeter Skin) on 22/8/2012, 3:34 am
thx 1z - it's getting there, next version will have some transparency options for sure +
MotionM Re: GAME GRID (Rainmeter Skin) on 22/8/2012, 1:02 pm
This is using a 1366 x 768 resolution and the wallpaper I was going to use for this:GAME GRID (Rainmeter Skin) Mine10

and this is the one you suggested to use:GAME GRID (Rainmeter Skin) Yours10
G@MeF@Ce Re: GAME GRID (Rainmeter Skin) on 22/8/2012, 1:58 pm
@M\'s trade mark - cool! looks like you got plenty of hard drive space ^,^

the show/hide/toggle slider is made to anchor on the left of the screen.

I'll make ones for the top, bottom, and right

any recommendations for shortcuts to sites, folders, lemme know <3

MotionM Re: GAME GRID (Rainmeter Skin) on 22/8/2012, 4:26 pm
I'd have more Hard drive space if I didn't have 30 GB of Star Trek: The Original Series. *cough*

You could make a shortcut to the forum. Very Happy
Is the slider supposed to be like a dock? Also how do I get the dude for the User Disc?
G@MeF@Ce Re: GAME GRID (Rainmeter Skin) on 22/8/2012, 4:55 pm
MotionM wrote:how do I get the dude for the User Disc?
the picture inside the user disc is your profile picture,

try changing your profile pic, see if that does the trick.

*I'll never forget I met this weird programmer in one of my old jobs,
he was so nerd we had to find out if he was a Star Trek fan or a Star Wars fan... the guy who asked got yelled at because he didn't ask if he was a Star-Gate fan lolz
MotionM Re: GAME GRID (Rainmeter Skin) on 22/8/2012, 5:21 pm
Awesome, Ill try to do that then.

LOL Yeah, can't forget Stargate. Wink

Also, for Onesimus, there is an option if you right click on the parts of the Theme and go to Settings, you can change the transparencies in there from 0% to 100%
Onesimus Re: GAME GRID (Rainmeter Skin) on 23/8/2012, 3:44 am
Thank M!
G@MeF@Ce Re: GAME GRID (Rainmeter Skin) on 3/9/2012, 7:19 am
new GAME_GRID version 2.1 added to Original Post.

polished up the SYSTEM_DISC, USER_DISC, and ROOT_DISC
(scripts have been added to the OP)

dl and check it out if you haven't already...

this skin is pure code and font, no images required.
Onesimus Re: GAME GRID (Rainmeter Skin) on 4/9/2012, 6:38 am
Woot new patch!
G@MeF@Ce Re: GAME GRID (Rainmeter Skin) on 4/9/2012, 11:54 pm
don't get too excited about this one, it was basically cleaning up the option links, this next one will finalize the remaining options and the style.
(includes a custom wallpaper)

here's a peep @,@

GAME GRID (Rainmeter Skin) Gg_pee10

then after that, the other color themes! +
Onesimus Re: GAME GRID (Rainmeter Skin) on 5/9/2012, 3:44 am
Looking forward to it.
G@MeF@Ce Re: GAME GRID (Rainmeter Skin) on 5/9/2012, 4:10 pm
GAME_GRID 3.0 released! +

lots of improvements to the style, performance, and functionality.

new download link in original post. enjoy ^,^
MotionM Re: GAME GRID (Rainmeter Skin) on 5/9/2012, 5:36 pm
Resized the wallpaper for anyone with a different resoultion

1920x1080: GAME GRID (Rainmeter Skin) 1080gg10

1366x768: GAME GRID (Rainmeter Skin) 1366gg10

Let me know if you need a certain size. Razz
G@MeF@Ce Re: GAME GRID (Rainmeter Skin) on 6/9/2012, 2:25 pm
@M\'s trade mark - ^ thx for resizing, think you could do some recolors? I'm planning on making some more wallpapers according to the color themes now that I got them working Cool

@all - awwww yeah baby, new version 4.0 released! ++

there's now a new tab_disc on the right which toggles color themes!!

control orange, gangster green, renegade white, and back to default... civilian teal.
G@MeF@Ce Re: GAME GRID (Rainmeter Skin) on 6/9/2012, 9:48 pm
another update!?

well I had some free time in between busy parts of my day and had a fever for more color themes!

GAME GRID (Rainmeter Skin) Tabgg10

^now the TAB_DISC_RIGHT has 8! color themes to choose from ^,^

edit: original post has been updated.

I'll update the original post later,
and fyi... the next update won't be anytime soon :~P
MotionM Re: GAME GRID (Rainmeter Skin) on 7/9/2012, 10:36 am
Hmm, not too sure on if I could do a recolor. I'll mess around with it and see what I can do.
MotionM Re: GAME GRID (Rainmeter Skin) on 7/9/2012, 4:46 pm
The ones below on in 1920x1080. I couldn't do the Red one right because it looks very crappy. If you want to try it, GAME GRID (Rainmeter Skin) 1080re10

GAME GRID (Rainmeter Skin) 1080gr10

GAME GRID (Rainmeter Skin) 1080or11

GAME GRID (Rainmeter Skin) 1080wh10

GAME GRID (Rainmeter Skin) 1080pu10

GAME GRID (Rainmeter Skin) 1080bl10

GAME GRID (Rainmeter Skin) Yellow10
G@MeF@Ce Re: GAME GRID (Rainmeter Skin) on 7/9/2012, 7:37 pm
awesome M\'s trade mark they all look great +

thx for doing this +

next time I won't merge layers/flatten image after saving the .psd

MotionM Re: GAME GRID (Rainmeter Skin) on 7/9/2012, 8:17 pm
No problem. It's just another 45 minutes of my day. Razz
kat17155 Re: GAME GRID (Rainmeter Skin) on 7/9/2012, 10:52 pm
Wow these look hella clean! Can't wait to get a purple theme Razz
G@MeF@Ce Re: GAME GRID (Rainmeter Skin) on 8/9/2012, 1:58 am
kat17155 wrote:Wow these look hella clean! Can't wait to get a purple theme Razz

gotta have purple +

click on the tab disc on the right

GAME GRID (Rainmeter Skin) Co_pur10

there you will find the purple setting ^,^
swoop Re: GAME GRID (Rainmeter Skin) on 8/9/2012, 5:16 am
impressive! i def love the color selector!

i enjoy the new link buttons and the custom wallpaper really ties in your theme!.

suggestions (cause you know i'd have some)

combine some of the disks.. drivespace and upload download should be one disk. you dont need to know your drive space at all time. but maybe a good like heartbeat pulse like a light cycle..

perhaps some movements.. ive seen some themes with just animated things.. to add character.

sounds Smile i know theyre coming.. but i need to hear some cool sounds.

and some custom icons for the profile.. a Q or Tron or the uprising char..

last link in the disk on the left.. ITUNES? WINAMP?

maybe a link disk that extends vertically

just some ideas.. i know how you like your interface.. everything upfront.. so im not gonna comment on the busy'ness of it Smile..

over all A! more than i ever can do

MotionM Re: GAME GRID (Rainmeter Skin) on 8/9/2012, 12:32 pm
Isn't there an option in most to change the wallpaper as well? Maybe associate the colors with the wallpapers as well. If you're going to do this, tell me what size you want the wallpapers and I'll resize them.

There any plans for a dock as well?
kat17155 Re: GAME GRID (Rainmeter Skin) on 9/9/2012, 9:30 pm
The purple is really pretty I love you

Is there a way to make the size smaller?
MotionM Re: GAME GRID (Rainmeter Skin) on 9/9/2012, 9:43 pm
There a certain size you want? It'll only take me a minute to do.
G@MeF@Ce Re: GAME GRID (Rainmeter Skin) on 1/1/2013, 5:47 am
haven't forgot about the transparency control feature, other than that I may look into a re-sizing feature or the same gadgets just re-sized... new video demo in original post +
G@MeF@Ce Re: GAME GRID (Rainmeter Skin) on 6/1/2013, 5:24 am
well all right!

The new GAME_GRID 5.0 T1 FINAL
has been uploaded, find the download link in the original post.

new transparency toggle!
white disc = transparent
black disc = solid
GAME GRID (Rainmeter Skin) Transp10

makes it even more tron like +

GAME GRID (Rainmeter Skin) Transp11_800x600

trick out your PC's desktop!

works like a charm on this s10-3t
(which is a little touch tablet 'net' book)
G@MeF@Ce Re: GAME GRID (Rainmeter Skin) on 6/1/2013, 6:33 pm
just a few samples of some new wallpapers to come...


800 X 600
GAME GRID (Rainmeter Skin) Game_g11_800x600

1600 x 1200
GAME GRID (Rainmeter Skin) GAME_GRID_WALL_PAPER_space_fold_teal


800 X 600
GAME GRID (Rainmeter Skin) Game_g12_800x600

GAME GRID (Rainmeter Skin) GAME_GRID_WALL_PAPER_hotstreak

swoop Re: GAME GRID (Rainmeter Skin) on 7/1/2013, 5:04 pm
Looks good bro!
G@MeF@Ce Re: GAME GRID (Rainmeter Skin) on 20/5/2013, 5:43 am
get the latest version of Rainmeter
and checkout the latest version for GAME_GRID
6.0 LCE (light cycle edition)
download GAME_GRID 6.0 LCE

more features, advance tooltips, more click/tap commands, mini versions of the original discs and new tabs, more gadgets to setup your own custom disc interface, still pure script drawn.

+ new systems tab (compact)
GAME GRID (Rainmeter Skin) System10

P = processor
R = random access memory / task manager
^ = upload / network settings
v = download / downloads folder

+ 2 new color schemes + punk pink and RBP (red,blue,purple)
GAME GRID (Rainmeter Skin) Color_10

+mini drives with advance tooltips
GAME GRID (Rainmeter Skin) Minic10

updating this post and original post +
Onesimus Re: GAME GRID (Rainmeter Skin) on 30/5/2013, 5:18 am
Updated my screens with the new Rainmeter skin looks great.
Screen 1
GAME GRID (Rainmeter Skin) Ggq6qI3
Screen 2
GAME GRID (Rainmeter Skin) KVkFJ4V

Sponsored content Re: GAME GRID (Rainmeter Skin) 

View previous topic View next topic Back to top  Message [Page 1 of 1]


Chatbox system disabled
Personal messaging disabled