Old 27th January 2004, 08:07   #1
leechbite
Major Dude
 
leechbite's Avatar
 
Join Date: Sep 2003
Location: Canada
Posts: 635
Send a message via Yahoo to leechbite
Customizable Colors using RGB Sliders

Hello everyone.
Some might find this useful. While working on my first skin (Wood Chrome) I was able to develop a way to make the LCD color customizable to almost any color using RGB sliders. Its a bit tedious for it involves a lot of layers and a good amount of code. Well, here's how i did it.

First thing to remember, this works only with solid colors w/c means no shadows, highlights, nor alpha fades. you could place however the shadows & highlights in another layer.

First step is to make 8 (yup 8) solid colored layers of your lcd (or whatever it is you want this feature in), they are black, white, red, green, blue, cyan, magenta & yellow. the layers should be pure colors, meaning if it says magenta it should have RGB values of "255,0,255".
now place these layers on the skin in the same order as i listed it. meaning the black layer is on the top while the yellow layer is on the bottom.

the script could look like this:
code:

<layer id="player.main.ButtonColorC" x="41" y="0" image="player.main.ButtonColorC" alpha="0" ghost="1"/>
<layer id="player.main.ButtonColorM" x="41" y="0" image="player.main.ButtonColorM" alpha="0" ghost="1"/>
<layer id="player.main.ButtonColorY" x="41" y="0" image="player.main.ButtonColorY" alpha="0" ghost="1"/>
<layer id="player.main.ButtonColorR" x="41" y="0" image="player.main.ButtonColorR" alpha="0" ghost="1"/>
<layer id="player.main.ButtonColorG" x="41" y="0" image="player.main.ButtonColorG" alpha="255" ghost="1"/>
<layer id="player.main.ButtonColorB" x="41" y="0" image="player.main.ButtonColorB" alpha="0" ghost="1"/>
<layer id="player.main.ButtonColorW" x="41" y="0" image="player.main.ButtonColorW" alpha="0" ghost="1"/>
<layer id="player.main.ButtonColorBl" x="41" y="0" image="player.main.ButtonColorBl" alpha="100" ghost="1"/>



Next are the RGB sliders (of course).
Something like this would do:
code:

<Wasabi:HSlider id="RedSlider"
x="60" y="35" w="150"/>
<Wasabi:HSlider id="GreenSlider"
x="60" y="50" w="150"/>
<Wasabi:HSlider id="BlueSlider"
x="60" y="65" w="150"/>



then add this code i attached:
Attached Files
File Type: m color.m (3.5 KB, 131 views)
leechbite is offline   Reply With Quote
Old 27th January 2004, 08:15   #2
leechbite
Major Dude
 
leechbite's Avatar
 
Join Date: Sep 2003
Location: Canada
Posts: 635
Send a message via Yahoo to leechbite
The process works by modifying the alpha levels of those 8 layers. Ill explain more later.
Also, Ill post later the color morphing code if anybody wants it.

Here is the technique in action:

Wood Chrome Finish 1.0

Warp (beta)

Hope its useful.
leechbite is offline   Reply With Quote
Old 27th January 2004, 17:38   #3
carlosp
Major Dude
 
carlosp's Avatar
 
Join Date: Nov 2002
Location: Hamburg, Germany
Posts: 1,312
wow. a very weird way but it works. like your style to code. this idea is acctauyl great but nothing for new bies. i am still not satisfied because it must be a better way then this one. i mean something like the coloreditor but for the skin with maki. maybe one day we will find a way to do that
carlosp is offline   Reply With Quote
Old 27th January 2004, 18:33   #4
hammerhead
The Shark
(Forum King)
 
hammerhead's Avatar
 
Join Date: Jul 2002
Posts: 2,537
Send a message via AIM to hammerhead
I did something similar a while ago:

http://winamp.com/skins/details.php?id=125225
hammerhead is offline   Reply With Quote
Old 27th January 2004, 18:46   #5
leechbite
Major Dude
 
leechbite's Avatar
 
Join Date: Sep 2003
Location: Canada
Posts: 635
Send a message via Yahoo to leechbite
think also that there's a better way than this one. like maybe make the layer into a font and just control the color by text.setXMLParam("color", "x,x,x"). a bit hard for the font must be a true type font.
if only maki can control the gammagroup, it would be a lot easier.
leechbite is offline   Reply With Quote
Old 27th January 2004, 20:23   #6
will
Nullsoft Newbie (Moderator)
 
will's Avatar
 
Join Date: Mar 2001
Location: Sheffield, England
Posts: 5,569
Quote:
Originally posted by hammerhead
I did something similar a while ago:

http://winamp.com/skins/details.php?id=125225
Didn't we all?

But remember who did it first, kids.

DO NOT PM ME WITH TECH SUPPORT QUESTIONS
will is offline   Reply With Quote
Old 27th January 2004, 22:47   #7
hammerhead
The Shark
(Forum King)
 
hammerhead's Avatar
 
Join Date: Jul 2002
Posts: 2,537
Send a message via AIM to hammerhead
Sorry
hammerhead is offline   Reply With Quote
Reply
Go Back   Winamp & Shoutcast Forums > Skinning and Design > Modern Skins

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump