[心得] 剛剛寫好的Flash色彩特效API~
呼~在父親節完成這樣的一個API...
好像其實沒什麼關聯XD
好啦,廢話不多說,把結果貼上先~
線上觀看 http://0rz.tw/ff2TR
原始檔案 http://0rz.tw/d02Tm
class檔 http://0rz.tw/d32W6
(請用 Flash 8/CS3 開啟)
※為避免篇幅過長,簡單的範例下篇附上
之前2753篇問說
Flash是否可以做出類似Photoshop的一些"色彩增值,加深顏色"等功能
答案是可以,只是會用到flash.filters.ColorMatrixFilter
然後還要做出一堆亂七八糟的4X5矩陣
我在2764篇有舉出一些常用到的矩陣
但是後來想想每次都要這樣弄矩陣真的很麻煩
所以我就決定多花一點時間來把這些矩陣先寫到一個class裡面
之後就一勞永逸囉~
那以下開始講解我的ColorTransformationMatrix(以下簡稱CTM)的使用方法
-------------------------------講解開始-------------------------------
首先先下載上面提供的class檔然後解壓縮
到Flash的Edit > Preferences > ActionScript 2.0 Settings設定路徑
新增一個根解壓縮的目錄同樣的路徑
(請指定有"tw"這個資料夾的路徑,而非ColorTransformationMatrix所在處)
接下來要用到ColorTransformationMatrix的時候
請記得完整的名稱是tw.edu.ntu.ee.cjcat.matrices.ColorTransformationMatrix
或者可以先打import tw.edu.ntu.ee.cjcat.matrices.*;
之後只要打ColorTransformationMatrix即可
flash.filters.ColorMatrixFilter的constructor接受一個參數
也就是我在2753篇提到的4X5矩陣(其實是個20個元素的Array啦)
不過這些都不用管,因為我在CTM裡面都已經搞定了
各位使用這個API的時候
只要在ColorMatrixFilter的constructor裡面放個CTM物件or函式就好
CTM的物件or函式回傳 都是已經處理過的4X5矩陣(20個元素的Array)
像是 ColorMatrixFilter(ColorTransformationMatrix.GRAYSCALE)
就可以造成"灰階(黑白)"效果
那現在來說一下有哪些CTM物件or函式可以用:
1.灰階(Grayscale)
ColorTransformationMatrix.GRAYSCALE
效果...看名字了就知道了吧XD
2.反相(Digital Negative)
ColorTransformationMatrix.DIGITAL_NEGATIVE
能夠造成如Photoshop裡面的"inverse"效果
3.色彩飽和度(Saturation)
ColorTransformationMatrix.saturation(level:Number)
這個函式接受的參數為一個範圍在0~1的Number
level越接近1色彩飽和度越高,越接近零色彩飽和度越低
而當數字為零的時候,效果跟GRAYSCALE其實是一樣的
level等於三分之一(1/3)的時候沒有效果
4.色調(Tint)
ColorTransformationMatrix.tint(redTint:Number,
greenTint:Nubmer,
blueTint:Number)
這個函式接受三個範圍在-1~1的Number參數
redTint, greenTint, bluetint就是紅、綠、藍三種顏色的色調強度
等於 1的時候該channel會達到255
等於-1的時候會是-255
5.亮度(Brightness)
ColorTransformationMatrix.brightness(level:Number);
這個函式接受的參數為一個範圍在-1~1的Number
level等於-1的時候畫面全黑,level等於1的時候畫面全白
level等於0的時候沒有效果
6.對比(Contrast)
ColorTransformationMatrix.contrast(level:Number);
這個函式接受的參數為一個範圍在0~1的Number
level等於0的時候完全沒有對比,level等於1的時候對比最強
level等於十一分之一(1/11)的時候沒有效果
-------------------------------講解完畢-------------------------------
以上
希望這個API可以對各位有所幫助 :)
好囉~那避免篇幅太長,簡單的範例下篇附上
--
CJ Cat = Croa'J Cat = Cockroach Cat = 西街凱特 = 蜚蠊貓 = 蟑螂貓
Gallery http://cjcat2266.deviantart.com
MSN cjcat2266@hotmail.com
Yahoo cjcat2266@yahoo.com.tw
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 61.228.74.179
推
08/08 14:57, , 1F
08/08 14:57, 1F
推
08/08 15:10, , 2F
08/08 15:10, 2F
※ 編輯: cjcat2266 來自: 61.228.74.179 (08/08 17:10)
推
08/09 12:32, , 3F
08/09 12:32, 3F
Flash 近期熱門文章
PTT數位生活區 即時熱門文章