雲霧效果教學
scrolling BitmapData + perlinNoise
首先產生可以連續捲動的雲(BitmapData),
先回憶一下 perlinNoise 語法:
perlinNoise(periodX, periodY, numOctaves, seed, stitch, fractalNoise, channelOptions, grayScale);
stitch:true 平滑影像邊緣,以建立無接縫的拼貼紋理,適用於水波。
fractalNoise:true 平滑化該效果的邊緣,適用於雲霧,false 明顯不連續的漸層,
適用於火焰和海浪。
2012年10月3日 星期三
2012年9月18日 星期二
fire effect performance tuning
火及火焰效果調校教學
一直以來都會需要用到火/火焰特效,
筆記一下調校心得,
順便試用 wonderfl online coding,
幾個重點如下:
filter:加強效果
this.filters = [new BlurFilter(4, 16, 1)];
blendMode:加強效果
this.blendMode = "add";
一直以來都會需要用到火/火焰特效,
筆記一下調校心得,
順便試用 wonderfl online coding,
幾個重點如下:
filter:加強效果
this.filters = [new BlurFilter(4, 16, 1)];
blendMode:加強效果
this.blendMode = "add";
2012年8月9日 星期四
flash mosaic photo effect
馬賽克拼磚(拼圖)效果
原圖用 10x10 的格子切割,
找出每個格子的代表色,
接著需載入夠多的圖檔作為圖庫(最少100張),
並計算每個圖檔的平均色,
從圖庫中找出最接近每個格子代表色的圖檔,
進行拼貼。
原圖用 10x10 的格子切割,
找出每個格子的代表色,
接著需載入夠多的圖檔作為圖庫(最少100張),
並計算每個圖檔的平均色,
從圖庫中找出最接近每個格子代表色的圖檔,
進行拼貼。
flash pixel effect
pixel 效果教學,
也可以拿來當作馬賽克(mosaic)效果,
原圖用 10x10 的格子切割,
再用 getPixel 取出每個格子的代表色,
依序填入顏色方塊,就是最簡單的馬賽克效果。
也可以拿來當作馬賽克(mosaic)效果,
原圖用 10x10 的格子切割,
再用 getPixel 取出每個格子的代表色,
依序填入顏色方塊,就是最簡單的馬賽克效果。
2012年7月26日 星期四
as3 carousel effect
flash 旋轉木馬的效果有很多方式可以實做出來,
從早期用 2D 的方式去模擬,
到後來用 pv3d or away3d 很多 3D framework 都可以辦到。
本篇文章用 flash 內建的 3D 功能來實做,
從早期用 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 後
才有支援。
不過現在有了 DisplacementMapFilter 這件事比變得簡單多了,
另外還有 Pixel Bender 也可以做到魚眼效果,但這兩個的原理不太一樣,
我自己的測試,Pixel Bender 的效能更好,但要 flash player 10 後
才有支援。
訂閱:
文章 (Atom)