Shop Mobile More Submit  Join Login
×




Details

Submitted on
May 29, 2012
File Size
35.5 KB
Submitted with
Sta.sh
Link
Thumb
Embed

Stats

Views
16,580 (12 today)
Favourites
55 (who?)
Comments
75
Downloads
3,987 (4 today)

License

Creative Commons License
Some rights reserved. This work is licensed under a
Creative Commons Attribution-Noncommercial-Share Alike 3.0 License.
×
Hexagonads Launcher 2.0 by YGKtech Hexagonads Launcher 2.0 by YGKtech
It's finally done. Months in the making, this is my total overhaul of my most popular skin to date, Hexagonads.

Every facet of the skin has been re-programmed and expanded. And I mean expanded a LOT. The final version of Hexagonads 1.0 consisted of 647 lines of code. Version 2.0 is the product of 1,591 lines of code.

**************************************************

This is an application launcher for Rainmeter, made as part of my ongoing "Project Ghost" suite.

Each hexagon is an button which can be set to open any program or folder on your computer.

The buttons change color when you mouse over them, and flash when clicked.

You can change the dimensions of the array to suite your preferences. The current limit is a 8 x 8 array. To do so, simply change the count.X and count.Y variables in the *.ini file.

Better yet, if you don't like the size of the buttons, the whole skin can be made larger or smaller by adjusting a single variable. Open the *.ini file and find the variable "scale = 2.5". Increasing this number will shrink the skin and lowering it will make the skin larger.

To add programs to the launcher, you will need to find the directory path of your desired program/folder and add it to a "Path#,#" variable of your choice. For example; to set the top left hexagon to launch the windows calculator, open the .ini file and find the line:

Path1,1 =

and change it to:

Path1,1 = C:WindowsSystem32calc

The preview image should help you to find which lines correspond to which hexagons.

Following each "Path#,#" variable is a "Tip#,#" variable. here you can write a title that will be displayed in the middle of the button. There are also settings for removing the titles or enabling Tool-tip's that will use the same text.

Wallpaper in the background is Wallpaper is El-Felipe's Wallpaper

VS is mini'em all by snipes2

NOTE: even though not all 64 hexagons are displayed, rainmeter still creates a frame around the hidden ones, if you simply disable the "keep on screen" option this shouldn't matter. I am working on a way to fix the underlying issues, but it is easy enough to just change the setting for now.

EDIT: replaced a few instances of #black# with #norm#. changing the value of #norm# should effect all hexagons now.
Add a Comment:
 
:iconshimotot:
ShimotoT Featured By Owner Oct 9, 2014  Hobbyist General Artist
After I worked out my issues, such as not knowing exactly how to work this, it has improved my desktop ten-fold. Great skin!
Once you get used to it, you will learn how to fully customize it. It's great for any desktop!
Reply
:iconygktech:
YGKtech Featured By Owner Oct 14, 2014  Hobbyist Interface Designer
Thanks for your appreciation :)
Reply
:iconphenixmightheart:
PhenixMightheart Featured By Owner Edited Sep 9, 2014  Hobbyist Photographer
plz help me i really like the skin u have there 
but there is alittle problem 
it consuming too much cpu resources . and its jamming the others rainmeter theme i have .
i had tried to disable them and running ur skin over and  over again but there is no success 
plz help me 
and plz dont question my hardware 
its a decent hardware 
i5-4690k a gtx titan z graphic card 
and thats to much for a rainmeter to handel .
so plz tell e what is the problem ASAP.

and i cant drag this skin plz fix this to.
Reply
:iconygktech:
YGKtech Featured By Owner Sep 9, 2014  Hobbyist Interface Designer
Interesting, I've never seen this skin cause problems due to resource usage.

open up the Hexagonads.ini (right click -> edit skin), and make sure it says Update = -1 near the top.  Unless that value was changed somehow, I cannot think of a reason this skin would be difficult for a high end computer to run.  Have you tried reinstalling rainmeter, and are you having trouble with any other skins?

