Cameleon Skin [Concept]
EDIT: SORRY GUYS, I had a Hard Drive Crash and this was something that was not backed up. Will do another similar skin down the road sometime
Guys, I was working on a new skin for my car, and decided to go with a level of transparrency on the buttons. This will allow the skin to be changed to just about any color, by just moving the color sliders around for the background. The background image is a simple photoshop "tile" filter. The background image can be replaced, or use a solid color can be used.
So far, I have not even loaded it into RR, and the songs/time/date ect is just a moch-up, and the iGuidance image is just cut & pasted in to get more of an idea of how it will look. I know the GPS map in the center is too small for all the time use, it is more there for a reference while at the main menu. Pressing the GPS button will go to the main GPS skin. I plan to use the top left "square" for a volume indicator & percentage.
Also the left and right buttons differ currently, as I can't decide if I like the buttons to span the whole column (RIght buttons) or to leave a little of a background border around them (Left side)
The first image below is the color scheme I am going for for my personal skin. The other 2 versions were made in under a minute, by just adjusting the colors as mentioned above.
Here is the color scheme I am using for myself:
Green Variation of the skin:
And lastly, a dark version:
Any comments or suggestions on the concept, layout, ect, is always welcome!! If someone wants to see what it looks like with a perticular color scheme let me know and I will try to post it up here.
If I do go forward with this skin, I will release all the PSD's so the colors/layout can easily be altered.
that looks great, i really like it.
i used to have a kenwood cd player that the face would morph through different shades of around 8 colors. how hard would it be to have this thing slowly morphing on its own? i have never made any skins, nor am i a self proclaimed pc god, so if what i just asked is outrageous, i apologize.
do go forward and release the psds
yes, my cousins wife has that in her focus...pretty sweet.
Originally Posted by redls1bird
Cycling skin colors
There is no way to cycle the background color in Road runner. The only option that would even come close would be a bit of fancy scripting, that would reload the skin at a certain interval, into a different color.
Hmmmm It does have me thinking.... With RR's new transition effects, I wonder how hard it would be to tap into that, and when the screen transitions, have it transition into a different color. This would also involve loading a tottally different skin in between the transitions. When a skin is reloaded however, it returns to the MAIN screen.... That would be something else to overcome...It MAY be possible, but it would not be easy!
The other option is to have 3 skins, say red,green & blue. Select what color you want for each particular screen, and mix and match the colors the way you want them. For instance a Blue main menu, when going to autio, it transitions to green, and going to GPS maby transitions to Red.
I am stalled on development on this for a lttle bit while I finish up my first skinning attempt. Should just be another week or so till release, then fixing all the bugs and tweaking it all out.
The only way doing this right now with RR would be to have 3 different buttons to choose your color and load either one of them. Like you would choose a different skin.
Yes, actually it can be done with RR right now, but would be a lot of coding!
MGD having the 3 color options on a button as you suggested would work, but would reload the skin completely, and revert back to the main menu.
You could NOT have the current screen "cycling" colors automatically. You could however have the color change when going to another screen. Again it would take some tricky coding!
You would have to have a random number generator define a number between 1 to 3 (The colors of the skin). That code would have to dynamically change on EVERY button that calls another screen, when the screen is loaded.
For instance in the background:
When you open a new screen, the code to generate the random number is executed. (Lets assume 1=red, 2=green, 3=blue) THen dynamically assign button codes on that page's buttons to reflect that when leaving this page. In this case when you naviage to the next page it would be the blue version. So whenever you change screens, a random color is chosen for the next one.
You could also, getting rid of the random thing, have a button in the same location on every page, that would set a single global variable to change the skin color by pressing that button. This would load the same page you are on in the new color when pressed, and remember the color for all other pages. You would in essence be loading a new page, but as it is the same exact page, it would appear to just fade the color in, or wipe it across the screen depending on what transition you have enabled. This would actually be a VERY kewl effect, and now I am going to have to try it out :)
Ok, I just did a test bed, and the color transitions look amazing from one screen to the other! I tried to record the screen, and upload it, but I tried 2 different desktop recording video programs, and neither catch the transitions :( These programs are basically designed to keep a small file size, and it ignores the transitions altogether. I even tried setting the frame rate all the way to it's max of 60fps and no go.
I will definately look into developing a skin like this, as I know there is nothing that comes close to this concept that I have seen. Thanks reds1bird for the idea... and I will see what I can come up with, I can say it will not be any time soon, as the screen captures above are just that... captures. I did put the track time and a play button on it for testing purposes.
The only drawback would be memory and procesor requirements. If the skin were 3 colors for instance, then it would be every single skin screen x3 for just this single skin.
I am definately toying with this idea though :)