FadeCircle 實現動態的漸層色彩 @ 阿特拉斯的部落格 :: 隨意窩 Xuite日誌
  • 搜尋文章
  • 網友看過來
  •  近期陸續發佈新軟體 .....
     Extra.Movie to MP4,3GP,FLV
     Extra.Recorder 在這裡 新軟體
     Extra.Movie to MPG,WMV,AVI
     Extra.Youtube Picker 在這裡 
     Extra.PicSee 在這裡 新軟體
     Extra.Movie to Gif 在這裡 新軟體
     Extra.FLV 的網址在這裡
     ExtraPlayer 的網址在這裡
     ExtraCut 的網址在這裡
     ExtraCut 的官方教學網頁在這裡
     注意:K-Lite Mega Codec Pack
     使 Extra 無法播放 MP3 問題

  • 按這裡↓,可以到部落格首頁
  • 阿特拉斯的部落格
  • 此處是 Sinner 的部落格

  • 這些是相關的部落格群組
    皮蛋與企鵝 Good!
    阿特拉斯的隨便哈拉
    按這裡,自訂橫圖/底色
    顯示/隱藏版主選項
  • 我的個人信箱:來信討論

  • 阿特拉斯的書棧
  • 阿特拉斯的戀棧
  • 最新文章
  • 《珍愛人生》,我從未看過這樣的電影
  • 深夜加油站遇見蘇格拉底,再踏上旅程
  • 十大簡易守則,做自己健康守門員
  • 性侵女童案輕判,援引理由荒謬至極
  • 章魚哥保羅,神準是因為童子身?
  • 飼養「一隻叫浮士德的魚」
  • 《愛一個人不一定要擁有》
  • Getv:YouTube 解析與下載影片網站
  • 《為愛起程》:托爾斯泰生命最後一年
  • Extra.YouTube Picker:新版發佈與使用
  • 危機倒數的炸彈丟到阿凡達,冤枉啊
  • 《少年醫學生的反擊》:發人深省的爸
  • 簡單理財,畫一張人生財富地圖
  • 下半身沾污職棒,我看簽賭案起訴書
  • 《血色盟約》:被惡魔附身的吸血鬼
  • 【分享】浮生行吟:該轉彎了
  • 【分享】樂在紀律,心嚮成功
  • 潛意識秘方:《媽呀,睡覺也能成功!
  • DBN 與台灣數位藝術教育 (一)
  • 《豐臣公主》:牽動百萬人心的歷史情
  • 鳥兒電線站位,譜成創意的奇妙樂章
  • 地球暖化的廣告,北極熊,好心酸啊
  • 《末世之城》:緊握生命中最後僅存的
  • 極具巧思的哲學之旅:《櫥櫃裡的哲學
  • 帕洛克滴流畫帶來的當代科學、美學觸
  • NASA 確定月球表面有大量凝結成冰的
  • 改善民眾行為的實驗:音效垃圾桶/鋼
  • 我看數學與藝術,兩種文化之後
  • 職棒再涉簽賭,我心擔憂、錯愕又憤怒
  • 莫比爾斯環的人生,與生命之層層回返
  • 開��農場為何「非死不可 (Facebook)」
  • 揭開狼人秘密的《幻形者:暗月召喚》
  • 我知道如何去愛:明天開始要這樣的活
  • 推薦序:比《駭客任務》更瘋狂的心智
  • 《蠟筆小新》漫畫作者臼井儀人墜崖死
  • 孩子為何撒謊?「撒謊」不是絕對的錯
  • 伊莎貝爾的皇樓月餅禮盒,搶食紀錄
  • 《半秒直覺》:超越完美的投資直覺
  • 你難不難過?八八水災白目問題冠軍
  • 災區傳染病一觸即發,我好像得流感?
  • 馬英九你給我仔細聽好。八八水災
  • 八八水災。馬英九我有話要對你說
  • 《Y先生的結局》之後,讀心術與隱形
  • 可惡!!竟敢偷看老娘洗澡~~
  • 伴我床頭閱讀的 Twinbird 睡前燈
  • 大前研一:想做的事就去做吧!
  • 發佈 Extra.Recorder:即時波譜/錄音機
  • 《血腥遣散費》:職場版的恐怖攻擊
  • 《鴨川荷爾摩》的續傳《荷爾摩六景》
  • 林懷民:出走與回家,《趁著年輕去流
  • 《黑天鵝效應》:我不要當火雞
  • 大長今申請博士,鄭尚宮罹患肺癌
  • 《天使與魔鬼》電影幸好比小說少了惡
  • 《黑天鵝效應》,與火雞命運交響曲
  • 從天際到地平線,遇到彩虹的盡頭
  • 【震災週年】四川震災人誌:陳堅
  • 再一次,我們看到自己的脆弱
  • 輕輕的說聲〈千千萬萬個愛你〉
  • 真摯聆聽:《一片花海的聲音》
  • 《深紅》:受害與加害的拉鋸與救贖
  • 【線上遊戲】經典的貪吃蛇與雷電
  • 《六個嫌疑犯》:精采絕倫的謀殺案諷
  • 《因愛而偷》:因愛而死的幕間舞曲
  • 人生很讚的五句話,我也補上一句
  • 《造物主的地圖》:亂世愛戀的間諜小
  • 《物理屬於相愛的人》:謀殺想像的雙
  • 新發佈 Extra.Movie to MPG,WMV,AVI
  • Extra.YouTube Picker:選單說明與使用
  • 千呼萬喚始出來:Extra.YouTube Picker
  • 近期發佈 Extra 軟體的計畫與雜感
  • 當布希被丟鞋,遇到 Extra.Movie to Gif
  • Extra.Movie to Gif:軟體初版的隨寫
  • 《鴨川荷爾摩》:校園鬼怪的奇幻際遇
  • 賺人熱淚的狗狗小說:《只要一分鐘》
  • 讓潘尚恩瀕臨淘汰的〈古月照今塵〉
  • 建仔被惡搞系列:張伯倫、王建民哥倆
  • 阿扁收押禁見,我家再度烽火相連?!
  • 【線上遊戲】雙人麻將、大老二與五子
  • 游子順版〈流浪記〉:青春漂泊的感言

  • 點歌給全球金融大海嘯,嗚呼哀哉
  • 《巨獸》腳下踩不散的堅定身軀
  • 讀《莫兒的門》——情理俱佳的狗狗書
  • 全球金融海嘯,四顧無援,唯有自救
  • 九萬兆團隊上台,台股跌掉9兆元
  • 人生旅程的哲理:ABBA 的〈Move On〉
  • 慘綠,馬英九政見「633」股市先實現?
  • 莊裕安的〈瘟疫中的人性〉
  • 八月裡的悲傷剪影
  • 扁家疑似洗錢,千元鈔上:「瑞士在這
  • 大愛電視台的採訪與「碎形」專輯
  • 中國北京的奧運開幕,炫麗加上魔法
  • 【線上遊戲】兩款玩法的泡泡龍
  • 《老闆要的就是你》:求職者的自強術
  • 《歐蘭朵》:性別意識流裡的女男男女
  • 【線上遊戲】兩款玩法的俄羅斯方塊
  • 回家與家後:歌唱的情感與昇華
  • 超級偶像:評審陳珊妮與兩位宅男
  • 台股期貨:期貨大額交易人:統計分析
  • 當代科技建築:杜拜動感塔、數字北京
  • 你所不知道石油20個秘密
  • 《測謊機男孩》:敏感兒童的心理歷程
  • 《戀人版中英詞典》:獨特的私密女書
  • 《沒有我們的世界》:如果人類突然消
  • 哈囉大愛電視台、金石堂《出版情報》
  • 狗狗的深情演出:《我在雨中等你》
  • 米勒畫展開幕,我與馬英九都變落湯雞
  • 風中的羽翼:相信你,因為相信愛
  • 當哈士奇遇上了野生北極熊
  • 中國四川的汶川大震,網路預言成真
  • 【購票資訊】米勒畫作展:拾穗、晚禱
  • 《香水》文壇大師徐四金的《愛與死》
  • 月亮代表我的心
  • 《穿條紋衣的男孩》:童話悲劇的寓涵
  • 當一切到了盡頭時,Keep Walking
  • 蜜蜂浩劫,歐美爆發「蜂群衰竭失調症
  • 《穿條紋衣的男孩》:集中營的感人際
  • 把愛傳出去:台灣準備好了
  • 最喜愛 A-HA 的:Manhattan Skyline
  • 吶喊起乩
  • 沙漾流域
  • 【免費空間】RapidShare 下載教學

  • 贖身
  • 點歌給《追風箏的孩子》:Holiday
  • 〈自縛〉與〈贖身〉
  • 《心智重塑》:自欺人生新解讀
  • 療癒我的小說:《當尼采哭泣》

  • 《聽那鯨魚在唱歌》的想望
  • 《燦爛千陽》來自作者胡賽尼的話
  • 《黃金人生的入場券》:遊樂園的心理
  • 象徵台灣改變的配樂:王者駕臨
  • 【馬蕭競選廣告】台灣,我們準備好了
  • 八年代價後,台灣民眾的選擇
  • 髒話污辱,哪門子的公務員的典範
  • 比《色.戒》更動容的《滾滾紅塵》
  • Extra.FLV 2.1.0 改版,以及近期規劃
  • 永相廝守.蝶與山百合
  • 《一週工作 4 小時》:釐清時間管理
  • 《心智重塑》前傳:腦袋的魔術師
  • 恒源祥賀歲廣告,看完想撞牆
  • 《燦爛千陽》、鐵達尼號與等待果陀
  • 超越《追風箏的孩子》的《燦爛千陽》
  • 祝你2008鼠年新年快樂
  • 米勒《拾穗》,與藝術創意的發想
  • 李安《色.戒》:對比的含蓄與情色
  • 全球金融風暴的蝴蝶效應與黑天鵝理論
  • 點歌給《牧羊少年奇幻之旅》
  • 給《牧羊少年奇幻之旅》的數位藝術
  • 美麗、神秘的北極光舞蹈秀
  • 浮士德,與赫塞筆下的哲學家、藝術家
  • 創意思考——從土司留言烤麵包機談起
  • 所謂之真相
  • 《追風箏的孩子》與電影相關整理
  • 點歌給《漁夫和他的靈魂》
  • 嗶,嗶,嗶!身體出現警訊
  • 上班族寶藏書:《一週工作 4 小時》
  • 【線上遊戲】兩款玩法的打磚塊
  • 雷射塗鴉.駭客.101大樓求婚
  • 陽明大學演講:談跨域思考/創意思考
  • No Pain No Gain:不經一番寒徹骨
  • 【轉載】人文與科技界線的崩解與融通
  • Tears in Heaven:喪子之慟,淚灑天堂
  • 3C之祭的人像呼吸/身體力場
  • 全都充滿愛:All is full of Love
  • 我怎樣才能嫁給有錢人?
  • 【線上遊戲】北京麻將與上海麻將
  • 蘇格拉底的「我只知道一件事」
  • 〈上帝為什麼不獎賞好人〉
  • 【限制級 DBN】PeepingTommyBoy
  • 誠品信義店的董陽孜書法與數位藝術
  • 台灣美術館的 DBN 數位藝術展
  • 感覺已經有一陣子,沒有……
  • 「簡單與複雜的弔詭」DBN 軟體藝術展
  • 我家社區地圖,與中秋烤肉
  • 棒球的難忘篇章:王建民、張伯倫
  • 【談錯視】網路追追追/旋轉的女人
  • 馬塞爾的「愛與死亡」
  • 來自澳洲的「霹靂布袋戲」問卷
  • 多小的距離才能遇見彼此
  • 模擬、預測與真實
  • 【工作經】誰扼殺了你的快樂?
  • 《朱蒙》完結篇:上天啊,求求您
  • 韓國最新面膜,蟑螂加優酪乳做的?
  • 軟體藝術、碎形與生物形態
  • 「軟體藝術現況與趨勢」座談會
  • 《偷書賊》:撼動死神的獨特故事
  • 活在過往
  • 無以為繼
  • 當部落格人氣超過一百萬次……
  • 軟體藝術、人工生命與計算機仿真
  • 我的詩/影像/阿特拉斯的《詩集》
  • 軟體藝術、衍生性藝術與細胞自動機
  • 當《哈利波特》遇到賽局理論
  • 談碎形與音樂:從形到音的美妙遞變
  • 安藤忠雄:旅行,形塑我的建築風
  • 活在當下,活出自己
  • 進入台灣美術館的數位藝術方舟 (Ⅱ)
  • 文建會新聞稿:數位藝術推廣計畫
  • 進入台灣美術館的數位藝術方舟 (Ⅰ)
  • 六月初的台北「數位藝術」研習課程
  • 大同的「數位藝術」演講記趣
  • 與我有關的幾場「數位藝術」課程
  • 淺談混沌理論,與對藝術、建築的啟發
  • DBN 結合 Logo 觀念以實現碎形
  • 寧靜的心靈會說話
  • 中原與雲科大的「數位藝」演講
  • DBN 與 John Maeda《簡單的法則》
  • 五月初的「數位藝術」DBN 工作坊
  • 《不存在的女兒》的悲傷秘密
  • 四月底的「數位藝術」演講與工作坊
  • 《上帝在玩擲骰子》:生命的時間詩學
  • DBN、歐普藝術與視覺效果
  • DBN 與康丁斯基的《幾個圓圈》
  • 「軟體藝術」與人工生命的相遇
  • 「數位藝術教育」的系列演講簡介
  • 「數位藝術教育」的系列演講全概要
  • Extra.FLV 與 Flash Video、YouTube、
  • Extra.FLV:剪輯、合併、截圖與轉檔
  • 「你家養牛了嗎?」
  • 「爸爸,我愛你。」
  • 朱德庸:跳樓後,生命意義的重審
  • 【轉載】說愛你:兩首最潮求愛情歌
  • 許瑋倫、曹格合唱的〈Freedom〉
  • Logo 小海龜實現碎形繪圖程序
  • 碎形幾何內涵與 Logo 程式繪圖
  • 談弗洛伊德與拉康的潛意識理論
  • 導讀李偉俠的《知識與權力》
  • 談碎形與藝術:她的終點是秩序美?
  • 談碎形與藝術:絕美 Mandelbrot Set
  • 談碎形與藝術:自我相似之結構套嵌
  • 帕洛克:從《薰衣草之霧》談起
  • 《現代藝術,怎麼一回事?》譯序
  • 啥?現在流行趕羚羊與殺熊貓!
  • 《蝴蝶效應》:人生不可忽視的小細節
  • 「阿特拉斯部落格」的近況與延伸
  • 《大騙局》:政治與科學的驚悚佳作
  • 〈路標〉、海盜與阿特拉斯的相遇
  • 藝人本名大公開,氣質差粉多
  • 赫塞的藝術觀:《知識與愛情》
  • 《博士熱愛的算式》:記憶與愛情
  • 算數學這麼有創意,超爆笑的!
  • 談無限概念中整體與部分的對應
  • 恭喜!「你」當選了年度風雲人物
  • 【談詩】壯麗、巨大的事物之中
  • 看完之後,果然感觸很深
  • 【線上遊戲】正統玩法的泡泡龍
  • 卡拉瓦喬31億名畫,差點變垃圾
  • 雷鳴
  • 談人類侷限/科學是否終結
  • 上帝全能的論辯與理性認識的侷限
  • 日本人的 Dr. Fish 魚醫生
  • 守護:我是一棵秋天的樹
  • 渺小:我仰望群山的蒼老
  • 《薛西佛斯也瘋狂》:談強迫症
  • 強迫症:精神科醫師的經驗與感觸
  • 【秋意行旅】山裡.洗滌.結
  • 國務機要費、起訴書與蝴蝶效應
  • 沉默
  • 我可以.陪你去看星星
  • 蔡銀娟的《我的 32 個臉孔》
  • 因為這條狗,主人被捉去28次
  • 《從零開始》,追蹤零的符號與意義
  • 第二次導讀《從零開始》,談隱喻的零
  • 有那麼一個女人
  • FadeCircle 實現動態的漸層色彩
  • 【電影手記】吸血鬼紀事
  • 讀到《少年 Pi 的奇幻漂流》
  • 小蟲:紅花雨,只有趙詠華敢唱
  • 不要再拉,褲子要掉了
  • 《心靈雞湯》,收藏女人的故事
  • 【舊文】談人性中的惡
  • 【舊文】光明的季節與黑暗的季節
  • 推薦張景中的《數學與哲學》
  • 雨.淋漓
  • 導讀《存在的勇氣》,田立克
  • 魔鬼樹
  • 理髮雜想
  • 瘋子的監獄與科學家的實驗室
  • 以赫塞的作品為例,談文學評析 (一)
  • 以赫塞的品為例,談文學評析 (二)
  • 藝術、自然與人生觀【兼談莊子美學】
  • 羅丹「沉思者」雕像的詩幾首
  • 關於創作與創造力
  • 2005 年度,科學幻想攝影獎
  • 俄羅斯記者用手機煮雞蛋?
  • 談校園性騷擾問題
  • 玉女紅星、英俊小生的過去現在
  • 霹靂系列布袋戲的世界
  • 回顧《混沌:不測風雲的背後》
  • 從《萬法簡史》的烏龜談起
  • 【談詩】詩的自由與包容
  • 當 ExtraPlayer、ExtraCut 上了雜誌
  • 世足賽,席丹「頭槌」事件連續圖
  • ExtraCut:多媒體的直接剪輯與合併
  • 【Joe 散文】九十度的人生
  • 【播放】馬修.連恩的《狼》專輯
  • 就是今天,小行星與地球擦身而過
  • 點歌給《狼兄弟》與《心靈行者》
  • 兼談《狼兄弟》與《哈利波特》
  • 推薦《哈利波特的魔法與科學》
  • 世足賽花絮,與球迷眾生相
  • 當《達文西密碼》碰上貝克漢
  • 從「足球金童」貝克漢的強迫症談起
  • 2006 世足賽:慕尼黑體育館
  • 渺小與偉大【明天過後】
  • 渺小與偉大【體現生命】
  • 《天使與魔鬼》:科學與宗教的爭戰
  • 達文西密碼之前傳:《天使與魔鬼》
  • 黃金比例:數學、藝術到大自然的瑰寶
  • 沈宏寅:魂繫北極,繪畫人生的改變
  • 趙建銘的冷漫畫,與冷笑話
  • 裴勇俊「黃金比例」的招牌微笑
  • 談部落格的關鍵字搜尋功能
  • 柏拉圖:詩人被逐出理想國之外
  • 失視.失語.失焦的臉孔
  • 「大象男孩與機械女孩」的感動
  • 【俺爹俺娘】母親一生說的八個謊
  • 「霹靂布袋戲進軍美國卡通台」後續
  • 《默默》:從時間的瞬間談起
  • 《說不完的故事》:從神秘的激情談起
  • 《說不完的故事》:從空無開始
  • 請問您這兒有上帝賣嗎?
  • 【線上遊戲】小精靈、拯救貓咪
  • 李開復:寫給中國學生的一封信
  • 談談「裸體宣傳」與「裸體藝術」
  • 紀念「車諾比核災」二十週年
  • 書摘:寧靜的《心靈會說話》
  • 按這裡,顯示更多內容
  • 格主碎碎唸

  • 博客來網路書店
    我要找
    《我知道如何去愛》按這裡
    按這裡,顯示更多內容

    1. 沒有新回應!





  • Powered by Xuite
    200610101223FadeCircle 實現動態的漸層色彩
      我喜歡那些——調和的,充滿意象的色彩。在創作網站的藝術內容時,色彩的選取與搭配總是讓人煞費苦心,在苦心之後便是實現想像的欣慰。記得當初我創作了《紀事》的〈我是一棵秋天的樹〉,該網頁便隱隱呈現出光與影、色與相的疊和。沒有專門研究色彩學的我,似乎培養了專屬的色彩審美感。就在撰寫如何實現兩幅影像的疊加漸變的時候,我開始好奇不同色系的色彩要如何有層次地變化。「色彩」的最偉大解析,就是十九世紀初的「三原色說」:只要混合了紅、綠、藍三色光,便可以得到各種不同的色彩。


    FadeCircle 的執行檔範例,請從下面網址下載(僅 10 KB)
    http://www.atlas-zone.com/computer/talk/code_1/FadeCircle2.zip


      「 三原色說 」意味著,程式撰寫者可以用三個分色的數值( 0~255 之間)來模擬所有色彩,例如黃色就是 Red=255、Green=255、Blue=0 的派色結果,這就是 RGB 混色理論。另一個與 RGB 混色理論分庭抗禮的色彩數值解析系統,就是 HSB 色彩屬性理論,它將色彩分為色調(Hue,色相
    、濃度( Saturation,飽和度,彩度,Colourfulness )與亮度(Brightness
    ,明度)
    三個屬性,數值分別在 0~359、0~100 與 0~100 之間。

      當 Saturation=100 、 Brightness=100,Hue= 0~359 之間的色彩變化,如旁圖上方的長彩條所示,而下方的塊區顯示的是,當 Hue=0(紅色)時,濃度與亮度的所有組合變化。三個屬性的搭配能夠讓我們模擬出全部的色彩,這樣我們便可以建立出 RGB 到 HSB 的轉換關係( 注意
    ,HSB 系統有許多數值組合是重複的色彩
    ,HSB 的另個等價的寫法是 HSV,V 指的是 Value )
    。 這些是色彩定義的客觀數值
    ,但是色彩之間搭配所形成的對比感、同化感、冷暖感,甚至是立體感,卻是主觀的,以下面的圖來看,是屬於暖色系的樣式,但是到底有多「暖」是因人感受而異
    。這張圖是由我所撰寫的 FadeCircle 物件所演示的 ,此物件能夠動態地連續演示色彩的漸變,就像是自然調和而富有變化的漩渦流一般。

      我們要如何實現色彩的動態連續漸變呢?首先要選擇使用某一種色彩解析理論, 較為簡單的 RGB 對我們來說就夠用了。接下來的流程是這樣,隨機選擇一個起始顏色(假設位於中心處),然後向外建立一連續而隨機(怎麼做?
    的色系分布,這就是靜態的初始色系
    ,要讓它「動」起來,我們需要有一個計時器,按照時間間隔讓每一個「色圈
    (聽起來春心蕩漾!)圓周向外(或向內)移動一個單位,這樣看起來就像是色塊如漩渦般在移動。但是問題來了,總是要有新的顏色產生出來,才像是富有變化的漩渦流!如果每個色圈是向外移動,那麼新的顏色也要同時在最中心「冒」出來,這個新顏色也需要是連續而隨機的色彩。

      建立連續而隨機的色彩,作法是指定 Red 、Green 與 Blue 三個分色個別漸變的方向( -1 或 +1 ),然後再隨機指定該變化的數值(變異度),如果紅色系要減少,那麼新分色就是 Red=(原 Red) + (-1)*變異度,這樣 ,三個分色都隨機而連續的組合,就能夠產生富有變化並且分佈調和的新色彩。這是核心的原理,但是只要多花點心思、多些靈感,還可以有很多有意思的視覺效果,例如漸層方塊、潮浪式來回漸變,甚至漸變的方式可以轉為相應的 Midi 音符 , 這樣一來,動態色彩就會音樂化(這樣的靈感類似於所謂的碎形音樂,這是疊代幾何給予音樂化的例子),於是除了視覺的禮讚,還有聽覺的饗宴。

      寫文章的時候,我似乎習慣想到什麼就寫什麼,似乎與原主題無關,只是有許多的想法在腦袋裡激盪,就順手寫了出來。其實有很多創意是令人躍躍欲試而想要實現的;然而,創意的靈感創意的實踐是兩種不同的能力
    、不同的價值,這兩種才能或是兩種人才的緊密溝通與合作,好的作品才能夠面世,如果有機會,我再另外談談創意與其知識基礎的話題。
    【電影手記】吸血鬼紀事...|日誌首頁|有那麼一個女人上一篇【電影手記】吸血鬼紀事下一篇有那麼一個女人
    回應