最近收到林姿秀給我的可愛樣式之後,一頭栽進CSS的研究裡。啊?CSS3?是遠古時代的某個神祕元素嗎?最近都在做Flash、Flex和一點點的JavaScript,感嘆太久沒碰網頁了,哈哈。
重要的地方:載點
Yes! The most important thing is almost here! 請點這裡下載吧!
版次:Ver1.0 20110811Rev.
[SWF版]http://db.tt/B4V3ktO
[EXE版]http://db.tt/ewgo85V
創作的根源
好,直接進入正題,這個程式似乎是一個無心插柳的產物,因為我發現當創作者與使用者的喜好不同的時候,代溝就產生了。我想要的顏色,和樣板原始的顏色不同,通常的辦法就是開始咒罵創作者(對不起,可憐的創作者),但是CSS很幸運一點就是,它的顏色不是用PhotoShop什麼的編輯器霧裡探花的改,而是用非常親切可愛的記事本,一個一個找、一個一個改。於是很方便的,你只要對數字稍微有概念,改出來也不會亂到什麼程度。
但,
(1) 顏色要配的好看,不是紅配綠配藍,我想要保有原創作者的Style,可是又要融入自己的,怎麼辦呢?
(2) 要是你的樣式有幾千幾百行,不知道要改到幾千幾百年,又該怎麼辦呢?
因此就研發出了這東西...請看使用方法~!
使用方法[附圖]
像下面這張,是我原本的Plurk~
原本的黑色Plurk版面... |
然後,先將樣式複製出來,存檔...
把檔案存成純文字文件,記下檔名 |
把檔名打上去,或者用瀏覽尋找檔案。 |
R=0.9r+25;G=0.9g+25;B=0.6b+115 |
很快的,我們已經得到輸出的樣式了! |
接下來你要做的事就是貼到Plurk上。
上面有版權文字,希望大家不要移除喔! |
是不是很棒啊?
希望各位踴躍分享(但盡量不要違反授權條款),感謝各位!
[技術文件]淺談色彩轉換 *警告:頭暈腦脹者請跳過
下面的東西你或許要看一下討厭的代數課本,但我相信讀者應該對 y=ax+b 這可惡的線性方程式不陌生。當你想要對色彩進行轉換的時候,你需要針對R.G.B每種顏色各列出一組聯立方程組,解出的兩個未知數,而這個轉換方程式,就是程式的核心啦!
如果這樣還是不清楚的話,這是萬用公式了(我怎麼沒有如釋重負的感覺?):
y=mx+n,
假設A1,A2(不得相同)為原始色系的任意兩個顏色之R或G或B值;
a1,a2(可以相同)為欲轉換色系的任意兩個顏色之R或G或B值
,則
m=(a1-a2)/(A1-A2)
n=(A1a2-A2a1)/(A1-A2)
有興趣者可以自己算算看喔~(相信我,如果這個程式能夠做到這個地步,我也不是人了)
好啦,再整理一下,如果你想要的是「黑->任意顏色」,「白維持白」的色系調整,下面這個方程式也可以用:(小寫字母表示「你要的顏色之R,G,B」)
完
2 則留言:
好厲害!
其實我自己覺得做得很爛耶~下次應該會更好
張貼留言