OTHER PAGES

WELCOME

Move your mouse onto the image to see the bravo CSS3 Transition!

2011年8月12日 星期五

[FLEX]Plurk樣式生成器 - 閃耀登場!



最近收到林姿秀給我的可愛樣式之後,一頭栽進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 則留言:

PigMu 提到...

好厲害!

Andy Pan 提到...

其實我自己覺得做得很爛耶~下次應該會更好