in order to drag the skin, you need to disable the "keep on screen" setting for the skin, which is on by default for all rainmeter skins.  Right click on the skin, then click on Settings -> Keep on Screen and you should be able to drag it.
Reply
:iconphenixmightheart:
PhenixMightheart Featured By Owner Sep 10, 2014  Hobbyist Photographer
i already do that 
i already check that update = -1 
and my rainmeter version is 3.3.0 beta r2313 64bit
no i am not  having trouble with any other skins 
plz help me i really want to try your skin
Reply
:iconygktech:
YGKtech Featured By Owner Sep 10, 2014  Hobbyist Interface Designer
Copy the [variables] section of your Hexagonads.ini file and send it to me in a note, also send me the [Project Ghost\Hexagonads] section from your Rainmeter.ini file.  I might be able to find something out with those.

Have you tested it with a non-beta version of rainmeter?  I don't think the beta would cause problems, but it is the only thing that seems out of the ordinary.
Reply
:iconnjrzr:
NJRZR Featured By Owner Edited Jul 9, 2014
I liked this dock, I'm using and making the tweaks that you post, thanks man, I'm just starting using with smplcty, I like to keep it simple, XD
P.D: check the image: fav.me/d7pwc18, is a little mess with the icons -_-
Reply
:iconygktech:
YGKtech Featured By Owner Jul 13, 2014  Hobbyist Interface Designer
Thanks for the comment, I always like seeing what people are able to do with my skins.  Nice work customizing the skin, it ties together nicely with the rest of your desktop.
Reply
:iconkyodjinn:
Kyodjinn Featured By Owner May 30, 2014
Is there any way to remove that one half-hexagon?
Reply
:iconygktech:
YGKtech Featured By Owner May 31, 2014  Hobbyist Interface Designer
Yes, here's a guide in the most basic terms in case anyone else wants to do so:

1) open the Hexagonads.ini file in a text editor (just right click and select "Edit skin")

2) locate the section labeled [Anchor] (it should be on the 600th line of the text file, in notepad use Ctrl+G to jump to a specified line number)

3) place a semicolon ( ; ) in front of every line in that section, including the [Anchor] tag.

4) save the file

5) right click on the skin and select "Refresh skin"

You should see the half hexagon disappear.

without the [Anchor] it is difficult to re-position the skin, so if you want to bring it back to re-organize your desktop, simply open the Hexagonads.ini file again, and remove all the semicolons you added.
Reply
:iconkyodjinn:
Kyodjinn Featured By Owner Jun 9, 2014
thanks!
Reply
:iconshimotot:
ShimotoT Featured By Owner Oct 9, 2014  Hobbyist General Artist
I don't know if this is only me on not, but I found the anchor on line 427 myself.
Reply
:iconrapidgorilla:
rapidgorilla Featured By Owner May 7, 2014
First time using rainmeter and I'm so glad this is the first skin I found. I'm trying to downscale the whole thing but can't seem to find "scale=2.5" anywhere. HELP
Reply
:iconygktech:
YGKtech Featured By Owner May 11, 2014  Hobbyist Interface Designer
Sorry I didn't see this comment sooner; if you right click on the skin and select "Edit Skin" a text file should ope, the scale setting will be on line 21 of the text file, just make the adjustment, save the file, and the refresh the skin (also done from the right-click menu)
Reply
:iconscorpia14:
scorpia14 Featured By Owner Mar 17, 2014  Hobbyist General Artist
Great skin and I love it, but im having issues changing the color of the font. Do you know what I can do to fix it? and the font face is not changing ether. Thx!
Reply
:iconygktech:
YGKtech Featured By Owner Mar 19, 2014  Hobbyist Interface Designer
This is another quirk I'll need to fix in the next release:  there are two key color variables in the skin, #hover# and #norm#, when you mouse over a button, the hexagon changes color from #norm# to #hover#, and the text does the opposite, switching from #hover# to #norm#.  I thought this would be a good way to ensure a good contrast between the button and the text, and for the most part it is, but it makes changing the font color somewhat difficult.  Whenever someone asks a question about how to make a certain modification to one of my skins I like to reply with a generalized guide so everyone can see how to do it, here we go:


