Skip to main content

[Flex] Pixel Bender Filter 動畫應用



雖然 Pixel Bender 已經出現了好一段時間,但是一直都沒很認真的看過,周遭朋友也鮮少討論它...直到最近工作需求才有開始使用。以下是集合各家長處能簡單應用 Pixel Bender Filters 到 AS3 的作法。
  1. 先到 Adobe Pixel Bender Exchange 挑選想要的特效 (這邊是選擇 Crystallize ) ,下載後解壓出 Crystallize.pbj
  2. 曾經從 CJ Cat 那邊聽到 pbj 可以整個轉換到 AS 內,經過 google 大神指點,找到了一個超級無敵好用的 PBJ to AS converter... 感謝作者 Marek Burn 的好心分享!!!! 利用 converter 轉換 pbj to AS, 存成 CrystallizeShader.as 放到工作目錄內。Pbj 內可設定參數可以參考轉出來的 as 檔內說明。
  3. 編寫 mxml: 使用 mx 包內建的 Tween

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
applicationComplete="init()"
layout="horizontal" >
<mx:Script>
<![CDATA[
import mx.effects.Tween;

private var shader:CrystallizeShader;

private function init():void{
var initNum:Number = 50;
shader = CrystallizeShader.getInstance();
shader.size = initNum;
var tween:Tween = new Tween(this, initNum, 1, 6000, -1, onUpdate, onEnd );
w1.filters = [ new ShaderFilter(shader)];
}
private function onUpdate(num:Number):void{
shader.size = num;
w1.filters = [ new ShaderFilter(shader)];
}
private function onEnd(num:Number):void{
w1.filters = [];
}
]]>
</mx:Script>
<mx:Panel width="250" height="200" layout="absolute" title="Pixel Bender Test"
backgroundColor="#F8F8F8" id="w1" />
</mx:Application>



完工!!
Ps. Pixel Bender 需要 Flash Player10 喔! Flash 寫法大同小異,請自行轉換...=P

References :
Pixel Bender Exchange
goAndLearn(): Animating Pixel Bender Filters
Marek Burn's PBJ to AS converter
Edit 04/21/2009 : Marek Burn's blog 連結已經失效...我手上也沒有檔案,很抱歉~~
Edit 10/02/2009 : Marek Burn's blog PBJ to AS 連結又復活囉!!不過他 blog 還是掛的...

Comments

  1. 求 PBJ to AS converter !!
    該作者的blog的域名已經賣掉了
    也google不出該作者的新blog

    T_T Shader Rookie,,,

    ReplyDelete
  2. 啊...我並沒有抓他的swf....因為想說不太可能會不見...= = ,一樣還是可以用 ShaderFilter 的方法去載入 pbj, 然後做成 custom effect...所以唯一的影響就是寫法麻煩一些...

    ReplyDelete
  3. 恩恩也只能這樣用了
    也可以使用cj cat的wrap class
    any way 謝謝啦!

    ReplyDelete
  4. This one?? http://blog.brun.pl/PBJtoAS/

    ReplyDelete
  5. 妳好, 剛學習flex一小段時間, 看到範例中flex也可以使用tween, 想請問, 用tween和用effect有什麼差別? 或者用哪一種較好? 若問題很笨, 請見諒.^^

    ReplyDelete
  6. Effect = 特效集合, Tween = 基本特效元件,沒有用哪一種比較好...因為都是由 Tween 發展的...

    ReplyDelete

Post a Comment

Popular posts from this blog

[AIR] JoSiResize - Mobile 開發小工具

JoSiResizev0.6.0,Adobe AIR 3 runtime之前開發 tool app 的時候並沒有很深刻的體認到圖片素材的 resize 是一個很麻煩的事情...畢竟圖片使用量並不大,等到開發遊戲類的 app 才發現光處理不同螢幕尺寸的圖片素材是一個相當折磨人的工作。
因此 JoSiResize app 誕生了~~~原理是採用最小 scale 長寬比例不變的方式進行放大縮小。使用方法非常簡單,設定好變更的尺寸,接下來,將需要處理的圖片檔案全選直接拖曳到視窗內,畫面即會跳出預備儲存的檔案夾選擇畫面,確認後即開始轉檔。

PureMVC for Titanium Mobile

為了秉持著哪裡都要用 PureMVC 的想法,試著修改 PureMVC 官網上提供的 Javascript 版本給 Titanium 使用。
**source code**
有任何問題請上:Titanium Mobile 中文開發者論壇

建立 instance 的方法:使用 Puremvc 為 namespace
Ti.include('puremvc-js-1.0.js');
var c = Puremvc.clone( Puremvc.SimpleCommand );
var p = Puremvc.clone( Puremvc.Proxy, "TestProxy", "This is TestProxy's data" );
var m = Puremvc.clone( Puremvc.Mediator , "MainMediator" );

[Unity] erinylin.lazylib - Cookie for PlayerPrefs

有鑑於 PlayerPrefs 測試與版本更新問題,將大家都愛用的 PreviewLabs.PlayerPrefs 打包起來,製作重點還是以懶人為主,基本上 PlayerPrefs 資料更新與數量並不可能會有強烈衝擊效能的狀況產生,所以為了方便開發,就弄了一個視覺化工具,方便除錯用。

雖然 PreviewLabs.PlayerPrefs 作者都宣告放棄他們的版權,不過為了尊重程式,僅僅加入了兩個公用函式,其他並無更改。

內有:
Cookie ManagerCookie 用 DataObject 混合編輯 ScriptableObject執行階段除錯視窗工具當然還是有懶人常數檔案輸出資料版本控制,方便更新版後儲存資料更新功能其實很多,有興趣的請自行到 Github 下載並參考範例吧!