顯示具有 effect 標籤的文章。 顯示所有文章
顯示具有 effect 標籤的文章。 顯示所有文章

2012年10月3日 星期三

cloud effect with perlinNoise

雲霧效果教學
scrolling BitmapData +  perlinNoise

首先產生可以連續捲動的雲(BitmapData),
先回憶一下 perlinNoise 語法:
perlinNoise(periodX, periodY, numOctaves, seed, stitch, fractalNoise, channelOptions, grayScale);
stitch:true 平滑影像邊緣,以建立無接縫的拼貼紋理,適用於水波。
fractalNoise:true 平滑化該效果的邊緣,適用於雲霧,false 明顯不連續的漸層,
適用於火焰和海浪。

2012年9月18日 星期二

fire effect performance tuning

火及火焰效果調校教學

一直以來都會需要用到火/火焰特效,
筆記一下調校心得,
順便試用 wonderfl online coding,

幾個重點如下:
filter:加強效果
this.filters = [new BlurFilter(4, 16, 1)];

blendMode:加強效果
this.blendMode = "add";

2012年8月9日 星期四

flash mosaic photo effect

馬賽克拼磚(拼圖)效果

原圖用 10x10 的格子切割,
找出每個格子的代表色,
接著需載入夠多的圖檔作為圖庫(最少100張),
並計算每個圖檔的平均色,
從圖庫中找出最接近每個格子代表色的圖檔,
進行拼貼。

flash pixel effect

pixel 效果教學,
也可以拿來當作馬賽克(mosaic)效果,

原圖用 10x10 的格子切割,
再用 getPixel 取出每個格子的代表色,
依序填入顏色方塊,就是最簡單的馬賽克效果。

2012年7月26日 星期四

as3 carousel effect

flash 旋轉木馬的效果有很多方式可以實做出來,
從早期用  2D 的方式去模擬,
到後來用 pv3d or away3d 很多 3D framework 都可以辦到。

本篇文章用 flash 內建的 3D 功能來實做,

2012年6月6日 星期三

fisheye effect using DisplacementMapFilter

flash 要做出魚眼效果,在 flash8 以前的時代是非常痛苦的事,
不過現在有了 DisplacementMapFilter 這件事比變得簡單多了,
另外還有 Pixel Bender 也可以做到魚眼效果,但這兩個的原理不太一樣,
我自己的測試,Pixel Bender 的效能更好,但要 flash player 10 後
才有支援。