each button label corresponds to a [t#,#] section (for example, the top-left button's label is [t1,1]) in each of these sections I have the line:
FontColor = #hover#

by changing #hover# to a color value or a different variable assigned to a color value, you can change the color of the font when the skin loads.  But that alone isn't enough, because in the code for each button I set the font color to either #norm# or #hover# whenever the button changes color, in order to maintain contrast.  So even if you change the color of the font when the skin loads, as soon as you move your mouse over a button the text color will change back to #hover/norm#.

The best solution to this I can think of would be to create a new pair of color variables, #Font.norm# and #Font.hover#, which you can do by adding the following lines to the [variables] section:

Font.norm = #blue#
Font.hover = #red#

(here I am using the color variables included in the skin by include=allcolors.inc which copies a list of ~800 color variables into the program, you can find the file in the skin folder to see what's available, you can also use any of rainmeter's color codes, they provide a color picker for these here: rainmeter.net/color  simply replace blue and red with whatever color's you would like the font to switch between when you move your mouse over a button, they can be the same color if you'd like) 

then rewrite the [r#,#] and [t#,#] sections you use to make use of these variables.  Here is how [r1,1] and [t1,1] would look after the change:

[r1,1]
Meter = image
Group = Hex | C1 | R1
MeterStyle = sButton | sRow1 | sCol1
ImageTint = #norm#
ToolTipText = #Tip1,1#
MouseOverAction = !Execute [!SetOption r1,1 ImageTint #hover#][!SetOption t1,1 FontColor #Font.hover#][!update]
MouseLeaveAction = !Execute [!SetOption r1,1 ImageTint #norm#][!SetOption t1,1 FontColor #Font.norm#][!update]
LeftMouseDownAction = !Execute [!SetOption r1,1 ImageTint #norm#][!SetOption t1,1 FontColor #Font.norm#][!update][!SetOption r1,1 ImageTint #hover#][!SetOption t1,1 FontColor #Font.hover#][!update]
LeftMouseUpAction = !Execute [!SetOption r1,1 ImageTint #norm#][!SetOption t1,1 FontColor #Font.norm#][!update][!SetOption r1,1 ImageTint #hover#][!SetOption t1,1 FontColor #Font.hover#][!update]["#Path1,1#"]

[t1,1]
Meter = String
Group = Strings | C1 | R1
MeterStyle = sText
FontColor = #Font.norm#
Text = #Tip1,1#

notice that wherever I set FontColor to #hover# I now set it to #Font.norm# and wherever I set it to #norm# I set it to #Font.hover#, this is because the original code always had text be #hover# when the button was #norm# and vice versa.

adding the new color variables is easy enough, but changing all the button and label sections to use them may be a bit tedious, if you have a good text editor like notepad++ you can use find & replace operations to efficiently make the changes, or if you only use a few buttons you can figure out which meter's they correspond to and make the changes by hand.


As for the font face not changing, all you should need to do is change this line near the bottom of the [variables] section:

    Font.face = Trebuchet MS

to whatever font you want, in theory that is.  I've has some trouble in the past getting Rainmeter to use fonts, mostly because I don't think there is a way to see all the fonts rainmeter has access to, and without an encyclopedic knowledge of font's I don't really know which ones I can expect to work.  I know changing it to Times New Roman works (though that is a terrible font for labeling buttons, too narrow), I would assume you have access to all the fonts MS word has access to, so you can try previewing fonts in there are copying their names into the skin config file to see if they work.  Here is the rainmeter font guide for further reference: docs.rainmeter.net/tips/fonts-…

Thanks for your enthusiasm for my skin, comments like this make me want to get back into rainmeter coding, but it's hard to find the enthusiasm/free time as a full time computer science student with a part-time job that also involves programming.  I love programming but I can only do so much of it in a day before I get tired of it.  Let me know if you have any more questions about the skin, I don't update skins much but I do keep an eye on my messages and try my best to help people who leave a comment.
Reply
:iconbootboss:
Bootboss Featured By Owner Feb 6, 2014
I know this is maybe a bit too much to ask for XD But I really love this and I have it up all and running, but I cant just get the icons to work... Is it possible that someone could show an example of how the code looks for their working setup? It would help me out alot :)
Reply
:iconygktech:
YGKtech Featured By Owner Feb 8, 2014  Hobbyist Interface Designer
have you followed the guide I posted in the comments? I should probably make a update to include the code by default, but I haven't gotten around to it yet and I'm not likely to do so any time soon.

once you have added to code I posted to your Hexagonads.ini file, you just need to add the name of the image file you want to use to the right [t#,#] meter and it should show up just fine. (you also need to put the image file in the Hexagonads skin folder, the same place the Hexagonads.ini file is located).

If you still can't get it working after doing that, make sure you have the latest version of rainmeter.  If it is still not working you can send me your code, or I could try and motivate myself to make a proper update to this.
Reply
:iconkknight321:
kknight321 Featured By Owner Sep 24, 2013
Is there a way to have multiply color for it, than just 1 color throughout? Sorry if it a stupid question ^^"
Reply
:iconygktech:
YGKtech Featured By Owner Mar 2, 2014  Hobbyist Interface Designer
For some reason I never noticed this question, I'm sure you aren't checking back regularly looking for an answer, but I'll post one anyways in case someone else is wondering the same thing.

I short, yes.  Is is possible to have each button have different colors, but there isn't a easy way to do it yet.  You can change the colors for a specific hexagon by editing the appropriate [r#,#] section of the config file.
Each button has a section in the file like this, and they all have this line:
 
     ImageTint = #norm#

By replacing #norm# with a different color, either using a color code or using one of the many color variables provided by my include files available here: ygktech.deviantart.com/gallery…
you will change the color of the hexagon when the skin is loaded.  But as soon as you mouse over or click on the button it will be set back to #norm#, so you will have to replace #norm# in all of the Mouse Action statements as well, so it can be a bit tedious.

If you have a good text editor you can use a "replace all in selected" operation to change all instances of #norm# in a selected region of text with some other string (the variable name or color code for your desired color).

As you can see, the change boils down to replacing a few lines of text, but it can become quite tedious to do it on a large scale.  Eventually I would like to make some revisions to this skin to make it easier to customize, and maybe even have it randomize the colors when you click on a button, but don't expect anything out of me in the near future.

As always, if my explanation wasn't clear, let me know what you need help with and I'll do my best to try and help you.
Reply
:iconkknight321:
kknight321 Featured By Owner Mar 5, 2014
Your explanation is clear-cut, helps me understand a whole lot of thing :) I really appreciate it... But....I'm a lazy person...So, for now..HAhahaaa...
Reply
:iconsugarnoodle:
SugarNoodle Featured By Owner Sep 17, 2013
Hey I had the problem with the half hexagon and when I found the halfhex.png and deleted it everything was ok but now I cannot drag the hexagons anywhere even with the "Keep it on the screen"- Off :/
What I change to the Anchor part to make it dragable from another hexagon? Please help :/
Reply
:iconygktech:
YGKtech Featured By Owner Sep 18, 2013  Hobbyist Interface Designer
If you just delete the LeftMouseDownAction and LeftMouseUpAction portions of [r1,1] (or any other of the hexagon meters) it should let you drag from that hexagon.
Reply
:iconsugarnoodle:
SugarNoodle Featured By Owner Sep 20, 2013
Yeah it worked fine!Thank you!
Reply
:iconzzzzzkiller:
zZzZzkiller Featured By Owner Aug 7, 2013
Just what I was looking for thx
Reply
:iconthecow4rd:
TheCow4rd Featured By Owner Mar 20, 2013
I'm having issues with the positionning of the plugin. As you can see in this screenshot: [link], the plugins sticks to the upper part of the screen. I can only change horizontal position. I tried using Rainmeter coordinates positionning, but it goes back to zero every time. Do you have any idea why, and otherwise, what part of the .ini file can i change to fix it ?
Reply
:iconygktech:
YGKtech Featured By Owner Mar 20, 2013  Hobbyist Interface Designer
right click on the skin, go to settings and uncheck "Keep on screen"

Rainmeter enables this setting by default, and I don't know of a way to make rainmeter ignore the disabled buttons, so it thinks the skin is really tall and wont let you move it off the screen.
Reply
:iconthecow4rd:
TheCow4rd Featured By Owner Mar 21, 2013
Thank you, it worked fine ;)
Reply
:iconygktech:
YGKtech Featured By Owner Mar 21, 2013  Hobbyist Interface Designer
glad to help :)
Reply
:iconboganator:
boganator Featured By Owner Mar 19, 2013
No matter what i change count.y and count.x to, there is still noly the half hexagon on my screen, can anyone help with this?
Reply
:iconygktech:
YGKtech Featured By Owner Mar 19, 2013  Hobbyist Interface Designer
What version of rainmeter are you using? I've seen that problem when using this skin on an out of date version of rainmeter.

Another possibility is that somehow the image used for the hexagons was moved, renamed, or deleted. Open the folder where the skin is installed and make sure there is an image file named 'hex.png' in the same folder as the 'Hexagonads.ini' file
Reply
:iconfan360742437:
fan360742437 Featured By Owner Mar 15, 2013
Best Rainmeter launcher I ever had!!!!
But here is an issue about the text.
How can I keep the first letter in lower case and second letter capitalized?
Such as "iTunes",It keeps showing "Itunes".
Reply
:iconygktech:
YGKtech Featured By Owner Mar 16, 2013  Hobbyist Interface Designer
This is a mistake I've been meaning to correct for a while now but haven't gotten around to posting an update for it.

In the [variables] section, under the Font Controls label you should find the line "Font.style = proper" simply change proper to normal and the text will display exactly as you type it in the .ini file.

thanks :D
Reply
:iconfan360742437:
fan360742437 Featured By Owner Mar 16, 2013
Thanks a lot for the help~~
Reply
:iconfan360742437:
fan360742437 Featured By Owner Mar 16, 2013
Did you mean "Font.case"? cause"Font.Style" are already = normal.
Reply
:iconfan360742437:
fan360742437 Featured By Owner Mar 16, 2013
"Font.Case" worked!
Reply
:iconchop007:
chop007 Featured By Owner Jan 22, 2013
Wow, fantastic work. I love the way it is fully customizable. Truly a work of art for the individual. Thank you.
Reply
:iconygktech:
YGKtech Featured By Owner Jan 22, 2013  Hobbyist Interface Designer
Thanks! Always happy to hear my creations are appreciated :)
Reply
:iconkhalum777:
khalum777 Featured By Owner Nov 20, 2012
How do I make the name of it an icon instead of a title, could someone please tell me?
Reply
:iconkhalum777:
khalum777 Featured By Owner Nov 20, 2012
Heh, oops, forgot to put .ico in front of the name...
Reply
:iconcissed:
cissed Featured By Owner Nov 6, 2012  Hobbyist Digital Artist
Great work on these launchers YGKtech, I've been using them on this [link] rainmeter theme that i'm building and I was wondering if there is a way to put an image overlay on the hexagons.
I've tried modding and changing the picture of the hex (made 6 icons for the hex) but I'd rather have the icon of the program not changing color when you mouse over.
As you can see the Hexgon image is edited. I'm trying to make another image appear on the hexagon when it's mouse over-ed.

Thanks man, great work.
Reply
:iconygktech:
YGKtech Featured By Owner Nov 6, 2012  Hobbyist Interface Designer
Always happy to see how my skins get used; especially when it's in a well put together theme like yours.

I've had people request the image feature before and I've always said 'maybe later'. I think I can do a bit better than that this time; I'll work out the code to add an image to the skin to fit a specific hexagon. I'm not promising anything complete, but I think it should be enough for you to patch your copy to satisfaction.

The code will basically amount to adding a new image meter, positioning it relative to the right hexagon meter, and manipulating it's visibility with !bang commands, much like how I implemented the button labels.

I have some project deadlines to meet for school over the next few days, but whenever I'll try to get something put together by the weekend.
Reply
:iconcissed:
cissed Featured By Owner Nov 7, 2012  Hobbyist Digital Artist
No pressure man, like I said, I'm pretty new to rainmeter and hopefully learning alot.

I'd prolly try to patch up the codes, sometimes the logic of it all is the problem, and with what you've said, that might help. Specially with the lines of codes that are already there. Thanks man.
Reply
:iconygktech:
YGKtech Featured By Owner Nov 11, 2012  Hobbyist Interface Designer
I've got a general workup of it now:

add the following to the end of the [variables] section:
;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;
;;;;;;;;;;;; Icon Controls
;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;
icon.w = 200
icon.h = 200
icon.alpha = 255

then add these measures following [cH] :

[cWi]
measure = calc
Group = Pos
Formula = (#icon.w# / #scale#)

[cHi]
measure = calc
Group = Pos
Formula = (#icon.h# / #scale#)

Then add this after the [sButton] section:

[sIcon]
AntiAlias = 1
DynamicVariables = 1
PreserveAspectRatio = 1
W = [cWi]
H = [cHi]
X = ((0.5 * [cW]) - (0.5 * [cWi]))r
Y = ((0.5 * [cH]) - (0.5 * [cHi]))r
ImageAlpha = #icon.alpha#

Now, replace the contents of a [t#,#] section like so:

[t1,1]
Meter = Image
MeterStyle = sIcon
PreserveAspectRatio = 1
ImageName = icon.png


where icon.png is the name of the image file you wish to use.

This code should work as a general framework to center images on the hexagons, and allow you to make them all fit to the same scale. It will take some fiddling to get the sizing right, but it should work great once you have it figured out.

Since I was able to work out an elegant implementation I'll almost certainly roll this into the next release, I still need to work out how to make this fit alongside the textual reminders, but that is a problem for another time. Enjoy!
Reply
:iconcissed:
cissed Featured By Owner Nov 14, 2012  Hobbyist Digital Artist
Dude. [link]
Reply
:iconpixeldot1:
pixeldot1 Featured By Owner Oct 29, 2012
got it all figured out,i am thinking of tweaking it so i can have another iteration of it,for artistic aims.
Anyway it is by far the best skin i ever used,as a matter of fact one day this could be fitted as component of
touch screen.
another item i would like to see is free hexagons to place anywhere.
do well in your studies will in the mean time continue in what i do which is the fine rts,yep i paint and i will put some of these in the gallery soon.
keep up the good work.
Reply
:iconygktech:
YGKtech Featured By Owner Oct 30, 2012  Hobbyist Interface Designer
Thanks, I like the idea of making each hexagon independently customizable, I may try to include that in version 3.0,

If I can find a couple hours of spare time in the near future I'm sure I could make a single hexagon version pretty easy, I won't have time for any new features, but a single hexagon with all the same settings as the array offers should be no problem.
Reply
:iconpixeldot1:
pixeldot1 Featured By Owner Oct 31, 2012
may the angels be with thee...
i need them so that i can position them anywhere,
great for visuals.
just leave the code open i am sure i can tweak it,send it back and release it.
will do beta.
awaiting...
thank u bro.
Reply
:iconpixeldot1:
pixeldot1 Featured By Owner Oct 26, 2012
got the array to move,man u did well,disabled keep on desktop,forgot to read all.
Reply
:iconygktech:
YGKtech Featured By Owner Oct 28, 2012  Hobbyist Interface Designer
Sorry I missed your comments until now, I haven't been spending much time on DA since school started.

Glad to hear you are starting to get the array configured the way you like. Regarding you previous questions; unfortunately if you want to configure the array in a vertical orientation, you will have to re-write the path and tip variables appropriately, changing the dimensions of the array will not move the buttons into a new orientation, it will just change which buttons out of the 8x8 grid are displayed. I hope to change this in version 3.0 some time down the line, but I'm a full time college student with a part time job, so I don't know when I will even start on that.

Font color is set independently for each bit of text, I originally did this so the text color could be changed when the button flashes without changing the text color for the entire array, but I realize now how difficult I made it to edit. To change the color of the text for the whole skin, use a find and replace operaion (ctrl + h in most text editors) and in the "Find what" field put: FontColor = #hover# and in the "Replace with" field put: FontColor = #yourVariable# Do this again, changing the "Find what" field to: FontColor #norm# Then just add yourVariable = #someColor# to the [Variables]section, yourVariable is now the 'resting' color for every text meter in the skin, the text for a button will still change while it is flashing after being pressed, if you want to change that I can help, but I'm guessing it won't bother you.

Hope this helps!
Reply
Add a Comment: